/* Page-specific styles for the Terms & Conditions page, extracted from
   frontend-prototype/sixward-terms.html's second <style> block. */
.terms-hero{padding:56px 0 8px;}
.terms-hero h1{font-size:clamp(28px,3.6vw,38px);color:var(--ink);margin:12px 0 10px;}
.terms-hero p{color:var(--ink-dim);font-size:15px;max-width:640px;margin:0;}
.draft-banner{
  display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);
  border-left:3px solid var(--accent);border-radius:8px;padding:16px 18px;margin:28px 0 40px;
}
.draft-banner p{margin:0;font-size:13.5px;color:var(--ink-dim);line-height:1.6;}
.draft-banner strong{color:var(--ink);}
.toc{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 26px;margin-bottom:48px;
}
.toc-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:14px;display:block;}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px;}
.toc li{font-size:13.5px;margin-bottom:9px;break-inside:avoid;}
.toc a{color:var(--ink-dim);text-decoration:none;}
.toc a:hover{color:var(--accent);}
.terms-section{padding-top:44px;border-top:1px solid var(--line);}
.terms-section:first-of-type{border-top:none;padding-top:0;}
.terms-section h2{font-family:var(--display);font-size:19px;color:var(--ink);margin:0 0 16px;font-weight:700;}
.terms-section h2 .num{font-family:var(--mono);color:var(--accent);margin-right:10px;}
.terms-section p{color:var(--ink-dim);font-size:14.5px;line-height:1.7;margin:0 0 14px;}
.terms-section ul{color:var(--ink-dim);font-size:14.5px;line-height:1.7;margin:0 0 14px;padding-left:20px;}
.terms-section li{margin-bottom:8px;}
.terms-section strong{color:var(--ink);}
.open-item{
  background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;
  padding:14px 16px;font-size:13.5px;color:var(--ink);margin:0 0 14px;
}
main{padding-bottom:40px;}

@media (max-width:600px){
  .toc ol{columns:1;}
}