/* Legal pages (privacy, terms, refunds, contact): the store's navy bar and a readable column. */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #FFFBF4; color: #3C4859; font: 400 1.0625rem/1.65 "Source Serif 4", Georgia, serif; -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 3px solid #E7A93A; outline-offset: 3px; border-radius: 4px; }
a { color: #0C3A66; }

.legal-top { padding: 16px; background: radial-gradient(120% 140% at 50% 0%, #11426F, #001B35); text-align: center; }
.legal-top__logo { color: #fff; font: 700 1.45rem/1 "Source Serif 4", Georgia, serif; letter-spacing: -0.01em; text-decoration: none; }

.legal { max-width: 68ch; margin: 0 auto; padding: clamp(32px, 6vw, 56px) 18px clamp(40px, 7vw, 72px); }
.legal h1 { margin: 0; font: 700 clamp(2rem, 1.5rem + 2vw, 2.75rem)/1.1 "Source Serif 4", Georgia, serif; letter-spacing: -0.015em; color: #0F2747; }
.legal__updated { margin: 8px 0 28px; font: 400 0.92rem "Source Sans 3", "Segoe UI", Arial, sans-serif; color: #5F6B7B; }
.legal h2 { margin: 34px 0 8px; font: 700 1.3rem/1.25 "Source Serif 4", Georgia, serif; color: #0F2747; }
.legal p { margin: 0 0 14px; }
.legal ul { margin: 0 0 14px; padding-left: 22px; }
.legal li { margin-bottom: 8px; }
.legal b { color: #0F2747; }

.legal__card { display: grid; grid-template-columns: max-content 1fr; gap: 10px 20px; margin: 22px 0 8px; padding: 20px 22px; border: 1px solid #EBDDBB; border-radius: 8px; background: #FFFDF8; }
.legal__card dt { font: 700 0.85rem/1.6 "Source Sans 3", "Segoe UI", Arial, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; color: #0F2747; }
.legal__card dd { margin: 0; }
@media (max-width: 480px) { .legal__card { grid-template-columns: 1fr; gap: 2px; } .legal__card dd { margin-bottom: 10px; } }