/* Public information pages share the homepage's selective navy palette. */
.content-pages{--primary:#164d79;--primary-dark:#082b4c;--primary-light:#e9f2f8;--ink:#172d43;--ink-soft:#485e71;--line:#cfdeea;background:radial-gradient(circle at 5% 12%,#f7eed9,transparent 35rem),linear-gradient(140deg,#f7fafc,#edf5f6 65%,#faf8f2)}
.content-pages .page-hero{position:relative;overflow:hidden;padding:70px 0;background:radial-gradient(circle at 88% 0,rgba(244,196,82,.22),transparent 25rem),linear-gradient(135deg,#061f3b,#144d79);border-bottom:1px solid #5483a6;color:#dceaf6}
.content-pages .page-hero h1{color:#fff;font-size:clamp(34px,4.2vw,56px);max-width:900px;letter-spacing:-.025em}
.content-pages .page-hero .lead{color:#dceaf6;max-width:780px;font-size:18px;line-height:1.7}
.content-pages .page-hero .eyebrow{color:#f4ce6f}
.content-pages .breadcrumb,.content-pages .breadcrumb a,.content-pages .breadcrumb .sep{color:#c6dceb}
.content-pages .card,.content-pages .image-frame,.content-pages .flow-step,.content-pages .accordion-item{border:1px solid #d1e1ec;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,247,251,.9));box-shadow:0 18px 40px rgba(17,55,85,.12),inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.content-pages .card{padding:28px;transition:box-shadow .2s,transform .2s}
.content-pages a.card:hover{transform:translateY(-3px);box-shadow:0 24px 45px rgba(17,55,85,.19)}
.content-pages .cta-band{padding:40px;background:radial-gradient(circle at 95% 0,rgba(244,196,82,.2),transparent 20rem),linear-gradient(135deg,#082746,#0b4b7c);color:#e2edf6;border:1px solid #6ca3c9;box-shadow:0 18px 40px #123b6426}
.content-pages .cta-band h3,.content-pages .cta-band p{color:#fff}
.content-pages main>section.alt li{color:#dceaf6}
.content-pages main>section.alt .card li,.content-pages main>section.alt .data-table{color:#324c63}
.content-pages .data-table{background:#f8fcff;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #123b641a}
.content-pages .data-table th{background:#103e65;color:#fff}
.content-pages .data-table td{background:rgba(255,255,255,.88);color:#354d63;line-height:1.7}
.table-scroll{overflow-x:auto;border-radius:18px}
.content-pages .flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.content-pages .flow-step{padding:28px}.content-pages .flow-step h4{font-size:21px}.content-pages .flow-step p{font-size:16px}
.content-pages .flow-step .num{background:#164d79;color:#fff!important}
.editorial-media{margin:0;overflow:hidden;border-radius:24px;border:1px solid #b9d1e2;background:#e8f1f7;box-shadow:0 24px 50px #123b6426}
.editorial-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
.editorial-media.portrait{max-width:420px;margin-inline:auto;width:100%}.editorial-media.portrait img{aspect-ratio:3/4;object-position:center 25%}
.editorial-media figcaption{padding:14px 20px;color:#4d657a;background:#f8fcff;font-size:13px}
.blog-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}.blog-toolbar input{flex:1;min-width:200px;padding:15px 18px;background:#fff;border:1px solid #b2c9da;border-radius:12px;font:inherit;color:#17334e}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-grid .resource-card{padding:0 0 24px;display:flex;flex-direction:column}.blog-grid .resource-card h3{font-size:21px;min-height:0}.blog-grid .resource-card p{font-weight:400;line-height:1.65}.blog-meta{display:block;margin:0 22px 12px;color:#567086;font-size:12px}.blog-grid .resource-card .blog-read{margin-top:auto;color:#164d79;font-weight:700}
.blog-article{max-width:820px;margin:auto;padding:clamp(24px,5vw,56px);background:rgba(255,255,255,.93);border:1px solid #d2e0eb;border-radius:24px;box-shadow:0 18px 44px #123b641a;font-size:18px;line-height:1.85}.blog-article h2{font-size:28px;margin:30px 0 14px}.blog-article .blog-meta{margin:0 0 24px}.blog-article a{color:#164d79;text-decoration:underline}.blog-article li{list-style:disc;margin-left:25px}
/* Only one offset: html scroll-padding already accounts for the header. */
#partner.production-partner{scroll-margin-top:0}
@media(max-width:800px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-pages .page-hero{padding:48px 0}}
@media(max-width:560px){.blog-grid,.content-pages .flow{grid-template-columns:1fr}.content-pages .cta-band{padding:28px}.content-pages .page-hero .lead{font-size:16px}.content-pages .data-table{min-width:620px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.content-pages a.card:hover{transform:none}}