/* Punch — legal pages. Palette mirrors site/index.html. */
:root{
  --green:#0E8FE8; --green-dark:#0B6FB8; --green-soft:#E3F4FE;
  --lemon-light:#EAF5FD;
  --cream:#F4F9FD; --cream-dark:#E8F1F8; --white:#fff;
  --text-dark:#0F2A44; --text-primary:#2F4A63; --text-secondary:#6A7F94; --text-muted:#A3B3C2;
  --border:#DCE7F1;
}
@media (prefers-color-scheme: dark){
  :root{
    --green:#38AEFF; --green-dark:#8ED3FF; --green-soft:#0F2A40;
    --lemon-light:#142A3C;
    --cream:#0A1420; --cream-dark:#13202E; --white:#152331;
    --text-dark:#EAF4FC; --text-primary:#C7D6E4; --text-secondary:#8FA3B7; --text-muted:#5C7085;
    --border:#233446;
  }
}
*{margin:0; padding:0; box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background:var(--cream); color:var(--text-primary);
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:0 22px;}
a{color:var(--green-dark); text-decoration:none;}
a:hover{text-decoration:underline;}

header{border-bottom:1px solid var(--border); background:var(--cream);}
.bar{display:flex; align-items:center; justify-content:space-between; height:64px;}
.brand{display:flex; align-items:center; gap:9px; font-weight:900; font-size:20px; color:var(--text-dark);}
.brand:hover{text-decoration:none;}
.dot{width:28px; max-width:28px; height:auto; border-radius:50%; display:inline-block; vertical-align:middle;}
.back{font-weight:800; font-size:14px; color:var(--text-secondary);}

main{padding:52px 22px 24px;}
h1{font-size:clamp(28px,5vw,38px); font-weight:900; color:var(--text-dark); line-height:1.15; margin-bottom:10px;}
.subtitle{font-weight:800; font-size:15px; color:var(--text-primary); margin-bottom:2px;}
.meta{font-size:13.5px; color:var(--text-muted); margin-bottom:30px;}
h2{font-size:19px; font-weight:800; color:var(--text-dark); margin:30px 0 8px;}
h3{font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--text-dark); margin-bottom:6px;}
p{margin-bottom:12px; font-size:15px;}
ul{margin:0 0 12px 20px;}
li{margin-bottom:8px; font-size:15px;}
.callout{
  background:var(--lemon-light); border-radius:16px; padding:16px 18px; margin:18px 0;
}
.callout p:last-child, .callout ul:last-child{margin-bottom:0;}

footer{border-top:1px solid var(--border); margin-top:56px; padding:28px 0 40px;}
.legal-links{font-size:13.5px; font-weight:800; color:var(--text-muted); margin-bottom:8px; line-height:2;}
.legal-links a{color:var(--text-secondary);}
.legal-links a.current{color:var(--green-dark);}
.fine{font-size:13px; color:var(--text-muted);}