/* legal.css */
/* ============================================================
   Classroom Showdown — the reading pages: Terms, Privacy and 404.
   Light and calm; the same sky header strip and fonts as the rest of
   the site.
   ============================================================ */
.lg-nav{background:#fff;border-bottom:2px solid var(--line)}
.lg-nav-in{max-width:880px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lg-nav .sd-logo img{height:46px}
.lg-back{font-weight:800;text-decoration:none}
.doc{max-width:880px;margin:0 auto;padding:34px 16px 60px}
.doc h1{font-size:clamp(32px,5vw,44px)}
.doc .upd{color:var(--muted);font-weight:700;margin:6px 0 26px}
.doc h2{font-size:24px;margin:34px 0 10px}
.doc p,.doc li{font-size:16.5px;line-height:1.65}
.doc li{margin:6px 0}
.doc strong{color:var(--navy)}
.doc table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px;background:#fff;border-radius:14px;overflow:hidden;border:2px solid var(--line)}
.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.doc th{background:var(--sky-l);color:var(--navy);font-family:'Fredoka',sans-serif;font-weight:600}
.doc tr:last-child td{border-bottom:0}
.note{padding:14px 16px;border-radius:14px;background:var(--sun-l);border:2px solid #FFE6A3;margin:16px 0;font-weight:700}
.short{padding:16px 18px;border-radius:16px;background:var(--sky-l);border:2px solid #CDEBFF}
.short ul{margin:6px 0 0;padding-left:20px}
.nf{min-height:calc(100vh - 72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 16px}
.nf img{width:min(220px,50vw);height:auto}
.nf h1{font-size:clamp(30px,5vw,44px);margin:10px 0 8px}
.nf p{color:var(--muted);font-weight:700;max-width:460px}
.nf-acts{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:18px}
@media (max-width:600px){.doc table{display:block;overflow-x:auto}}