/* MacSurf — shared core: design tokens + page chrome (menubar, base reset).
   Loaded by every page. Page-specific styling lives in home.css / docs.css. */
:root{
  --ink:#16223c;
  --ink-2:#2b3a5e;
  --paper:#e9e5d8;
  --paper-2:#f3f0e6;
  --platinum:#d8d5ca;
  --platinum-d:#bdb9ab;
  --white:#fcfbf6;
  --yellow:#dcb85e;
  --yellow-d:#c29a3a;
  --orange:#c4703a;
  --rust:#ad482f;
  --line:#1a2440;
  --hair:rgba(22,34,60,.15);
  --shadow:rgba(22,34,60,.14);
  font-synthesis-weight:none;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
/* faint platinum pinstripe + warm glow over the whole page */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(900px 520px at 78% -4%, rgba(220,184,94,.20), transparent 62%),
    repeating-linear-gradient(0deg, rgba(22,34,60,.026) 0 1px, transparent 1px 4px);
}
a{color:inherit;}
img{display:block;max-width:100%;}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px;}
.mono{font-family:'IBM Plex Mono',monospace;}
.pixel{font-family:'IBM Plex Mono',monospace;letter-spacing:.02em;}

/* ---------- menu bar ---------- */
.menubar{
  position:sticky;top:0;z-index:80;
  background:var(--white);
  border-bottom:1px solid var(--hair);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
}
.menubar .wrap{display:flex;align-items:center;gap:26px;min-height:76px;max-width:1200px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;text-decoration:none;color:inherit;}
.brand img{display:block;height:clamp(40px,12vw,64px);width:auto;max-width:none;}
.menu-links{display:flex;gap:6px;margin-left:auto;align-items:center;flex-wrap:wrap;}
.menu-links a{
  font-family:'IBM Plex Mono',monospace;font-size:10px;
  text-decoration:none;color:var(--ink-2);
  padding:7px 11px;border-radius:5px;transition:.15s;
}
.menu-links a:hover{background:var(--paper);color:var(--ink);}
.menu-links a.active{background:var(--paper);color:var(--ink);}
.clock{
  font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink);
  border:1px solid var(--hair);border-radius:6px;padding:6px 10px;
  background:linear-gradient(#fff,#e6e3d8);
}

/* ---------- giscus discussion (GitHub Discussions) ---------- */
.discuss{max-width:936px;margin:8px auto 64px;padding:0 28px;}
.discuss-card{
  background:var(--white);
  border:1px solid var(--hair);
  border-radius:14px;
  box-shadow:0 12px 30px var(--shadow);
  padding:30px 34px;
}
.discuss-card h2{
  font-family:'Bricolage Grotesque',Georgia,serif;
  font-weight:700;font-size:24px;color:var(--ink);margin-bottom:6px;
}
.discuss-card .note{color:var(--ink-2);font-size:14px;margin-bottom:18px;}
.discuss-card .note a{color:var(--rust);}
@media (max-width:680px){
  .discuss{margin:8px 14px 40px;padding:0;}
  .discuss-card{padding:22px 18px;border-radius:10px;}
}