/**
 * Atelier — T33 Legal (Privacy/Terms/Shipping/Returns/Cookie — one template).
 * Source: design/store-theme/01-atelier-fashion/pages/T33 Legal.dc.html
 */
.atl-legal-layout { display: grid; grid-template-columns: 250px 1fr; gap: 48px; max-width: 1080px; margin: 0 auto; padding: 44px 24px 0; align-items: start; }

.atl-legal-nav { background: var(--atl-surface); border: 1px solid var(--atl-border); padding: 18px 0; position: sticky; top: 24px; }
.atl-legal-nav a { display: block; padding: 10px 22px; font-size: 13.5px; text-decoration: none; color: var(--atl-text-muted); border-left: 3px solid transparent; }
.atl-legal-nav a[data-active] { color: var(--atl-accent); font-weight: 600; border-left-color: var(--atl-accent); }

.atl-legal-title { font-family: 'Cormorant Garamond', serif; font-weight: 400; line-height: 1.12; margin: 0; font-size: 36px; text-wrap: balance; }
.atl-legal-meta { font-size: 12.5px; color: var(--atl-text-subtle); margin: 10px 0 0; }
.atl-legal-h2 { font-family: 'Cormorant Garamond', serif; font-weight: 400; line-height: 1.12; margin: 32px 0 0; font-size: 21px; text-wrap: balance; }
.atl-legal-body { font-size: 14.5px; line-height: 1.85; color: var(--atl-text-muted); margin: 12px 0 0; max-width: 68ch; }
.atl-legal-notice { border: 1px solid var(--atl-accent); background: color-mix(in oklab, var(--atl-accent) 6%, var(--atl-bg)); padding: 16px 20px; font-size: 13.5px; margin-top: 32px; max-width: 60ch; }
.atl-legal-notice a { color: var(--atl-accent); }

@media (max-width: 767px) {
  .atl-legal-layout { grid-template-columns: 1fr; gap: 24px; padding: 32px 20px 0; }
  .atl-legal-nav { position: static; }
  .atl-legal-title { font-size: 28px; }
}