body[data-editorial] { --page-accent:#1479ed; --editorial-bg:#071934; --editorial-surface:#0d2747; --editorial-ink:#f7fbff; --editorial-muted:#f7fbff; margin:0; background:var(--editorial-bg); color:var(--editorial-ink); }
body.red-editorial-page { --page-accent:#ef3e48; } body.green-editorial-page { --page-accent:#20b968; } body.yellow-editorial-page { --page-accent:#e6a600; }
html[data-theme="light"] body[data-editorial] { --editorial-bg:#faf9f6; --editorial-surface:#fff; --editorial-ink:#101820; --editorial-muted:#111820; }
.editorial-page { min-height:100vh; background:var(--editorial-bg); }
.editorial-page-hero { min-height:225px; padding:28px max(5vw,28px) 24px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--page-accent) 30%,transparent),transparent 34%),linear-gradient(135deg,#061b3f,#0b315c); color:#fff; }
.editorial-page-hero .eyebrow { color:var(--page-accent); }.editorial-page-hero h1 { max-width:980px; margin:10px 0; font-size:var(--internal-hero-title-size); line-height:1.02; letter-spacing:-.045em; }.editorial-page-hero p { max-width:900px; margin:0; color:#fff; font-size:var(--internal-hero-description-size); line-height:1.5; }
.editorial-page-content { padding:var(--module-padding-block) var(--module-padding-inline); }.page-section-title span { color:var(--page-accent); font-size:.7rem; font-weight:900; letter-spacing:.16em; }.page-section-title h2 { margin:8px 0 22px; font-size:clamp(2rem,4vw,3.6rem); line-height:1; }.list-title { margin-top:56px; }
.editorial-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.editorial-feature-grid:has(> :nth-child(4)) { grid-template-columns:repeat(4,minmax(0,1fr)); }
.page-feature-card,.page-summary-card { padding:0; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--editorial-surface); color:var(--editorial-ink); text-align:left; box-shadow:0 16px 40px rgba(0,0,0,.12); transition:transform .2s,border-color .2s; }.page-feature-card:hover,.page-summary-card:hover { transform:translateY(-4px); border-color:var(--page-accent); }
.page-feature-card { display:flex; flex-direction:column; }.page-card-image { overflow:hidden; background:#dce8f4; }.page-feature-card .page-card-image { aspect-ratio:16/10; }.page-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }.page-feature-card:hover img,.page-summary-card:hover img { transform:scale(1.04); }
.page-card-copy { display:flex; flex:1; flex-direction:column; padding:20px; }.page-card-copy small { color:var(--page-accent); font-size:.65rem; font-weight:900; }.page-card-copy strong { margin:8px 0; font-size:1.12rem; line-height:1.25; }.page-card-copy > span { color:var(--editorial-muted); font-size:.82rem; line-height:1.55; }.page-card-copy b { margin-top:18px; color:var(--page-accent); font-size:.72rem; }
.editorial-summary-list { display:grid; gap:12px; }.page-summary-card { display:grid; grid-template-columns:180px 1fr; }.page-summary-card .page-card-image { min-height:145px; }
.content-modal[hidden]{display:none}.content-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:22px}.content-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,8,24,.78)}.content-modal>section{position:relative;display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;width:min(900px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--editorial-surface);color:var(--editorial-ink)}.content-modal>section>img{width:100%;height:100%;min-height:430px;object-fit:cover}.content-modal>section>div{padding:42px}.content-modal h2{margin:12px 0;font-size:clamp(2rem,4vw,3rem);line-height:1}.content-modal p,.content-modal article{color:var(--editorial-muted);line-height:1.7;white-space:pre-line}.content-modal-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--editorial-surface);color:var(--editorial-ink)}
.drawer-section-label{display:block;padding:18px 14px 7px;color:#101820;font-size:.58rem;font-weight:900;letter-spacing:.14em}
@media(max-width:1000px){.editorial-feature-grid,.editorial-feature-grid:has(> :nth-child(4)){grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.editorial-page-hero{min-height:220px;padding:28px 22px}.editorial-page-content{padding:38px 18px}.editorial-feature-grid,.editorial-feature-grid:has(> :nth-child(4)){grid-template-columns:1fr}.page-summary-card{grid-template-columns:110px 1fr}.content-modal>section{grid-template-columns:1fr}.content-modal>section>img{min-height:220px;max-height:260px}.content-modal>section>div{padding:26px}}