:root{color-scheme:dark;background:var(--nomn-night);color:var(--nomn-linen);font-family:var(--nomn-font-body)}
*{box-sizing:border-box}body{margin:0}header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--nomn-night-line)}header img{width:190px;max-width:50vw}nav{display:flex;flex-wrap:wrap;gap:20px}main{max-width:800px;margin:auto;padding:48px 24px}h1,h2,h3{font-family:var(--nomn-font-display);overflow-wrap:anywhere}h1{font-size:clamp(2rem,6vw,3.5rem)}h2{margin-top:32px}p{line-height:1.6;overflow-wrap:anywhere}a{color:var(--nomn-lit-red)}label{display:grid;gap:8px;margin:16px 0}input,button{font:inherit;min-height:var(--nomn-touch-min);padding:12px;border:1px solid var(--nomn-field-border);border-radius:var(--nomn-radius-input)}input{min-width:0;width:100%;background:var(--nomn-night-panel);color:var(--nomn-linen)}button{background:var(--nomn-screen-red);color:var(--nomn-linen);cursor:pointer}button:disabled{opacity:.6;cursor:wait}li{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}li span{min-width:0;overflow-wrap:anywhere}li button{flex-shrink:0}ul{padding:0;list-style:none}code{display:block;overflow-wrap:anywhere;font-family:var(--nomn-font-mono);padding:16px;background:var(--nomn-night-panel);margin-bottom:12px}section{min-width:0;padding-bottom:24px;border-bottom:1px solid var(--nomn-night-line)}.eyebrow{color:var(--nomn-ceiling-light);font-family:var(--nomn-font-mono)}.skip-link{position:absolute;left:16px;top:-100px}.skip-link:focus{top:8px;background:var(--nomn-night);padding:12px}:focus-visible{outline:3px solid var(--nomn-ceiling-light);outline-offset:4px}[hidden]{display:none!important}@media(max-width:480px){header{padding:16px}main{padding:32px 16px}li{align-items:flex-start;flex-direction:column}}

header nav a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; padding: 0 8px; }