:root{
  --orange:#f44b23;--yellow:#ffc67b;--peach:#ffbe9c;--black:#000;--white:#fff;
  --cream:#fff8f0;--peach-soft:#ffe6d8;--orange-ink:#c7361a;--text:#141414;--text-muted:#4a4a4a;--line:rgba(0,0,0,.1);
  --font-display:'Fraunces',Georgia,serif;--font-body:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--orange-ink);font-weight:700;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.container{width:100%;max-width:820px;margin:0 auto;padding:0 24px}
.header{background:var(--black);color:var(--white);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;max-width:1200px;margin:0 auto;padding:0 24px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--white);font-weight:800;font-size:1.35rem;letter-spacing:-.02em}
.logo img{width:32px;height:32px}
.logo .aha{color:var(--orange)}.logo .learning{font-weight:600}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--orange);color:var(--black);font-weight:800;font-size:.92rem;text-decoration:none}
.btn:hover{background:#ff5f39}
.hero{background:var(--cream);padding:64px 0 48px;border-bottom:1px solid var(--line)}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-ink);margin:0 0 16px}
.eyebrow::before{content:"";width:36px;height:2px;background:var(--orange);border-radius:2px}
h1,h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--black);margin:0}
h1{font-size:clamp(2.2rem,5vw,3.2rem)}
h2{font-size:1.5rem;margin:44px 0 12px}
h3{font-size:1.08rem;margin:24px 0 6px}
.updated{color:var(--text-muted);margin:16px 0 0;font-weight:600}
main{padding:24px 0 88px}
main p,main li{color:var(--text-muted)}
main strong{color:var(--text)}
ul{padding-left:1.25em}li{margin-bottom:6px}
.summary{margin:32px 0 8px;padding:20px 24px;border-radius:16px;background:var(--peach-soft)}
.summary p{margin:0;color:var(--text)}
.ph{background:repeating-linear-gradient(-45deg,#fff2c4 0 8px,#ffe7a8 8px 16px);outline:1.5px dashed var(--orange);outline-offset:1px;border-radius:4px;padding:0 4px;color:var(--black);font-weight:700}
.footer{background:var(--black);color:rgba(255,255,255,.8);padding:36px 0;font-size:.92rem}
.footer .container{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}
.footer a{color:rgba(255,255,255,.9);font-weight:600}
.footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
@media (max-width:600px){.container,.nav{padding:0 16px}.btn{padding:0 16px}.logo{font-size:1.15rem}}