/* BTC Legal Pack — shared spec (charcoal canvas, Bebas/Sora/Fraunces, 8pt grid) */
:root{
  --charcoal:#141414;
  --charcoal-raised:#1E1E1E;
  --charcoal-line:#2A2A2A;
  --bone:#F2EEE3;
  --bone-dim:rgba(242,238,227,0.70);
  --bone-faint:rgba(242,238,227,0.35);
  --gold:#C9A84C;
  --gold-bright:#EFD489;
  --signal:#FF4B1F;
  --font-display:'Bebas Neue',sans-serif;
  --font-body:'Sora',sans-serif;
  --font-accent:'Fraunces',serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--charcoal);color:var(--bone);font-family:var(--font-body);font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased}
body{
  background:
    radial-gradient(ellipse 75% 55% at 50% 0%, rgba(201,168,76,0.07) 0%, transparent 65%),
    radial-gradient(ellipse 60% 50% at 100% 100%, rgba(0,0,0,0.45) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 0% 100%, rgba(0,0,0,0.45) 0%, transparent 60%),
    var(--charcoal);
  background-attachment:fixed;
  min-height:100vh;
  padding:0;
}
.gold-stripe{position:fixed;top:0;left:0;right:0;height:4px;z-index:50;background:linear-gradient(90deg,var(--gold) 0%, var(--gold-bright) 50%, var(--gold) 100%)}

.nav{position:sticky;top:4px;background:rgba(20,20,20,0.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--charcoal-line);padding:16px 0;z-index:40}
.nav-inner{max-width:1080px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.nav-brand{font-family:var(--font-display);font-size:24px;letter-spacing:2px;color:var(--bone);text-decoration:none}
.nav-brand .accent{color:var(--gold)}
.nav-links{display:flex;gap:32px;flex-wrap:wrap}
.nav-links a{font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:var(--bone-dim);text-decoration:none;transition:color 0.2s ease}
.nav-links a:hover, .nav-links a.active{color:var(--gold)}

.hero{padding:96px 32px 64px;max-width:1080px;margin:0 auto;border-bottom:1px solid var(--charcoal-line)}
.hero .eyebrow{font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.hero h1{font-family:var(--font-display);font-size:clamp(56px,9vw,128px);line-height:0.95;letter-spacing:2px;margin-bottom:32px;color:var(--bone)}
.hero h1 .accent{color:var(--gold)}
.hero .meta{display:flex;flex-wrap:wrap;gap:32px;font-family:var(--font-body);font-weight:300;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--bone-faint);padding-top:24px;border-top:1px solid var(--charcoal-line)}
.hero .meta strong{color:var(--bone-dim);font-weight:500}
.hero .disclaimer{margin-top:32px;padding:24px;background:var(--charcoal-raised);border-left:3px solid var(--gold);font-size:14px;color:var(--bone-dim);line-height:1.6}
.hero .disclaimer strong{color:var(--gold);font-weight:600;letter-spacing:0.05em}

main{max-width:880px;margin:0 auto;padding:64px 32px 96px}
section{margin-bottom:64px}
section h2{font-family:var(--font-display);font-size:clamp(36px,4.5vw,56px);line-height:1;letter-spacing:1.5px;color:var(--bone);margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--charcoal-line)}
section h2 .num{color:var(--gold);font-family:var(--font-accent);font-style:italic;font-weight:400;font-size:0.85em;margin-right:24px}
section h3{font-family:var(--font-body);font-weight:600;font-size:16px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold-bright);margin:32px 0 16px}
section h4{font-family:var(--font-body);font-weight:600;font-size:14px;letter-spacing:0.15em;text-transform:uppercase;color:var(--bone);margin:24px 0 12px}
section p{font-size:16px;line-height:1.7;color:var(--bone-dim);margin-bottom:16px}
section p strong{color:var(--bone);font-weight:500}
section ul, section ol{margin:16px 0 24px;padding-left:24px}
section li{font-size:16px;line-height:1.65;color:var(--bone-dim);margin-bottom:12px}
section li::marker{color:var(--gold)}
section a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,168,76,0.3);transition:all 0.2s ease}
section a:hover{color:var(--gold-bright);border-bottom-color:var(--gold-bright)}

