/* Shared site chrome for the public board and its reusable topic page. */
:root{--bg:#121110;--panel:#1a1816;--panel-2:#211e1b;--ink:#ece7dc;--soft:#9a9286;--faint:#8c8275;--line:rgba(236,231,220,.12);--line-2:rgba(236,231,220,.07);--accent:#d4663a;--mono:"JetBrains Mono",ui-monospace,monospace;--serif:"Newsreader",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--accent);color:#fff}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.top{position:fixed;top:0;left:0;right:0;z-index:60;height:62px;display:flex;align-items:center;border-bottom:1px solid transparent}
.top.solid{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);border-bottom-color:var(--line-2)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}
.mark{display:flex;align-items:baseline;gap:11px}.mark .nm{font-family:var(--serif);font-size:17px;letter-spacing:.01em}.mark .rl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.top nav{display:flex;gap:24px}.top nav a{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.top nav a:hover{color:var(--ink)}
.navtoggle{display:none;background:none;border:0;color:var(--soft);font-size:21px;line-height:1;cursor:pointer;padding:6px 4px}
section{scroll-margin-top:82px}
@media(max-width:900px){.wrap{padding:0 22px}.navtoggle{display:inline-flex;align-items:center}.top nav{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;gap:0;background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-2);padding:6px 0}.top.navopen nav{display:flex}.top nav a{padding:14px 22px;font-size:13px}}
@media(max-width:400px){.mark .rl{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}