/* Shared chrome for Statue's document pages (privacy, terms, support).
   index.html carries its own inline <style> — any change to the header or
   footer markup here must be mirrored there by hand, or the homepage renders
   the new chrome unstyled. */
@font-face{font-family:'Anton';src:url('fonts/Anton-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'InterL';src:url('fonts/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'InterL';src:url('fonts/Inter-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Kode';src:url('fonts/KodeMono-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{
  --gallery:#121317; --plinth:#1B1D23; --card:#22242B;
  --marble:#EDEAE3; --muted:#A6A8B0; --dim:#8A8C95;
  --chisel:#3D6BFF; --chisel-text:#6B8CFF;
  --hair:rgba(237,234,227,.10); --hair-2:rgba(237,234,227,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:clip}
body{background:var(--gallery);color:var(--marble);line-height:1.72;
  font-family:'InterL',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16.5px;
  -webkit-font-smoothing:antialiased}
a{color:var(--chisel-text)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

header{position:sticky;top:0;z-index:50;background:rgba(18,19,23,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.mark{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--marble)}
.mark .chip{width:26px;height:26px;border-radius:5px;background:linear-gradient(150deg,#EDEAE3,#B9B4A8);
  display:grid;place-items:center;font-family:'Anton',sans-serif;color:#121317;font-size:16px;line-height:1;padding-top:2px}
.mark .name{font-family:'Anton',sans-serif;font-size:21px;letter-spacing:.10em;text-transform:uppercase}
.navlinks{display:flex;align-items:center;gap:26px}
.navlinks a{font-size:14px;color:var(--muted);text-decoration:none}
.navlinks a:hover{color:var(--marble)}
@media(max-width:700px){.navlinks a{display:none}.navlinks a.home{display:inline}}

.dochead{padding:64px 0 40px;border-bottom:1px solid var(--hair)}
.placard{font-family:'Kode',ui-monospace,monospace;font-weight:700;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
.dochead h1{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(34px,5vw,58px);line-height:1.02;margin:14px 0 12px}
.dochead .date{color:var(--muted);font-size:14.5px}

main{max-width:760px;margin:0 auto;padding:8px 24px 80px}
main h2{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:23px;
  letter-spacing:.01em;margin:46px 0 14px;padding-left:16px;position:relative;line-height:1.2}
main h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:3px;border-radius:2px;
  background:linear-gradient(180deg,var(--chisel),rgba(61,107,255,.18))}
main h3{font-size:17px;font-weight:600;margin:28px 0 8px}
main p,main li{color:#C9C7C0;margin-bottom:13px}
main ul{padding-left:22px}
main strong{color:var(--marble);font-weight:600}
.card{background:var(--card);border:1px solid var(--hair);border-radius:14px;padding:20px 22px;margin:20px 0}
.card p:last-child{margin-bottom:0}

.faq details{border-bottom:1px solid var(--hair);padding:20px 0}
.faq details:first-of-type{border-top:1px solid var(--hair)}
.faq summary{cursor:pointer;list-style:none;font-weight:600;font-size:16.5px;
  display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--marble)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'Kode',monospace;color:var(--chisel-text);font-size:19px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:12px 0 0}

footer{border-top:1px solid var(--hair);background:var(--plinth);padding:44px 0 52px}
.foot{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:center}
.foot-links{display:flex;gap:24px;flex-wrap:wrap}
.foot-links a{font-size:14.5px;color:var(--muted);text-decoration:none}
.foot-links a:hover{color:var(--marble)}
.foot .meta{color:var(--dim);font-size:13.5px}