.pull{font-family:var(--font-accent);font-style:italic;font-weight:400;font-size:24px;line-height:1.45;color:var(--gold);margin:32px 0;padding:24px 0;border-top:1px solid var(--charcoal-line);border-bottom:1px solid var(--charcoal-line)}

.table-wrap{overflow-x:auto;margin:24px 0 32px;border:1px solid var(--charcoal-line)}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:16px;text-align:left;border-bottom:1px solid var(--charcoal-line);vertical-align:top}
th{font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);background:var(--charcoal-raised)}
td{color:var(--bone-dim);line-height:1.55}
tr:last-child td{border-bottom:none}

.callout{background:var(--charcoal-raised);border-left:3px solid var(--gold);padding:24px 32px;margin:24px 0 32px}
.callout .label{font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.callout p{font-size:15px;color:var(--bone-dim);margin-bottom:8px}
.callout p:last-child{margin-bottom:0}
.callout.warn{border-left-color:var(--signal)}
.callout.warn .label{color:var(--signal)}

footer.site-foot{border-top:1px solid var(--charcoal-line);padding:48px 32px;margin-top:32px;max-width:1080px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px}
footer.site-foot .brand{font-family:var(--font-display);font-size:20px;letter-spacing:2px;color:var(--bone)}
footer.site-foot .brand .accent{color:var(--gold)}
footer.site-foot .links{display:flex;flex-wrap:wrap;gap:24px;font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:0.2em;text-transform:uppercase}
footer.site-foot .links a{color:var(--bone-dim);text-decoration:none}
footer.site-foot .links a:hover{color:var(--gold)}
footer.site-foot .copy{font-family:var(--font-body);font-weight:300;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--bone-faint);width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--charcoal-line)}

@media print{
  body{background:#F2EEE3;color:#141414}
  .gold-stripe{position:absolute}
  .nav,footer.site-foot{display:none}
  .hero{padding:32px 0 24px;border-bottom:2px solid #141414;page-break-after:always}
  .hero h1{color:#141414}
  .hero h1 .accent,.hero .eyebrow{color:#8C7330}
  .hero .meta{color:#141414;border-color:#141414}
  .hero .disclaimer{background:#E5DDC8;border-left-color:#8C7330;color:#141414}
  .hero .disclaimer strong{color:#8C7330}
  main{padding:24px 0}
  section{margin-bottom:32px;page-break-inside:avoid;page-break-after:always}
  section:last-child{page-break-after:auto}
  section h2{color:#141414;border-bottom-color:#141414}
  section h2 .num{color:#8C7330}
  section h3{color:#8C7330}
  section h4{color:#141414}
  section p, section li{color:#141414}
  section a{color:#8C7330}
  .pull{color:#8C7330;border-top:1px solid #141414;border-bottom:1px solid #141414}
  .callout{background:#E5DDC8;border-left-color:#8C7330;color:#141414}
  .callout .label{color:#8C7330}
  .callout p{color:#141414}
  th{background:#E5DDC8;color:#8C7330;border:1px solid #141414}
  td{color:#141414;border:1px solid #141414}
  @page{size:A4;margin:18mm 16mm}
}

@media (max-width:680px){
  .nav-inner{padding:0 20px;gap:16px}
  .nav-links{gap:16px}
  .hero{padding:64px 20px 48px}
  .hero h1{font-size:48px;letter-spacing:1px}
  main{padding:48px 20px 64px}
  section h2{font-size:32px}
  section p,section li{font-size:15px}
  .pull{font-size:20px}
  footer.site-foot{padding:32px 20px}
}