.single-opcd_problem .site-footer{margin-top:0}.reading-progress{position:fixed;z-index:10000;top:0;left:0;right:0;height:3px;pointer-events:none}.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#00e5f2,#38bdf8)}
.opcd-article-page{min-height:100vh;padding:34px 0 72px;background:radial-gradient(ellipse 54% 24% at 82% 7%,rgba(0,229,242,.095),transparent 72%),linear-gradient(180deg,#09111e 0,#0b0f19 34%,#090d16 100%)}.opcd-article-shell{width:min(calc(100% - 40px),1240px);margin-inline:auto}
.opcd-article-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 25px;color:#77869a;font-size:.82rem}.opcd-article-breadcrumbs a{color:#9aa9bc}.opcd-article-breadcrumbs a:hover{color:var(--cyan)}
.opcd-article-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:42px;align-items:center;padding:25px 0 42px;border-bottom:1px solid rgba(38,51,74,.72)}.opcd-article-kicker{display:flex;gap:9px;align-items:center;margin:0 0 15px;color:var(--cyan);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.opcd-article-kicker span{opacity:.55}.opcd-article-hero h1{max-width:720px;margin:0;font-size:clamp(2.55rem,4.4vw,4.65rem);line-height:1.02;letter-spacing:-.062em;text-wrap:balance}.opcd-article-deck{max-width:680px;margin:21px 0 0;color:#aab7c9;font-size:1.08rem;line-height:1.68}
.opcd-article-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.opcd-article-meta>span,.opcd-article-meta>a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 11px;border:1px solid rgba(75,95,124,.48);border-radius:10px;background:rgba(17,24,39,.72);color:#b4c0d1;font-size:.78rem}.opcd-article-meta .opcd-line-icon{width:16px;height:16px;color:var(--cyan)}
.opcd-article-hero__media{position:relative;overflow:hidden;aspect-ratio:16/9;margin:0;border:1px solid rgba(79,109,146,.48);border-radius:18px;background:#080d16;box-shadow:0 26px 70px rgba(0,0,0,.38)}.opcd-article-hero__media:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 45px rgba(0,229,242,.05);pointer-events:none}.opcd-article-hero__media img{display:block;width:100%;height:100%;object-fit:cover}
.opcd-article-columns{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(280px,.78fr);gap:27px;align-items:start;padding-top:28px}.opcd-article-main{display:grid;gap:12px;min-width:0}.opcd-article-main>section{scroll-margin-top:100px}
.opcd-quick-answer{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;padding:19px 22px;border:1px solid rgba(0,229,242,.72);border-radius:15px;background:linear-gradient(105deg,rgba(0,229,242,.105),rgba(17,24,39,.9));box-shadow:0 14px 38px rgba(0,0,0,.16)}.opcd-quick-answer__icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(0,229,242,.42);border-radius:50%;background:rgba(0,229,242,.07);color:var(--cyan)}.opcd-quick-answer__icon .opcd-line-icon{width:27px;height:27px}.opcd-quick-answer h2{margin:0 0 4px;color:var(--cyan);font-size:1.03rem}.opcd-quick-answer p{margin:0;color:#d5deea;font-size:.93rem;line-height:1.62}
.opcd-article-section{display:grid;grid-template-columns:50px 1fr;gap:17px;padding:21px 22px;border:1px solid rgba(48,64,88,.9);border-radius:14px;background:linear-gradient(145deg,rgba(17,24,39,.97),rgba(12,19,32,.97));transition:border-color .2s,transform .2s}.opcd-article-section:hover{border-color:rgba(0,229,242,.32);transform:translateY(-1px)}.opcd-article-section__icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(56,189,248,.36);border-radius:50%;background:rgba(56,189,248,.07);color:#6dd5ff}.opcd-article-section__icon .opcd-line-icon{width:23px;height:23px}.opcd-article-section>div:last-child{min-width:0}.opcd-article-section__number{float:right;margin:0;color:rgba(124,151,183,.6);font-size:.7rem;font-weight:900;letter-spacing:.12em}.opcd-article-section h2{margin:0 0 6px;color:#f7fafc;font-size:1.12rem;line-height:1.3}.opcd-article-section .article-content,.opcd-article-section .article-content p{color:#aebacc;font-size:.91rem;line-height:1.66}.opcd-article-section .article-content p{margin:0 0 8px}.opcd-article-section .article-content p:last-child{margin-bottom:0}
.opcd-check-list,.opcd-dot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:11px 0 0;padding:0;list-style:none}.opcd-check-list li,.opcd-dot-list li{position:relative;padding:9px 11px 9px 31px;border:1px solid rgba(54,72,98,.58);border-radius:9px;background:rgba(255,255,255,.018);color:#b8c3d2;font-size:.86rem;line-height:1.45}.opcd-check-list li:before,.opcd-dot-list li:before{position:absolute;left:11px;top:9px;color:var(--cyan);font-weight:900}.opcd-check-list li:before{content:'✓'}.opcd-dot-list li:before{content:'•';font-size:1.15rem;line-height:1}
.opcd-step-list{counter-reset:opcd-step;display:grid;gap:8px;margin:11px 0 0;padding:0;list-style:none}.opcd-step-list li{counter-increment:opcd-step;display:grid;grid-template-columns:31px 1fr;gap:11px;align-items:center;min-height:43px;padding:6px 11px 6px 7px;border:1px solid rgba(54,72,98,.62);border-radius:10px;background:rgba(255,255,255,.018);color:#b9c5d4;font-size:.88rem}.opcd-step-list li:before{content:counter(opcd-step);display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:rgba(0,229,242,.1);color:var(--cyan);font-size:.75rem;font-weight:900}
.opcd-article-warning{display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start;padding:20px 22px;border:1px solid rgba(245,158,11,.56);border-radius:14px;background:linear-gradient(100deg,rgba(245,158,11,.095),rgba(31,25,15,.38))}.opcd-article-warning>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(251,191,36,.72);border-radius:10px;color:#fbbf24;font-size:1.15rem;font-weight:900}.opcd-article-warning h2{margin:0 0 5px;color:#fbbf24;font-size:1.05rem}.opcd-article-warning p{margin:0;color:#c9c2b0;font-size:.88rem;line-height:1.6}
.opcd-article-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;border:1px solid rgba(0,229,242,.24);border-radius:15px;background:radial-gradient(circle at 92% 10%,rgba(0,229,242,.15),transparent 34%),linear-gradient(145deg,#121d30,#0e1727)}.opcd-article-cta h2{margin:0 0 5px;font-size:1.35rem}.opcd-article-cta p:not(.eyebrow){max-width:500px;margin:0;color:#aebacc;font-size:.88rem}.opcd-article-cta__actions{display:flex;gap:9px;flex:0 0 auto}.opcd-article-cta__actions .button{white-space:nowrap;font-size:.83rem}
.opcd-article-sidebar{position:sticky;top:90px;display:grid;gap:12px}.opcd-article-toc,.opcd-save-card,.opcd-related-tools{border:1px solid rgba(48,64,88,.9);border-radius:14px;background:linear-gradient(145deg,rgba(17,24,39,.97),rgba(12,19,32,.97));box-shadow:0 16px 38px rgba(0,0,0,.16)}.opcd-article-toc{padding:20px}.opcd-article-toc h2,.opcd-related-tools h2{margin:0 0 13px;font-size:1.02rem}.opcd-toc-progress{height:4px;margin:0 0 15px;overflow:hidden;border-radius:999px;background:#253147}.opcd-toc-progress span{display:block;width:26%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue))}.opcd-article-toc a{position:relative;display:block;padding:7px 9px 7px 21px;border-radius:7px;color:#96a5b9;font-size:.82rem}.opcd-article-toc a:before{content:'';position:absolute;left:5px;top:14px;width:6px;height:6px;border-radius:50%;background:#42526b}.opcd-article-toc a:hover{background:rgba(0,229,242,.055);color:var(--cyan)}.opcd-article-toc a:hover:before{background:var(--cyan)}
.opcd-save-card{padding:7px}.opcd-save-card button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#f7fafc;font:inherit;font-size:.87rem;font-weight:800;cursor:pointer}.opcd-save-card button:hover{background:rgba(0,229,242,.055);color:var(--cyan)}.opcd-save-card button>span:last-child{font-size:1.25rem}.opcd-save-card .saved-message{display:block;padding:0 11px 7px;color:var(--cyan);font-size:.76rem}
.opcd-related-tools{padding:20px}.opcd-related-tools>a{display:grid;grid-template-columns:38px 1fr 12px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(48,64,88,.7);color:#f7fafc}.opcd-related-tools>a:first-of-type{border-top:0}.opcd-related-tools>a>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(0,229,242,.28);border-radius:9px;background:rgba(0,229,242,.06);color:var(--cyan)}.opcd-related-tools .opcd-line-icon{width:19px;height:19px}.opcd-related-tools strong,.opcd-related-tools small{display:block}.opcd-related-tools strong{font-size:.82rem}.opcd-related-tools small{margin-top:2px;color:#8998ac;font-size:.68rem;line-height:1.35}.opcd-related-tools b{color:#90a0b5;font-size:1.1rem}.opcd-related-tools>a:hover strong,.opcd-related-tools>a:hover b{color:var(--cyan)}
@media(max-width:1020px){.opcd-article-hero{grid-template-columns:1fr;gap:27px}.opcd-article-hero__copy{max-width:850px}.opcd-article-hero__media{max-width:820px}.opcd-article-columns{grid-template-columns:minmax(0,1fr) 260px}.opcd-article-cta{align-items:flex-start;flex-direction:column}.opcd-article-cta__actions{width:100%;flex-wrap:wrap}}
@media(max-width:780px){.opcd-article-page{padding-top:23px}.opcd-article-shell{width:min(calc(100% - 28px),1240px)}.opcd-article-breadcrumbs{margin-bottom:15px}.opcd-article-hero{padding:18px 0 29px}.opcd-article-hero h1{font-size:clamp(2.15rem,10vw,3.4rem)}.opcd-article-deck{font-size:1rem}.opcd-article-meta{gap:7px}.opcd-article-meta>span,.opcd-article-meta>a{font-size:.72rem}.opcd-article-columns{display:flex;flex-direction:column}.opcd-article-main{width:100%}.opcd-article-sidebar{position:static;width:100%;margin-top:14px}.opcd-article-toc{display:none}.opcd-save-card{margin-bottom:0}.opcd-check-list,.opcd-dot-list{grid-template-columns:1fr}}
@media(max-width:520px){.opcd-article-page{padding-bottom:45px}.opcd-article-kicker{font-size:.68rem}.opcd-article-hero h1{font-size:2.2rem}.opcd-article-hero__media{border-radius:14px}.opcd-article-meta>span,.opcd-article-meta>a{width:100%}.opcd-quick-answer{grid-template-columns:42px 1fr;padding:16px;gap:12px}.opcd-quick-answer__icon{width:40px;height:40px}.opcd-quick-answer__icon .opcd-line-icon{width:21px;height:21px}.opcd-article-section{grid-template-columns:1fr;padding:18px}.opcd-article-section__icon{width:38px;height:38px}.opcd-article-section__number{margin-top:-33px}.opcd-article-cta{padding:20px}.opcd-article-cta__actions,.opcd-article-cta__actions .button{width:100%}.opcd-article-cta__actions{display:grid}.opcd-article-warning{grid-template-columns:34px 1fr;padding:17px}.opcd-article-warning>span{width:32px;height:32px}}

/* Reference-accurate compact article layout. */
.opcd-article-page{padding:22px 0 46px}.opcd-article-shell{width:min(calc(100% - 40px),1280px)}.opcd-article-breadcrumbs{margin-bottom:17px;font-size:.76rem}
.opcd-article-hero{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:46px;padding:13px 0 23px}.opcd-article-kicker{margin-bottom:11px;font-size:.72rem}.opcd-article-hero h1{max-width:650px;font-size:clamp(2.55rem,3.45vw,3.75rem);line-height:1.06;letter-spacing:-.052em}.opcd-article-deck{max-width:650px;margin-top:15px;font-size:.97rem;line-height:1.55}.opcd-article-meta{gap:8px;margin-top:19px}.opcd-article-meta>span,.opcd-article-meta>a{min-height:34px;padding:6px 10px;border-radius:8px;font-size:.73rem}.opcd-article-hero__media{border-radius:13px;box-shadow:0 18px 48px rgba(0,0,0,.32)}
.opcd-article-columns{grid-template-columns:minmax(0,2.2fr) minmax(275px,.82fr);gap:27px;padding-top:20px}.opcd-article-main{gap:9px}.opcd-quick-answer{grid-template-columns:56px 1fr;gap:14px;padding:13px 18px;border-radius:10px}.opcd-quick-answer__icon{width:46px;height:46px}.opcd-quick-answer__icon .opcd-line-icon{width:25px;height:25px}.opcd-quick-answer h2{font-size:.96rem}.opcd-quick-answer p{font-size:.82rem;line-height:1.52}
.opcd-article-disclosure{scroll-margin-top:100px;overflow:hidden;border:1px solid rgba(48,64,88,.94);border-radius:10px;background:linear-gradient(145deg,rgba(17,24,39,.98),rgba(12,19,32,.98));transition:border-color .2s,background .2s}.opcd-article-disclosure:hover,.opcd-article-disclosure[open]{border-color:rgba(56,189,248,.46)}.opcd-article-disclosure summary{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;gap:14px;align-items:center;min-height:64px;padding:9px 15px;cursor:pointer;list-style:none}.opcd-article-disclosure summary::-webkit-details-marker{display:none}.opcd-article-disclosure__icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(56,189,248,.48);border-radius:50%;background:rgba(56,189,248,.07);color:#74d8ff}.opcd-article-disclosure__icon .opcd-line-icon{width:22px;height:22px}.opcd-article-disclosure--danger .opcd-article-disclosure__icon{border-color:rgba(248,82,82,.68);background:rgba(248,82,82,.08);color:#ff6b6b}.opcd-article-disclosure__copy{display:block;min-width:0}.opcd-article-disclosure__copy h2{margin:0 0 3px;color:#f7fafc;font-size:1rem;line-height:1.24}.opcd-article-disclosure__copy>span{display:block;overflow:hidden;color:#aebacc;font-size:.77rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.opcd-article-disclosure__chevron{display:grid;place-items:center;color:#c6d3e4;font-size:1.25rem;line-height:1;transition:transform .2s}.opcd-article-disclosure[open] .opcd-article-disclosure__chevron{transform:rotate(180deg)}.opcd-disclosure-body{padding:13px 18px 16px 77px;border-top:1px solid rgba(48,64,88,.72);color:#b4c0d1;font-size:.86rem;line-height:1.58}.opcd-disclosure-body.article-content p{margin:0 0 8px}.opcd-disclosure-body.article-content p:last-child{margin-bottom:0}.opcd-disclosure-body .opcd-check-list,.opcd-disclosure-body .opcd-dot-list,.opcd-disclosure-body .opcd-step-list{margin-top:0}
.opcd-article-warning{grid-template-columns:40px 1fr;gap:13px;padding:14px 18px;border-radius:10px}.opcd-article-warning>span{width:34px;height:34px}.opcd-article-warning h2{font-size:.96rem}.opcd-article-warning p{font-size:.79rem;line-height:1.45}.opcd-article-cta{gap:16px;padding:17px 18px;border-radius:10px}.opcd-article-cta h2{font-size:1.13rem}.opcd-article-cta p:not(.eyebrow){font-size:.78rem}.opcd-article-cta__actions .button{min-height:40px;padding:8px 14px;font-size:.76rem}
.opcd-article-sidebar{top:82px;gap:10px}.opcd-article-toc,.opcd-save-card,.opcd-related-tools,.opcd-support-card{border-radius:10px}.opcd-article-toc{padding:17px}.opcd-article-toc h2,.opcd-related-tools h2{font-size:.94rem}.opcd-article-toc a{padding-top:6px;padding-bottom:6px;font-size:.75rem}.opcd-related-tools{padding:17px}.opcd-related-tools>a{padding:9px 0}.opcd-support-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(48,64,88,.9);background:linear-gradient(145deg,rgba(17,24,39,.97),rgba(12,19,32,.97));box-shadow:0 16px 38px rgba(0,0,0,.16)}.opcd-support-card__icon{display:grid;place-items:center;width:34px;height:34px;color:#cbd7e7}.opcd-support-card__icon .opcd-line-icon{width:23px;height:23px}.opcd-support-card strong,.opcd-support-card small{display:block}.opcd-support-card strong{font-size:.75rem}.opcd-support-card small{margin-top:2px;color:#8998ac;font-size:.64rem}.opcd-support-card .button{min-height:34px;padding:6px 10px;white-space:nowrap;font-size:.68rem}
@media(max-width:1020px){.opcd-article-hero{grid-template-columns:1fr;gap:22px}.opcd-article-hero__media{max-width:760px}.opcd-article-columns{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:780px){.opcd-article-page{padding-top:18px}.opcd-article-hero{padding:10px 0 22px}.opcd-article-hero h1{font-size:clamp(2.25rem,10vw,3.25rem)}.opcd-article-columns{display:flex}.opcd-article-disclosure__copy>span{white-space:normal}.opcd-support-card{grid-template-columns:36px minmax(0,1fr) auto}}
@media(max-width:520px){.opcd-article-shell{width:min(calc(100% - 24px),1280px)}.opcd-article-hero h1{font-size:2.15rem}.opcd-article-meta>span,.opcd-article-meta>a{width:100%}.opcd-article-disclosure summary{grid-template-columns:42px minmax(0,1fr) 20px;gap:10px;min-height:60px;padding:9px 11px}.opcd-article-disclosure__icon{width:38px;height:38px}.opcd-article-disclosure__copy h2{font-size:.91rem}.opcd-article-disclosure__copy>span{display:-webkit-box;overflow:hidden;font-size:.72rem;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.opcd-disclosure-body{padding:13px}.opcd-disclosure-body .opcd-check-list,.opcd-disclosure-body .opcd-dot-list{grid-template-columns:1fr}.opcd-article-cta{padding:16px}.opcd-support-card{grid-template-columns:34px 1fr}.opcd-support-card .button{grid-column:1/-1;width:100%}}