:root{
  --paper:#F4EFE6;--ink:#1A1613;--ink-soft:#5C544B;--rouge:#8A2B20;--line:rgba(26,22,19,.16);
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7;font-size:1.02rem;-webkit-font-smoothing:antialiased}
::selection{background:var(--rouge);color:var(--paper)}
:focus-visible{outline:2.5px solid var(--rouge);outline-offset:3px;border-radius:2px}

.legal-head{border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(8px);z-index:10}
.legal-head .in{max-width:840px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;text-decoration:none;color:var(--ink);display:flex;gap:.55em;align-items:center}
.brand .dot{width:7px;height:7px;border-radius:50%;background:var(--rouge);display:inline-block}
.back{font-size:.82rem;text-decoration:none;color:var(--rouge)}
.back:hover{text-decoration:underline}

main.legal{max-width:840px;margin:0 auto;padding:clamp(40px,7vw,84px) 24px}
main.legal h1{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.012em;line-height:1.04;margin:0 0 10px}
main.legal .updated{color:var(--ink-soft);font-size:.85rem;margin:0 0 44px}
main.legal h2{font-family:var(--serif);font-weight:600;font-size:1.45rem;letter-spacing:-.01em;margin:40px 0 12px}
main.legal h3{font-size:1rem;font-weight:600;margin:22px 0 6px}
main.legal p,main.legal li{color:#2b2521}
main.legal a{color:var(--rouge)}
main.legal ul{padding-left:1.2em;margin:10px 0}
main.legal li{margin-bottom:7px}
main.legal .lead{font-size:1.08rem;color:var(--ink-soft)}
.todo{background:color-mix(in srgb,var(--rouge) 9%,var(--paper));border:1px dashed var(--rouge);border-radius:6px;padding:1px 7px;color:var(--rouge);font-weight:600;font-size:.9em;white-space:nowrap}
.note{background:color-mix(in srgb,var(--rouge) 6%,var(--paper));border-left:3px solid var(--rouge);border-radius:0 8px 8px 0;padding:16px 18px;margin:22px 0;font-size:.94rem;color:#2b2521}

.legal-foot{border-top:1px solid var(--line);margin-top:64px}
.legal-foot .in{max-width:840px;margin:0 auto;padding:26px 24px;font-size:.82rem;color:var(--ink-soft);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.legal-foot nav a{color:var(--ink-soft);text-decoration:none;margin-right:18px}
.legal-foot nav a:hover{color:var(--ink)}
@media(max-width:520px){.legal-foot .in{flex-direction:column;gap:10px}}