/* Shared styles for content pages (privacy, terms, etc) */
:root{
  --ink:#0E1F19;--mute:#6B7670;--soft:#9CB0A8;
  --line:#E4E3DC;--paper:#FAFAF7;--paper-alt:#F4F2EA;
  --green-100:#DCF1E6;--green-300:#8FD2AE;--green-500:#2FA66A;
  --green-600:#1F7E51;--green-700:#13633C;--green-900:#0E1F19;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:var(--green-700);}
a:hover{color:var(--green-600);}

.container{max-width:920px;margin:0 auto;padding:0 32px;}

/* Header */
header.nav{position:sticky;top:0;z-index:50;background:rgba(250,250,247,.86);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line);}
header.nav .row{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1240px;margin:0 auto;padding:0 32px;}
.brand{display:flex;align-items:center;gap:2px;text-decoration:none;color:inherit;}
.brand .wm{font-family:'Manrope',sans-serif;font-weight:800;font-size:26px;letter-spacing:-.025em;line-height:1;color:var(--ink);}
.brand .wm em{font-style:normal;color:var(--green-600);}
.nav-right{display:flex;align-items:center;gap:18px;font-size:14px;}
.nav-right a{color:var(--ink);text-decoration:none;}
.nav-right a:hover{color:var(--green-700);}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:var(--green-600);color:#fff !important;font-weight:600;font-size:14px;text-decoration:none;border:1px solid var(--green-600);}
.btn:hover{background:var(--green-700);border-color:var(--green-700);color:#fff !important;}

/* Hero */
.page-hero{padding:72px 0 48px;border-bottom:1px solid var(--line);}
.page-hero .eyebrow{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--green-600);font-weight:600;display:inline-flex;align-items:center;gap:12px;}
.page-hero .eyebrow::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--green-500);box-shadow:0 0 0 5px rgba(47,166,106,.18);}
.page-hero h1{font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(36px,4.4vw,56px);letter-spacing:-.03em;line-height:1.04;margin:16px 0 14px;}
.page-hero p.lede{font-size:18px;color:var(--mute);max-width:60ch;line-height:1.55;}
.page-hero .updated{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:18px;}

/* Content */
main.content{padding:56px 0 96px;}
main.content section{margin-bottom:48px;}
main.content h2{font-family:'Manrope',sans-serif;font-weight:800;font-size:26px;letter-spacing:-.02em;line-height:1.15;margin:0 0 14px;color:var(--ink);}
main.content h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.01em;margin:24px 0 8px;}
main.content p{margin:0 0 14px;color:#33403B;}
main.content ul{margin:0 0 14px;padding-left:22px;color:#33403B;}
main.content ul li{margin:6px 0;}
main.content table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:15px;}
main.content th,main.content td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;}
main.content th{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);background:var(--paper-alt);font-weight:600;}
main.content strong{color:var(--ink);}

.callout{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px;margin:18px 0 22px;}
.callout h3{margin-top:0;}
.callout p:last-child{margin-bottom:0;}

.toc{background:var(--paper-alt);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin-bottom:40px;}
.toc h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 12px;font-weight:600;}
.toc ol{margin:0;padding-left:22px;color:var(--ink);}
.toc ol li{margin:5px 0;}
.toc ol li a{color:var(--ink);text-decoration:none;}
.toc ol li a:hover{color:var(--green-700);text-decoration:underline;}

/* Footer */
footer.site{background:var(--ink);color:#9CB0A8;padding:48px 0 28px;font-size:14px;}
footer.site .container{max-width:1240px;}
footer.site .row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
footer.site a{color:#9CB0A8;text-decoration:none;}
footer.site a:hover{color:var(--green-300);}
footer.site .brand-block{display:flex;align-items:center;gap:14px;}
footer.site .brand-block .wm{font-family:'Manrope',sans-serif;font-weight:800;font-size:22px;color:#fff;letter-spacing:-.025em;}
footer.site .brand-block .wm em{font-style:normal;color:var(--green-300);}
footer.site .legal{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);}
footer.site nav.foot{display:flex;gap:24px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;}

@media (max-width: 720px){
  .nav-right .btn{display:none;}
  main.content{padding:36px 0 72px;}
  .page-hero{padding:48px 0 32px;}
}

/* responsive safety */
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%;height:auto}
table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}
