/* Long-form pages (privacy, terms, child safety, support).
   Tokens, fonts, header, footer and buttons come from /assets/site.css — load that first. */
main.page{max-width:calc(var(--measure) + 2*var(--gutter));}

.contents{
  margin:var(--s10) 0 var(--s12);padding:var(--tile-pad);border:1px solid var(--border-default);border-radius:var(--r-card);
  background:var(--surface-card);
}
.contents h2{margin:0 0 var(--s3);font:900 var(--t-xs)/1.4 var(--font-text);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-tertiary);}
.contents ol{margin:0;padding-left:1.3rem;columns:2 16rem;column-gap:2.5rem;font-size:15px;}
.contents li{break-inside:avoid;margin:0;padding-block:.2rem;}
.contents li::marker{color:var(--text-tertiary);font-variant-numeric:tabular-nums;}
.contents a{text-decoration:none;color:var(--text-secondary);font-weight:700;}
.contents a:hover{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--accent);}

main.page section{padding-block:var(--s8);border-top:1px solid var(--border-default);scroll-margin-top:calc(var(--chrome-h) + var(--s4));}
main.page section h2{margin:0 0 var(--s4);font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(22px,1.2rem + 1vw,30px);
  line-height:var(--lh-display);letter-spacing:var(--track-display);text-transform:uppercase;text-wrap:balance;}
main.page section h3{margin:var(--s6) 0 var(--s2);font:900 17px/1.35 var(--font-text);}
main.page p,main.page ul,main.page ol{margin-block:.85rem;color:var(--text-secondary);max-width:68ch;}
main.page ul,main.page ol{padding-left:1.35rem;}
main.page li+li{margin-top:.5rem;}
main.page strong{color:var(--text-primary);font-weight:900;}
main.page a{color:var(--text-primary);}

.notice{
  margin-block:1.5rem;padding:var(--s4) var(--tile-pad);border:1px solid var(--border-default);border-top:3px solid var(--accent);
  border-radius:var(--r-card);background:var(--surface-card);color:var(--text-primary);
}
.notice p{color:var(--text-primary);}
.company-address{font-style:normal;color:var(--text-secondary);}

@media (max-width:560px){ .contents ol{columns:1;} }
@media print{
  main.page{max-width:none;padding:0;}
  main.page p,main.page ul,main.page ol,main.page a,main.page strong{color:#000;}
  .contents{display:none;}
  main.page a::after{content:" (" attr(href) ")";font-size:.85em;}
}
main.page .contents li+li{margin-top:0;}
.notice > :first-child{margin-top:0;}
.notice > :last-child{margin-bottom:0;}