/* Structural chrome: top bar, section rhythm and footer. */ /* Lets keyboard users bypass the nav (WCAG 2.4.1). Visible on focus only. */ .skip-link{position:absolute;top:-100px;left:12px;z-index:50;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:13px;padding:10px 16px;transition:top .2s} .skip-link:focus{top:12px} nav{position:sticky;top:0;z-index:20;background:var(--nav-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)} nav .inner{max-width:var(--maxw);margin:0 auto;padding:18px 28px;display:flex;justify-content:space-between;align-items:center} nav .nm{font-family:var(--serif);font-size:17px;font-weight:500} nav .lk{display:flex;gap:24px;font-family:var(--mono);font-size:12.5px;color:var(--muted)} nav .lk a{transition:color .2s} nav .lk a:hover{color:var(--ink)} @media(max-width:600px){nav .lk a:not(.mail){display:none}} /* Language switcher. Kept outside .lk on purpose — .lk hides its links under 600px, and a switcher that disappears on mobile is not a switcher. */ nav .lang{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;color:var(--dim)} nav .lang a{transition:color .2s} nav .lang a:hover{color:var(--ink)} nav .lang a[aria-current]{color:var(--ink);font-weight:500} nav .lang .sep{color:var(--line)} /* Theme toggle. A real