/* ===========================================================
   OUTMATE — legal / policy pages
   =========================================================== */
.legal{ max-width:900px; margin:0 auto; padding: clamp(26px,5vw,68px) clamp(18px,4vw,40px) clamp(60px,8vw,110px); }

.legal-hero{ border-bottom:1px solid var(--line); padding-bottom:clamp(22px,3vw,34px); margin-bottom:clamp(30px,4vw,46px); }
.legal-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); border:1px solid var(--line-soft); border-radius:999px; padding:7px 14px; background:var(--paper-2); }
.legal-eyebrow img{ width:15px; height:15px; border-radius:4px; object-fit:cover; }
.legal-hero h1{ font-family:var(--sans); font-weight:800; letter-spacing:-.03em; font-size:clamp(28px,4.6vw,48px); line-height:1.07; color:var(--ink); margin:18px 0 0; max-width:20ch; }
.legal-meta{ display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:20px; font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; color:var(--muted); text-transform:uppercase; }

.legal-body h2{ font-family:var(--sans); font-weight:800; letter-spacing:-.02em; font-size:clamp(18px,2.2vw,24px); color:var(--ink); margin:clamp(36px,4.5vw,52px) 0 16px; padding-top:clamp(14px,2vw,22px); border-top:1px solid var(--line-soft); }
.legal-body h2:first-child{ border-top:0; padding-top:0; margin-top:0; }

.legal-clause{ display:flex; gap:14px; margin:0 0 17px; }
.legal-clause .ln{ font-family:var(--mono); font-size:12px; color:var(--accent); flex:0 0 auto; min-width:36px; padding-top:3px; }
.legal-clause p{ margin:0; font-family:var(--body); font-size:15px; line-height:1.66; color:#3a3a40; }
.legal-clause p strong{ color:var(--ink); font-weight:700; }

.legal-body > p{ font-family:var(--body); font-size:15px; line-height:1.66; color:#3a3a40; margin:0 0 16px; }
.legal-sub{ border-left:2px solid var(--line); padding-left:16px; margin:0 0 12px 50px; color:#55555e; font-size:14.5px; line-height:1.62; }

.legal-alpha{ list-style:none; margin:6px 0 18px; padding:0 0 0 50px; display:flex; flex-direction:column; gap:11px; }
.legal-alpha li{ position:relative; font-family:var(--body); font-size:14.5px; line-height:1.62; color:#46464d; padding-left:30px; }
.legal-alpha li .al{ position:absolute; left:0; top:0; font-family:var(--mono); font-size:12px; color:var(--accent); }

.legal-note{ color:var(--muted); font-style:italic; }
.legal-tbd{ color:#b45309; background:rgba(217,119,6,.1); border-radius:5px; padding:0 5px; font-family:var(--mono); font-size:.86em; letter-spacing:.01em; }
.legal a{ color:var(--accent); text-decoration:none; border-bottom:1px solid rgba(80,70,230,.3); }
.legal a:hover{ border-bottom-color:var(--accent); }

.legal-disclaimer{ margin-top:clamp(36px,5vw,56px); padding:20px 22px; border:1px solid var(--line-soft); border-radius:14px; background:var(--paper-2); font-family:var(--body); font-size:13.5px; line-height:1.6; color:var(--muted); }

@media (max-width:560px){
  .legal-clause{ flex-direction:column; gap:3px; }
  .legal-clause .ln{ padding-top:0; }
  .legal-sub, .legal-alpha{ margin-left:0; padding-left:14px; }
  .legal-alpha{ padding-left:14px; }
}