/* Standalone reading layout, using the site's existing design tokens. */
.privacy-page { margin: 0; overflow-x: visible; }
.privacy-shell { width: min(100% - 2.5rem, 960px); margin-inline: auto; }
.privacy-header { background: var(--color-primary-dark); color: white; border-bottom: 1px solid #ffffff26; }
.privacy-header-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem 2rem; padding-block: 1.25rem; }
.privacy-logo { width: 160px; height: auto; }
.privacy-header nav, .privacy-footer nav { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.privacy-header a, .privacy-footer a { color: white; text-decoration: none; }
.privacy-header nav a, .privacy-footer nav a { padding-block: .5rem; }
.privacy-header nav a:hover, .privacy-footer a:hover { text-decoration: underline; text-underline-offset: .3em; }
.privacy-hero { background: linear-gradient(125deg, var(--color-primary), var(--color-primary-dark)); color: white; padding: clamp(2.5rem, 7vw, 5rem) 0; }
.privacy-eyebrow { color: #ffc47c; font-size: .75rem; letter-spacing: .15em; font-weight: 700; }
.privacy-hero h1 { color: white; font-size: clamp(2rem, 6vw, 3.6rem); line-height: 1.15; letter-spacing: -.035em; margin: 1rem 0; }
.privacy-hero p { max-width: 65ch; }
.privacy-version { color: #e0e8f1; font-size: .875rem; margin-block: 1.5rem; }
.privacy-button { display: inline-flex; align-items: center; gap: 1rem; background: var(--color-accent); color: #0d2a4a !important; font-weight: 700; padding: .9rem 1.25rem; border-radius: .625rem; text-decoration: none !important; }
.privacy-button:hover { background: #ffb45b; }
.privacy-document { max-width: 800px; padding-block: 3rem 4rem; overflow-wrap: anywhere; }
.privacy-notice { padding: 1.25rem 1.5rem; border-left: 4px solid var(--color-accent); background: #fff5e8; border-radius: .5rem; font-size: .9375rem; }
.privacy-index { display: flex; flex-wrap: wrap; gap: .65rem 1.5rem; padding-block: 1.5rem; border-bottom: 1px solid var(--color-border); }
.privacy-document section { margin-block: 2.25rem; scroll-margin-top: 1.5rem; }
.privacy-document h2 { color: var(--color-primary); font-size: clamp(1.25rem, 3vw, 1.55rem); line-height: 1.35; margin: 0 0 1rem; }
.privacy-document p, .privacy-document li { line-height: 1.8; }
.privacy-document ul { padding-left: 1.4rem; }
.privacy-document li { margin-block: .35rem; }
.privacy-document a { color: var(--color-primary); text-decoration: underline; text-underline-offset: .2em; }
.pending { background: #fff5e8; color: #71420a; font-size: .9em; font-weight: 600; }
.privacy-review { color: #4b5563; border-top: 1px solid var(--color-border); padding-top: 1.25rem; font-size: .875rem; }
.privacy-footer { padding: 3rem 0 1.5rem; overflow-wrap: anywhere; }
.privacy-footer p { color: #e0e8f1; }
.privacy-copyright { border-top: 1px solid #ffffff33; padding-top: 1.5rem; font-size: .8125rem; }
.privacy-page :focus-visible { outline: 3px solid #f7941d; outline-offset: 4px; }
.privacy-document :focus-visible { outline-color: var(--color-primary); }
@media (max-width: 480px) { .privacy-shell { width: calc(100% - 2rem); } .privacy-header nav { gap: .25rem 1rem; font-size: .875rem; } .privacy-notice { padding: 1rem; } }
@media print { .privacy-header, .privacy-footer, .privacy-button, .privacy-index { display: none; } .privacy-hero { background: white; color: black; padding: 0; } .privacy-hero h1, .privacy-hero p { color: black; } .privacy-shell { width: 100%; } .privacy-document { padding-top: 1rem; } }
