.legal{ max-width:820px; margin:0 auto; padding:0 36px }
.legal .updated{ font-family:ui-monospace,monospace; font-size:11.5px; color:var(--faint); margin:10px 0 30px }
.callout{ background:rgba(255,255,255,.7); border:1.5px solid rgba(14,117,104,.35); border-radius:16px;
          padding:20px 24px; font-size:14.5px; line-height:1.65; color:#3d4f4b; margin-bottom:34px }
.toc{ background:rgba(255,255,255,.55); border:1px solid var(--line); border-radius:16px; padding:22px 26px;
      display:flex; flex-wrap:wrap; gap:8px 18px; font-size:13px; font-weight:600; margin-bottom:44px }
.legal h2{ font-family:'Instrument Serif',serif; font-weight:400; font-size:26px; margin:40px 0 12px }
.legal p{ font-size:14.5px; line-height:1.75; color:#3d4f4b; margin:0 0 14px }
.legal ul{ margin:0 0 14px; padding-left:22px }
.legal li{ font-size:14.5px; line-height:1.75; color:#3d4f4b; margin-bottom:6px }
.addr{ font-family:ui-monospace,monospace; font-size:13px; line-height:1.9; color:var(--ink);
       background:rgba(255,255,255,.6); border:1px solid var(--line); border-radius:12px;
       padding:16px 20px; margin:0 0 14px; display:inline-block }
@media (max-width:640px){ .legal{ padding:0 20px } }