/* Shared styling for the static legal pages (terms, privacy, refunds). Reuses the site
 * tokens from style.css; only adds prose layout so the pages read like the rest of Magrios. */
.legal-wrap{max-width:760px;margin:0 auto;padding:0 22px 80px}
.legal-topbar{display:flex;justify-content:space-between;align-items:center;padding:28px 0;max-width:760px;margin:0 auto}
.legal-topbar .logo{font-size:22px}
.legal-topbar .logo::before{width:28px;height:28px}
.legal-topbar a:not(.logo){font-size:13.5px;color:var(--ink2);text-decoration:none}
.legal-topbar a.logo{text-decoration:none}
.legal-topbar a:hover{color:var(--ink)}
.legal-wrap h1{font-family:var(--serif);font-size:32px;font-weight:600;letter-spacing:-.01em;margin:24px 0 6px}
.legal-wrap .updated{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.legal-wrap .lede{font-size:16px;line-height:1.6;color:var(--ink2);margin-bottom:28px}
.legal-wrap h2{font-family:var(--serif);font-size:20px;font-weight:600;margin:34px 0 8px}
.legal-wrap p,.legal-wrap li{font-size:15px;line-height:1.65;color:var(--ink)}
.legal-wrap ul{margin:8px 0 8px 4px;padding-left:20px}
.legal-wrap li{margin:5px 0}
.legal-wrap a{color:var(--acc)}
.legal-wrap .callout{background:var(--acc-bg);border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:8px;padding:14px 18px;margin:18px 0;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.legal-foot{max-width:760px;margin:0 auto;padding:24px 22px 60px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mut);display:flex;gap:18px;flex-wrap:wrap}
.legal-foot a{color:var(--mut);text-decoration:none}
.legal-foot a:hover{color:var(--ink)}