/* site-chrome.css — the one menu and footer on every public page
   (26 Oct 2026). Written into each page by tools/site-chrome.mjs.
   Each page still has its own older `nav { … }` and `footer { … }` rules,
   so everything they might set is set here again, explicitly. */
nav.sc-nav{
  position:sticky; top:0; left:auto; right:auto; z-index:100; transform:none;
  display:flex; align-items:center; justify-content:flex-start; flex-wrap:nowrap; gap:22px;
  width:auto; height:auto; max-width:none; margin:0; padding:16px 28px;
  background:rgba(10,10,14,.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:0; border-bottom:1px solid rgba(255,255,255,.08); box-shadow:none;
  font-family:'JetBrains Mono','Share Tech Mono',ui-monospace,monospace; text-align:left;
}
nav.sc-nav a{ text-decoration:none; }
.sc-brand{ display:flex; align-items:center; gap:9px; color:#ffcc44; font-size:14px; letter-spacing:.14em; white-space:nowrap; }
.sc-hex{ font-size:19px; line-height:1; color:#ffd966; filter:drop-shadow(0 0 6px rgba(255,200,60,.4)); }
.sc-links{ display:flex; gap:22px; margin-left:auto; }
.sc-links a{ font-size:13px; letter-spacing:.04em; color:#8a93a0; white-space:nowrap; padding:4px 0; border-bottom:1px solid transparent; transition:color .15s; }
.sc-links a:hover, .sc-links a:focus-visible{ color:#ffcc44; }
.sc-links a[aria-current="page"]{ color:#ffcc44; border-bottom-color:rgba(255,204,68,.55); }
.sc-theme{ background:none; border:1px solid rgba(255,255,255,.14); color:#8a93a0; width:34px; height:34px; cursor:pointer; font-size:14px; flex:none; }
.sc-go{ font-size:13px; letter-spacing:.06em; padding:9px 18px; border:1px solid #c97f1f; color:#ffcc44; white-space:nowrap; transition:background .15s,color .15s; flex:none; }
.sc-go:hover, .sc-go:focus-visible{ background:#ffcc44; color:#0a0a0e; }

footer.sc-foot{
  position:static; display:block; margin:70px 0 0; padding:28px 24px; width:auto; max-width:none;
  background:transparent; border:0; border-top:1px solid rgba(255,255,255,.08); text-align:center;
  font-family:'JetBrains Mono','Share Tech Mono',ui-monospace,monospace;
}
.sc-foot__links{ display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin-bottom:10px; }
.sc-foot a{ font-size:13px; color:#8a93a0; text-decoration:none; }
.sc-foot a:hover, .sc-foot a:focus-visible{ color:#ffcc44; }
.sc-foot__cp{ font-size:12px; color:#6b7380; }
.sc-foot__cp a{ font-size:12px; }

html[data-theme="light"] nav.sc-nav{ background:rgba(255,255,255,.92); border-bottom-color:#e6dcc8; }
html[data-theme="light"] .sc-brand{ color:#9a6200; }
html[data-theme="light"] .sc-hex{ color:#b87400; }
html[data-theme="light"] .sc-links a, html[data-theme="light"] .sc-foot a, html[data-theme="light"] .sc-theme{ color:#6d6150; }
html[data-theme="light"] .sc-links a[aria-current="page"], html[data-theme="light"] .sc-links a:hover{ color:#9a6200; border-bottom-color:rgba(154,98,0,.5); }
html[data-theme="light"] .sc-go{ color:#9a6200; border-color:#b87400; }
html[data-theme="light"] .sc-go:hover{ background:#b87400; color:#fff; }
html[data-theme="light"] footer.sc-foot{ border-top-color:#e6dcc8; }

@media (max-width:760px){
  nav.sc-nav{ flex-wrap:wrap; gap:10px 12px; padding:12px 16px; }
  .sc-brand{ margin-right:auto; }
  .sc-links{ order:3; width:100%; margin-left:0; justify-content:space-between; gap:8px; }
  .sc-links a{ font-size:12.5px; }
  .sc-theme{ width:30px; height:30px; }
  .sc-go{ padding:8px 14px; font-size:12px; }
}