/* policy.css — shared styles for legal pages (privacy.html, terms.html),
   extracted from inline <style> blocks because the site CSP's style-src
   has no 'unsafe-inline' */

.policy-wrap { max-width: 820px; margin: 0 auto; padding: 100px 24px 96px; }
.policy-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--acd); border: 1px solid rgba(34,211,238,.18); color: var(--ac); border-radius: 20px; padding: 6px 14px; font-size: 12px; font-weight: 600; margin-bottom: 24px; }
.policy-title { font-family: 'Bricolage Grotesque', sans-serif; font-size: clamp(32px,5vw,48px); font-weight: 800; letter-spacing: -2px; color: var(--wh); margin: 0 0 12px; line-height: 1.05; }
.policy-meta { font-size: 13px; color: var(--mu); margin-bottom: 48px; }
.policy-meta strong { color: var(--su); }

.toc { background: var(--s1); border: 1px solid var(--bd); border-radius: 12px; padding: 24px 28px; margin-bottom: 48px; }
.toc h3 { font-size: 14px; font-weight: 700; color: var(--wh); margin: 0 0 16px; }
.toc ol { margin: 0; padding-left: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; }
.toc li a { color: var(--ac); text-decoration: none; font-size: 13px; }
.toc li a:hover { text-decoration: underline; }
@media(max-width:560px) { .toc ol { grid-template-columns: 1fr; } }

.policy-section { margin-bottom: 48px; }
.policy-section h2 { font-family: 'Bricolage Grotesque', sans-serif; font-size: 20px; font-weight: 700; color: var(--wh); margin: 0 0 16px; padding-bottom: 10px; border-bottom: 1px solid var(--bd); }
.policy-section p { color: var(--su); line-height: 1.8; margin: 0 0 14px; font-size: 14.5px; }
.policy-section ul, .policy-section ol { padding-left: 22px; margin: 0 0 14px; }
.policy-section li { color: var(--su); line-height: 1.8; font-size: 14.5px; margin-bottom: 6px; }
.policy-section a { color: var(--ac); }

.policy-box { background: rgba(34,211,238,.05); border: 1px solid rgba(34,211,238,.15); border-left: 3px solid var(--ac); border-radius: 8px; padding: 16px 20px; margin-bottom: 16px; font-size: 13.5px; line-height: 1.75; color: var(--su); }
.policy-box-warn { background: rgba(248,113,113,.04); border: 1px solid rgba(248,113,113,.18); border-left: 3px solid var(--red); border-radius: 8px; padding: 16px 20px; margin-bottom: 16px; font-size: 13.5px; line-height: 1.75; color: var(--su); }

.policy-contact { background: var(--s1); border: 1px solid var(--bd); border-radius: 14px; padding: 32px; text-align: center; margin-top: 64px; }
.policy-contact h3 { font-family: 'Bricolage Grotesque', sans-serif; font-size: 20px; font-weight: 700; color: var(--wh); margin: 0 0 10px; }
.policy-contact p { font-size: 13.5px; color: var(--mu); margin: 0 0 20px; }
.policy-contact a.btn { display: inline-flex; align-items: center; gap: 8px; background: var(--wh); color: var(--black); padding: 11px 24px; border-radius: 8px; font-size: 13.5px; font-weight: 700; text-decoration: none; transition: opacity .15s; }
.policy-contact a.btn:hover { opacity: .88; }

@media(max-width:640px) { .policy-wrap { padding: 90px 20px 72px; } .policy-title { letter-spacing: -1.5px; } }