/* ==========================================================================
   legal.css — prose pages (privacy.html, terms.html)
   Load after base.css
   ========================================================================== */

main.wrap{padding:36px 16px 56px;max-width:760px}

h1{font-size:clamp(1.6rem,4vw,2.1rem);margin-bottom:6px}
h2{font-size:1.05rem;margin:30px 0 8px}
p,li{font-size:.95rem}
ul{padding-left:20px}
li{margin-bottom:6px}
code{font-size:.9em}

.updated{color:var(--muted);font-size:.85rem;margin:0 0 26px}
.callout{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:.9rem;color:var(--muted);margin-bottom:8px}
.callout strong{color:var(--text)}

.site-foot{margin-top:0}
.foot-in{max-width:760px;padding:22px 16px;font-size:.82rem;gap:16px;align-items:center}
.foot-in nav{display:flex;gap:16px;flex-wrap:wrap}
.foot-in a{color:var(--text);text-decoration:none}
.foot-in a:hover{text-decoration:underline}