:root{--w-prose: 720px;--w-page: 1100px;--w-wide: 1280px;--w-gutter: 40px;--shell-prose: calc(var(--w-prose) + 2 * var(--w-gutter));--shell-page: calc(var(--w-page) + 2 * var(--w-gutter));--shell-wide: calc(var(--w-wide) + 2 * var(--w-gutter));--band-pad: max(var(--w-gutter), calc((100% - var(--w-wide)) / 2))}@media(max-width:768px){:root{--w-gutter: 20px}}.oksite{--surface:#FFFFFF;--surface2:#F7F5F0;--text:#1C2124;--soft:#4A5257;--faint:#8A9096;--border:rgba(0,0,0,.07);--border2:rgba(0,0,0,.16);--gold:#B8860B;--gold-contrast:#FFFFFF;--gold-soft:rgba(184,134,11,.14);--gold-text:#8A6A0F;--font-display:"Montserrat", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;position:sticky;top:0;z-index:70;background:var(--surface);border-bottom:1px solid var(--border)}.oksite a{text-decoration:none}.oksite .ok-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:var(--shell-wide);margin-inline:auto;padding:16px var(--w-gutter)}.oksite .ok-nav>.ok-brand{justify-self:start;grid-column:1}.oksite .ok-nav>.oknav-menu{justify-self:center;grid-column:2}.oksite .ok-nav>.ok-actions{justify-self:end;grid-column:3}.oksite .ok-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.oksite .ok-mark{display:block}.oksite .ok-wordmark{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--text)}.oksite .ok-wordmark .excl{color:var(--gold)}.oksite .oknav-menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.oksite .oknav-link{position:relative;color:var(--soft);white-space:nowrap;transition:color .16s ease}.oksite .oknav-link:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.oksite .oknav-link:hover{color:var(--text)}.oksite .oknav-link:hover:after{transform:scaleX(1)}.oksite .oknav-link.active{color:var(--gold-text);font-weight:600}.oksite .oknav-link.active:after{transform:scaleX(1);background:var(--gold)}.oksite .ok-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.oksite .ok-langwrap{position:relative}.oksite .ok-langbtn{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--text);border:1px solid var(--border2);border-radius:999px;padding:6px 12px;cursor:pointer;background:transparent;transition:border-color .16s ease}.oksite .ok-langbtn:hover{border-color:var(--gold)}.oksite .ok-langbtn .flag{font-size:14px;line-height:1}.oksite .ok-langbtn .caret{font-size:8px;color:var(--faint)}.oksite .ok-langmenu{position:absolute;top:calc(100% + 12px);right:0;width:262px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 44px #1114182e;padding:8px;z-index:60}.oksite .ok-langhead{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);padding:8px 10px 5px}.oksite .ok-langitem{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:var(--text);font-size:14px;font-weight:600}.oksite .ok-langitem:hover{background:var(--surface2)}.oksite .ok-langitem.current{background:var(--gold-soft)}.oksite .ok-langitem .cur{margin-left:auto;font-size:10px;font-weight:700;color:var(--gold-text)}.oksite .ok-langnote{font-size:11px;line-height:1.45;color:var(--faint);padding:9px 10px 5px}.oksite .ok-login{font-size:14px;font-weight:700;color:var(--text);padding:9px 16px;border-radius:8px;white-space:nowrap;transition:color .16s ease}.oksite .ok-login:hover{color:var(--gold)}.oksite .ok-cta{background:var(--surface);color:var(--gold-text);font-weight:700;font-size:14px;padding:8px 17px;border:1.5px solid var(--gold);border-radius:8px;white-space:nowrap;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.oksite .ok-cta:hover{background:var(--gold-soft);color:var(--gold-text);border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 16px var(--gold-soft)}.oksite .ok-hamburger{display:none;width:42px;height:42px;border:1px solid var(--border2);border-radius:10px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;background:transparent;flex-direction:column;gap:4px}.oksite .ok-hamburger span{width:18px;height:2px;background:var(--text);border-radius:2px}.oksite .ok-mobile[hidden]{display:none}.oksite .ok-mobile{position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 14px 28px #1114181f;padding:8px var(--w-gutter) 18px;display:flex;flex-direction:column;max-height:85vh;overflow-y:auto;z-index:60}.oksite .ok-mobile-link{padding:13px 4px;color:var(--text);font-size:15px;font-weight:600;border-bottom:1px solid var(--border)}.oksite .ok-mobile-actions{display:flex;align-items:center;gap:12px;padding-top:14px}.oksite .ok-mobile-login,.oksite .ok-mobile-cta{flex:1;text-align:center;font-size:14px;font-weight:700;border-radius:8px;padding:11px}.oksite .ok-mobile-login{color:var(--text);border:1px solid var(--border2)}.oksite .ok-mobile-cta{color:var(--gold-contrast);background:var(--gold)}.oksite .ok-mobile-lang{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.oksite .ok-mobile-langitem{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:8px;border:1px solid var(--border2);font-size:14px;font-weight:700;color:var(--text)}.oksite .ok-mobile-langitem.current{border-color:var(--gold);color:var(--gold-contrast);background:var(--gold)}.oksite .ok-anon{display:flex;align-items:center;gap:10px}.oksite .ok-authed,html.ok-maybe-authed .oksite .ok-anon{display:none}html.ok-maybe-authed .oksite .ok-authed{display:flex}.oksite .ok-avatarwrap{position:relative;align-items:center}.oksite .ok-avatar{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;background:var(--gold);color:var(--gold-contrast);font-family:var(--font-display);font-weight:800;font-size:14px;box-shadow:0 2px 8px var(--gold-soft);transition:transform .16s ease,box-shadow .16s ease}.oksite .ok-avatar:hover{transform:translateY(-1px);box-shadow:0 8px 20px var(--gold-soft)}.oksite .ok-avmenu[hidden]{display:none}.oksite .ok-avmenu{position:absolute;top:calc(100% + 12px);right:0;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 18px 44px #1114182e;padding:8px;z-index:60}.oksite .ok-avmenu-head{padding:9px 11px 8px}.oksite .ok-avmenu-name{font-size:13px;font-weight:700;color:var(--text)}.oksite .ok-avmenu-email{font-family:var(--font-mono);font-size:11.5px;color:var(--faint);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.oksite .ok-avmenu-sep{height:1px;background:var(--border);margin:4px 6px}.oksite .ok-avmenu-item[hidden]{display:none}.oksite .ok-avmenu-item{display:block;width:100%;text-align:left;padding:9px 11px;border-radius:8px;border:none;background:transparent;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit}.oksite .ok-avmenu-item:hover{background:var(--surface2)}.oksite .ok-avmenu-item.danger{color:#dc2626;font-weight:700}.oksite .ok-avmenu-item.danger:hover{background:#dc26261a}@media(max-width:860px){.oksite .oknav-menu{display:none}.oksite .ok-hamburger{display:flex}}@media(max-width:760px){.oksite .ok-nav{padding:14px var(--w-gutter)}}@media(max-width:560px){.oksite .ok-login,.oksite .ok-langwrap{display:none}}@media(prefers-reduced-motion:reduce){.oksite *{transition:none!important;animation:none!important}}