@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600;800&family=Space+Grotesk:wght@400;500;700&display=swap');

.policy-shell { position: relative; max-width: 860px; margin: 0 auto; padding: 92px 24px 56px; }
.policy-home { color: var(--cyan); font: 700 15px 'Space Grotesk', sans-serif; letter-spacing: .12em; text-decoration: none; }
.policy-shell h1 { font-size: clamp(28px, 5vw, 42px); line-height: 1.2; margin: 28px 0 16px; }
.policy-shell h2 { font-size: 19px; margin: 30px 0 12px; color: var(--text); }
.policy-shell p, .policy-shell li { font-size: 15px; line-height: 1.85; color: var(--muted); margin-bottom: 14px; }
.policy-shell ul { padding-left: 22px; }
.policy-shell a { color: var(--cyan); overflow-wrap: anywhere; text-underline-offset: 4px; }
.policy-shell a:focus-visible, .policy-home:focus-visible { outline: 2px solid var(--cyan); outline-offset: 5px; }
.policy-shell strong { color: var(--text); }
.policy-note { padding: 20px; border: 1px solid rgba(139,92,246,.45); border-radius: 18px; background: linear-gradient(130deg, rgba(139,92,246,.14), rgba(34,230,255,.04)); }
.policy-shell .policy-date { font-size: 12px; }
.policy-footer { display: flex; gap: 14px 22px; flex-wrap: wrap; margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(139,92,246,.25); font-size: 13px; line-height: 1.8; }
[data-policy-language][hidden] { display: none !important; }
@media (max-width: 480px) { .policy-shell { padding: 80px 20px 40px; } .policy-note { padding: 16px; } }