/* ==========================================================
   LEGAL PAGES — editorial article layout, same tokens as home
   ========================================================== */
.legal-header{ padding:120px var(--page-margin) 60px; max-width:760px; margin:0 auto; border-bottom:1px solid var(--color-border); }
.legal-header .label-caps{ margin-bottom:18px; }
.legal-header h1{ font-family:var(--font-display); font-size:48px; line-height:1.1; letter-spacing:-0.015em; font-weight:500; }
.legal-updated{ margin-top:18px; font-size:13px; color:var(--color-secondary); }

.legal-body{ max-width:760px; margin:0 auto; padding:64px var(--page-margin) 120px; }
.legal-body h2{ font-family:var(--font-display); font-size:26px; font-weight:500; margin:52px 0 18px; letter-spacing:-0.01em; }
.legal-body h2:first-child{ margin-top:0; }
.legal-body p{ font-size:16px; line-height:1.75; color:var(--color-secondary); margin-bottom:18px; max-width:640px; }
.legal-body p strong{ color:var(--color-ink); font-weight:600; }
.legal-body ul{ margin:0 0 18px; padding-left:0; }
.legal-body li{ font-size:16px; line-height:1.7; color:var(--color-secondary); margin-bottom:10px; padding-left:22px; position:relative; max-width:620px; }
.legal-body li::before{ content:'—'; position:absolute; left:0; color:var(--color-border); }
.legal-body a{ color:var(--color-ink); text-decoration:underline; text-underline-offset:3px; }
.legal-note{
  margin-top:56px; padding:20px 24px; border:1px solid var(--color-border);
  font-size:13.5px; color:var(--color-secondary); line-height:1.6;
}

@media (max-width: 860px){
  .legal-header{ padding:100px var(--page-margin) 44px; }
  .legal-header h1{ font-size:32px; }
}