:root{
  --navy:#12303B;--teal:#5B9AA0;--coral:#E07856;--cream:#FBF8F2;
  --ink:#22343B;--muted:#61727A;--line:rgba(18,48,59,.12);--maxw:820px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Poppins',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(1.6rem,4vw,3rem) clamp(1.1rem,4vw,2rem)}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;color:var(--navy);line-height:1.16;letter-spacing:-.01em;font-weight:600}
h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:1rem}
h2{font-size:1.2rem;margin:1.9rem 0 .4rem}
h3{font-size:1.02rem;margin:1.2rem 0 .25rem}
p,li{margin-bottom:.7rem}
ul{padding-left:1.3rem;margin-bottom:.7rem}
strong{color:var(--navy)}
a{color:var(--coral)}
.topbar{background:var(--navy)}
.topbar .bar{max-width:var(--maxw);margin:0 auto;padding:.9rem clamp(1.1rem,4vw,2rem);display:flex;align-items:center;gap:.6rem}
.topbar a{color:#fff;text-decoration:none;font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600}
.topbar .mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--coral);color:#fff;font-family:'Fraunces',serif;font-size:.8rem}
.back{display:inline-block;margin-bottom:1.4rem;color:var(--teal);font-weight:600;text-decoration:none;font-size:.9rem}
.back:hover{text-decoration:underline}
.muted{color:var(--muted);font-size:.86rem}
.updated{color:var(--muted);font-size:.82rem;margin-bottom:1.4rem}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.3rem 1.5rem;margin:.6rem 0 1rem}
footer{border-top:1px solid var(--line);margin-top:1.5rem;background:var(--cream)}
footer .bar{max-width:var(--maxw);margin:0 auto;padding:1.3rem clamp(1.1rem,4vw,2rem) 2.4rem;font-size:.85rem;color:var(--muted);display:flex;gap:1.3rem;flex-wrap:wrap}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--navy)}