@layer components{.article-hero{isolation:isolate;background:radial-gradient(circle at 82% 28%,#1f8fff2e,#0000 30rem),radial-gradient(circle at 18% 92%,#32c99a17,#0000 25rem),linear-gradient(#020a16,#04101e);padding-block:clamp(9rem,15vw,12rem) clamp(3.5rem,7vw,5.5rem);position:relative;overflow:hidden}.article-hero:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff08 .0625rem,#0000 .0625rem),linear-gradient(90deg,#ffffff08 .0625rem,#0000 .0625rem);background-size:5rem 5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.article-hero__inner,.article-layout{width:min(100% - clamp(2rem,7vw,7rem),76rem);margin-inline:auto}.article-hero h1{letter-spacing:-.06em;text-wrap:balance;max-width:68rem;margin-top:1.5rem;font-size:clamp(2.65rem,6.2vw,6rem);font-weight:570;line-height:.98}.article-lead{color:#f5f9ffcc;text-wrap:pretty;max-width:54rem;margin-top:1.75rem;font-size:clamp(1.08rem,1.6vw,1.28rem)}.article-meta{color:var(--muted);flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.5rem;font-size:.9rem;display:flex}.article-main{background:var(--bg-soft);padding-block:clamp(3.5rem,7vw,6rem)}.article-layout{grid-template-columns:minmax(0,48rem) minmax(14rem,18rem);align-items:start;gap:clamp(2.5rem,7vw,6rem);display:grid}.article-content{min-width:0}.article-content>:first-child{margin-top:0}.article-content h2{letter-spacing:-.045em;text-wrap:balance;margin-top:clamp(3rem,7vw,5rem);font-size:clamp(1.9rem,4vw,3.15rem);font-weight:580;line-height:1.06}.article-content h3{text-wrap:balance;margin-top:2.25rem;font-size:clamp(1.3rem,2.5vw,1.7rem);line-height:1.2}.article-content p,.article-content li{color:#f5f9ffc7;text-wrap:pretty;max-width:72ch;font-size:1.05rem}.article-content p,.article-content ul,.article-content ol,.article-content table{margin-top:1.15rem}.article-content :where(h2,h3)+:where(p,ul,ol,.article-note,.article-cta,.article-table-wrap){margin-top:clamp(1.4rem,2vw,1.75rem)}.article-content ul,.article-content ol{gap:.7rem;padding-left:1.4rem;display:grid}.article-content li::marker{color:var(--cyan);font-weight:700}.article-content a:not(.article-cta__link){color:var(--cyan);font-weight:650;text-decoration:none;transition:color .16s,background-color .16s}.article-content a:not(.article-cta__link):hover,.article-content a:not(.article-cta__link):focus-visible{color:#8ceaff;background:#43d9ff17;border-radius:.2rem}.article-note,.article-cta{background:#43d9ff0f;border:.0625rem solid #43d9ff3d;border-radius:1.25rem;margin-top:2rem;padding:clamp(1.4rem,3vw,2rem)}.article-note strong,.article-cta strong{color:var(--text);margin-bottom:.45rem;font-size:1.1rem;display:block}.article-cta{background:#ffd34e12;border-color:#ffd34e59}.article-cta__link{background:var(--yellow);border-radius:999rem;justify-content:center;align-items:center;min-height:3rem;margin-top:1rem;padding:.8rem 1.15rem;font-weight:750;display:inline-flex;color:var(--yellow-text)!important}.article-table-wrap{max-width:100%;margin-top:1.5rem;overflow-x:auto}.article-content table{border-collapse:collapse;color:#f5f9ffc7;width:100%;min-width:38rem;font-size:.95rem}.article-content caption{color:var(--text);text-align:left;padding-bottom:.75rem;font-weight:700}.article-content th,.article-content td{border:.0625rem solid var(--line);text-align:left;vertical-align:top;padding:.9rem 1rem}.article-content th{color:var(--text);background:#ffffff0d}.article-aside{border:.0625rem solid var(--line);background:var(--surface);border-radius:1.25rem;padding:1.4rem;position:sticky;top:1.5rem}.article-aside h2{font-size:1.05rem}.article-aside ul{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.article-aside a{color:var(--cyan);font-size:.94rem}.article-aside a:hover{color:#8ceaff}}@layer responsive{@media (width<=58rem){.article-layout{grid-template-columns:1fr}.article-aside{order:-1;position:static}}@media (width<=43rem){.article-hero{padding-top:7.5rem}.article-hero h1{font-size:clamp(2.4rem,12vw,3.8rem)}.article-meta{flex-direction:column}}}
