/* Copyright (c) 2026 PrepLocal. All rights reserved. */
/* PrepLocal's legal pages (templates/legal_page.html), on the front page's
   Cobalt & sky look (front-page.css, whose colours these use): one readable
   column of text, a contents list, and the draft notice. */
.legal{max-width:760px;padding-top:40px;padding-bottom:64px}
.legal h1{margin:0;font-size:clamp(30px,5vw,44px);line-height:1.1}
.legal-meta{margin:10px 0 0;font-size:14px;color:var(--muted)}
.legal-draft{margin:0 0 24px;padding:14px 16px;border-radius:12px;background:#FFF4D6;border:1px solid #E3B341;
  color:#5C3D00;font-size:15px;line-height:1.5}
.legal-draft b{color:#5C3D00}
.legal-draft a{color:#5C3D00;font-weight:700}
.legal-toc{margin:28px 0 8px;padding:16px 20px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.legal-toc b{display:block;color:var(--ink);font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.legal-toc ol{margin:10px 0 0;padding-left:22px;columns:2 220px;column-gap:28px}
.legal-toc li{margin:0 0 6px;break-inside:avoid;color:var(--muted)}
.legal-toc a{text-decoration:none;font-weight:600}
.legal-toc a:hover{text-decoration:underline}
.legal-body{color:var(--text);font-size:17px;line-height:1.7;overflow-wrap:anywhere}
.legal-body h2{margin:40px 0 10px;font-size:24px;line-height:1.25;scroll-margin-top:24px}
.legal-body h3{margin:28px 0 8px;font-size:19px;color:var(--ink);scroll-margin-top:24px}
.legal-body p{margin:0 0 16px}
.legal-body ul,.legal-body ol{margin:0 0 16px;padding-left:24px}
.legal-body li{margin:0 0 8px}
.legal-body strong{color:var(--ink)}
.legal-body a{font-weight:600}
.legal-more{margin:40px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.legal-more a{font-weight:700}
@media (max-width: 760px) {
  .legal{padding-top:28px;padding-bottom:48px}
  .legal-body{font-size:16px}
  .legal-body h2{font-size:21px;margin-top:32px}
}