.editorial-page,.editorial-supplement{--editorial-accent:#7de9ff;--editorial-warm:#ffb654;color:#f8f8ff}
.editorial-page{max-width:1180px;margin-inline:auto;padding-top:clamp(26px,5vw,64px)}
.editorial-breadcrumbs{display:flex;gap:9px;align-items:center;margin:0 0 18px;color:#aeb6cf;font-size:.86rem}
.editorial-breadcrumbs a{color:#89ddff;text-decoration:none}
.editorial-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;overflow:hidden;padding:clamp(28px,5vw,58px);border:1px solid #ffffff22;border-radius:28px;background:radial-gradient(circle at 86% 22%,#7c4dff3d,transparent 35%),linear-gradient(145deg,#131a3ef2,#090d20f5);box-shadow:inset 0 1px #ffffff24,0 22px 65px #0007}
.editorial-hero:after{content:"";position:absolute;inset:auto -10% -70% 30%;height:220px;background:radial-gradient(ellipse,#26d5ff25,transparent 66%);pointer-events:none}
.editorial-hero .eyebrow{color:#93eaff;letter-spacing:.13em;font-weight:850}
.editorial-hero h1{max-width:850px;margin:.35rem 0 .8rem;font-size:clamp(2.05rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.045em}
.editorial-hero p{max-width:780px;margin:0;color:#d4daf0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7}
.editorial-hero-mark{display:grid;place-items:center;width:112px;aspect-ratio:1;border:1px solid #ffffff38;border-radius:30px;background:linear-gradient(145deg,#7b53ff,#16cce9);box-shadow:inset 0 3px #ffffff58,inset 0 -8px #24136b75,0 18px 35px #0007;color:white;font-size:3.4rem;font-weight:900;transform:rotate(4deg)}
.editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;margin-top:28px;align-items:start}
.editorial-body{display:grid;gap:18px}
.editorial-section{padding:clamp(22px,4vw,36px);border:1px solid #ffffff18;border-radius:22px;background:#10162be8;box-shadow:inset 0 1px #ffffff16}
.editorial-section h2{margin:0 0 14px;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.025em}
.editorial-section h3{margin:22px 0 8px;color:#8ce9ff;font-size:1.08rem}
.editorial-section p,.editorial-section li{color:#cbd2e6;line-height:1.75}
.editorial-section p{margin:.7rem 0}.editorial-section ul{margin:.8rem 0 0;padding-left:1.3rem}.editorial-section li+li{margin-top:.5rem}
.editorial-note{margin-top:18px;padding:15px 17px;border-left:3px solid var(--editorial-warm);border-radius:5px 14px 14px 5px;background:#ffb44d12;color:#f6e5c8;line-height:1.6}
.editorial-aside{position:sticky;top:92px;display:grid;gap:18px}
.editorial-cta,.editorial-related{padding:22px;border:1px solid #ffffff1d;border-radius:22px;background:linear-gradient(160deg,#252052f2,#10162cf2);box-shadow:inset 0 1px #ffffff20,0 16px 42px #0005}
.editorial-cta>span{color:#8be9ff;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.editorial-cta>strong{display:block;margin:8px 0;font-size:1.28rem}.editorial-cta p{color:#c5cce0;line-height:1.55}.editorial-cta .button{width:100%;text-align:center}
.editorial-related h2{margin:0 0 10px;font-size:1rem}.editorial-related a{display:block;padding:13px 0;border-top:1px solid #ffffff14;text-decoration:none}.editorial-related strong,.editorial-related span{display:block}.editorial-related strong{color:#f8f8ff}.editorial-related span{margin-top:4px;color:#9fa9c4;font-size:.83rem;line-height:1.45}
.editorial-faq details,.editorial-supplement-faq details{border-top:1px solid #ffffff18}.editorial-faq summary,.editorial-supplement-faq summary{padding:15px 24px 15px 0;cursor:pointer;color:#f3f6ff;font-weight:750}.editorial-faq details p,.editorial-supplement-faq details p{margin:0 0 16px}
.editorial-supplement{width:min(1180px,calc(100% - 32px));margin:clamp(35px,7vw,78px) auto 24px;padding:clamp(24px,4vw,42px);border:1px solid #ffffff1d;border-radius:28px;background:linear-gradient(145deg,#111832f2,#090d1df4);box-shadow:inset 0 1px #ffffff20,0 20px 55px #0006}
.editorial-supplement>header{max-width:820px}.editorial-supplement>header h2{margin:.35rem 0 .65rem;font-size:clamp(1.75rem,3vw,2.7rem)}.editorial-supplement>header p{color:#cbd2e6;line-height:1.7}
.editorial-supplement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.editorial-supplement-grid>section{padding:20px;border:1px solid #ffffff14;border-radius:18px;background:#ffffff08}.editorial-supplement-grid h3{margin:0 0 8px;color:#96ebff}.editorial-supplement-grid p,.editorial-supplement-grid li{color:#c4cce1;line-height:1.65}.editorial-supplement-grid ul{padding-left:1.2rem}
.editorial-supplement-faq{margin-top:28px}.editorial-supplement-faq>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.editorial-supplement-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.editorial-supplement-links a{padding:11px 15px;border:1px solid #78e5ff43;border-radius:999px;background:#35ccec12;color:#b5f3ff;text-decoration:none;font-weight:750}
@media(max-width:820px){.editorial-layout{grid-template-columns:1fr}.editorial-aside{position:static;grid-template-columns:1fr 1fr}.editorial-hero-mark{width:82px;font-size:2.5rem}.editorial-supplement-faq>div{grid-template-columns:1fr}}
@media(max-width:620px){.editorial-page{padding-top:18px}.editorial-page,.editorial-supplement{width:calc(100% - 20px)}.editorial-hero{grid-template-columns:1fr;padding:24px 20px;border-radius:22px}.editorial-hero-mark{display:none}.editorial-layout{gap:14px;margin-top:14px}.editorial-section{padding:21px 18px}.editorial-aside{grid-template-columns:1fr}.editorial-supplement{padding:22px 17px;border-radius:22px}.editorial-supplement-grid{grid-template-columns:1fr}.editorial-supplement-links{display:grid}.editorial-supplement-links a{text-align:center}}