:root{
  --cream:#f7f3ec; --paper:#ffffff; --ink:#1c1a16; --dim:#6f6a60; --terra:#a8481f;
  --hairL:rgba(60,50,35,.12); --shadowL:0 1px 2px rgba(60,50,35,.05),0 14px 34px rgba(60,50,35,.07);
  --char:#14110f; --charcard:#221d18; --sand:#efe7dc; --dimD:#968b7e; --ember:#dd8846;
  --hairD:rgba(255,240,220,.10);
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,sans-serif;
  --serif:ui-serif,Georgia,"Times New Roman",serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
.wrap{max-width:760px;margin:0 auto;padding:0 clamp(20px,4vw,30px)}

nav{position:sticky;top:0;z-index:50;background:var(--cream);border-bottom:1px solid var(--hairL)}
.navin{display:flex;align-items:center;gap:24px;height:70px;max-width:1120px;margin:0 auto;
  padding:0 clamp(20px,4vw,30px)}
.lg{font-family:var(--serif);font-size:20px;letter-spacing:-.02em;text-decoration:none}
.lg i{font-style:normal;color:var(--terra)}
.nlinks{display:flex;gap:20px;margin-left:auto;font-size:14px;color:var(--dim)}
.nlinks a{text-decoration:none}
.nlinks a:hover{color:var(--ink)}
.nlinks a[aria-current="page"]{color:var(--terra);font-weight:600}
@media(max-width:720px){.nlinks{gap:14px;font-size:13px}}

header.top{padding:clamp(48px,7vw,80px) 0 6px}
.kick{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--terra);margin-bottom:18px}
h1{font-family:var(--serif);font-size:clamp(32px,4.6vw,50px);line-height:1.06;
  letter-spacing:-.032em;font-weight:400}
.lede{color:var(--dim);font-size:17.5px;margin-top:18px;line-height:1.62}

main{padding:34px 0 clamp(60px,8vw,96px)}
h2{font-size:19px;font-weight:600;margin:38px 0 10px;letter-spacing:-.01em}
h2:first-child{margin-top:0}
main p{color:var(--dim);font-size:15.5px;margin-bottom:12px}
main ul{padding-left:19px;margin:10px 0 16px;display:grid;gap:9px}
main li{color:var(--dim);font-size:15.5px}
main b,main strong{color:var(--ink);font-weight:600}
.box{background:var(--paper);border-radius:14px;padding:22px;margin:22px 0;box-shadow:var(--shadowL)}
.box p:last-child{margin-bottom:0}
.warn{background:#fdf3ee;border:1px solid rgba(168,72,31,.22);border-radius:14px;padding:22px;margin:22px 0}
.warn p:last-child{margin-bottom:0}

details{background:var(--paper);border-radius:13px;padding:0 20px;margin-bottom:9px;box-shadow:var(--shadowL)}
summary{cursor:pointer;padding:17px 0;font-size:16px;font-weight:600;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:14px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--terra);font-size:20px;font-weight:400;flex:none}
details[open] summary::after{content:"\2013"}
details p{padding:0 0 18px;margin:0;font-size:15px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--terra);outline-offset:3px}

footer{background:var(--char);color:var(--dimD);padding:44px 0 52px;font-size:13px}
.fg{display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between;
  max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,30px)}
.fc{display:grid;gap:9px;align-content:start}
.fc b{color:var(--sand);font-size:11px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}
.fc a{text-decoration:none}
.fc a:hover{color:var(--sand)}
.fine{max-width:1120px;margin:34px auto 0;padding:22px clamp(20px,4vw,30px) 0;
  border-top:1px solid var(--hairD);font-size:12px;color:#7c7266;line-height:1.6}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}