:root{
  --navy-deep:#0B1E3D;--navy-base:#14315C;--blue-primary:#1F4E8C;--blue-accent:#4FA6E8;--rust:#C1571F;
  --white:#FFFFFF;--off-white:#F3F6FB;--ink:#0E1626;--ink-soft:#4A5A72;
  --line:rgba(255,255,255,0.12);--line-dark:rgba(15,25,45,0.10);
  --font-display:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box;}
body{margin:0;font-family:var(--font-body);background:var(--off-white);color:var(--ink);-webkit-font-smoothing:antialiased;}
h1,h2{font-family:var(--font-display);color:var(--navy-deep);}
a{color:var(--blue-primary);}
.topbar{background:var(--navy-deep);border-bottom:1px solid var(--line);}
.topbar-inner{max-width:900px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:10px;}
.brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;}
.brand img{width:30px;height:30px;border-radius:50%;}
.brand-text{font-family:var(--font-display);font-weight:600;font-size:15px;}
.brand-text small{display:block;font-family:var(--font-body);font-weight:400;font-size:10.5px;color:#9FB3D1;letter-spacing:.03em;text-transform:uppercase;margin-top:1px;}
main{max-width:760px;margin:0 auto;padding:48px 24px 80px;}
.eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-primary);margin-bottom:10px;}
h1{font-size:30px;margin-bottom:6px;}
.updated{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);margin-bottom:32px;}
h2{font-size:17px;margin-top:34px;margin-bottom:10px;}
p,li{font-size:14px;line-height:1.7;color:var(--ink-soft);}
ul{padding-left:20px;}
li{margin-bottom:6px;}
.panel{background:var(--white);border:1px solid var(--line-dark);border-radius:14px;padding:24px;margin-bottom:18px;}
footer{background:var(--navy-deep);color:#AEC1DC;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.brand-mark{ text-align:center; pointer-events:none; }
.brand-mark .brand-sig{
  display:flex; align-items:center; justify-content:center; gap:6px;
  font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:0.03em;
  color:rgba(199,213,234,0.55);
}
.brand-mark .brand-icon{width:14px; height:14px; border-radius:50%; flex-shrink:0;}
.brand-mark .brand-sig a{
  color:rgba(199,213,234,0.8); pointer-events:auto; text-decoration:none; border-bottom:1px solid rgba(199,213,234,0.35);
}
.brand-mark .brand-sig a:hover{color:#eaf2fc; border-bottom-color:#eaf2fc;}
.brand-mark .claude-star{color:var(--rust); font-size:14px; margin:0 6px; display:inline-block;}
.brand-mark .brand-inspired{
  margin-top:1px;
  font-family:'IBM Plex Mono',monospace; font-size:8.5px;
  color:rgba(199,213,234,0.35);
}
.brand-mark .brand-inspired a{
  color:rgba(199,213,234,0.5); pointer-events:auto; text-decoration:none; border-bottom:1px solid rgba(199,213,234,0.2);
}
.brand-mark .brand-inspired a:hover{color:rgba(199,213,234,0.8);}
.footer-links{font-size:11px;margin-top:10px;}
.footer-links a{color:#8FA6C7;text-decoration:none;}