.reading-progress{position:fixed;z-index:9999;top:0;right:0;left:0;height:3px;background:transparent;pointer-events:none}.reading-progress span{display:block;width:0;height:100%;margin-right:0;background:#ffc000;transition:width .08s linear}.article-page{padding:42px 3% 70px}.article-layout{width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,880px) 292px;gap:28px;align-items:start}.article-main{min-width:0}.article-main>article{background:#fff;border:1px solid #edf0f4;border-radius:24px;overflow:hidden;box-shadow:0 15px 50px #1720300c}.article-header{padding:42px 7% 28px}.article-header h1{max-width:780px;font-size:clamp(28px,4vw,47px);line-height:1.5;letter-spacing:-.4px}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;color:#7b818b;font-size:13px}.article-meta>*+*{position:relative}.article-meta>*+*::before{content:'•';position:absolute;right:-11px;color:#c7cbd1}.reading-time{color:#555d68}.article-tags{display:flex;flex-wrap:wrap;gap:6px 13px;margin-top:17px}.article-tags a{color:#1d9bf0!important;text-decoration:none;font-size:13px!important;font-weight:600;line-height:1.7}.article-tags a:hover{text-decoration:underline}.article-cover{aspect-ratio:16/8.7;max-height:none}.article-content h2,.article-content h3{scroll-margin-top:28px;color:#20242b}.article-content h2{font-size:25px;margin:46px 0 16px}.article-content h3{font-size:20px;margin:34px 0 13px}.article-footer{padding:0 8% 38px}.article-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:22px 0;border-top:1px solid #edf0f3}.article-share>span{font-size:13px;color:#777f8b;margin-left:4px}.article-share a,.article-share button{border:1px solid #e4e8ed;background:#fff;color:#444c57;border-radius:18px;padding:7px 12px;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.article-share a:hover,.article-share button:hover{border-color:#a9d5f4;color:#1686cf;background:#f7fbff}.article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-navigation a{min-width:0;padding:15px 17px;border:1px solid #e9edf2;border-radius:14px;color:#222a34;text-decoration:none;transition:.2s}.article-navigation a:hover{border-color:#d8bd55;background:#fffdf5}.article-navigation small{display:block;color:#8a9099;font-size:11px;margin-bottom:5px}.article-navigation strong{display:block;font-size:13px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-nav-next{text-align:left}.article-sidebar{min-width:0}.sidebar-stack{position:sticky;top:18px;display:grid;gap:14px}.toc-card,.teachers-card,.article-cta{background:#fff;border:1px solid #e9edf3;border-radius:17px;padding:16px;box-shadow:0 10px 35px #18203009}.sidebar-title{font-size:14px;font-weight:800;margin-bottom:11px}.article-toc{display:grid;gap:2px;max-height:300px;overflow:auto;padding-left:3px}.article-toc a{position:relative;padding:6px 11px 6px 5px;border-right:2px solid #e8ebef;color:#656d78;text-decoration:none;font-size:12px;line-height:1.65;transition:.2s}.article-toc a:hover,.article-toc a.active{color:#171b21;border-color:#ffc000;background:#fffaf0}.article-toc .toc-h3{padding-right:21px;font-size:11px;color:#858b94}.teacher-mini-list{display:grid;gap:8px}.teacher-mini-card{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #eef1f5;border-radius:12px;color:#20232a;text-decoration:none;transition:.2s}.teacher-mini-card:hover{border-color:#b9dcf7;background:#f7fbff;transform:translateY(-1px)}.teacher-mini-card img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px;background:#f0f2f5}.teacher-mini-copy{min-width:0}.teacher-mini-copy strong,.teacher-mini-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-mini-copy strong{font-size:12px;line-height:1.6}.teacher-mini-copy small{color:#747b86;font-size:10px;line-height:1.6}.article-cta{background:linear-gradient(145deg,#20242b,#303640);color:#fff;border:0}.article-cta>span{color:#ffc000;font-size:10px;font-weight:700}.article-cta strong{display:block;font-size:15px;line-height:1.7;margin:5px 0}.article-cta p{color:#d7dbe1;font-size:11px;line-height:1.8;margin:0 0 12px}.article-cta a{display:block;padding:9px 12px;border-radius:10px;background:#ffc000;color:#1e2228;text-align:center;text-decoration:none;font-size:12px;font-weight:800}.related-modern{margin:34px 0 0}.section-heading span{color:#a97900;font-size:11px;font-weight:700}.section-heading h2{font-size:23px;margin:3px 0 16px}.related-modern .related-grid{gap:15px}.related-card{display:block!important;padding:0!important;overflow:hidden;border:1px solid #e9edf2;border-radius:16px!important;background:#fff;color:#20242b!important}.related-card img{display:block;width:100%;height:135px;object-fit:cover}.related-card>span{display:block;padding:13px}.related-card time{display:block;color:#9298a1;font-size:10px;margin-bottom:5px}.related-card strong{display:block;font-size:13px;line-height:1.7}.related-card small{display:block;color:#777f89;font-size:11px;line-height:1.7;margin-top:5px}.related-card:hover strong{color:#936d00}@media(max-width:1040px){.article-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.article-header{padding-right:6%;padding-left:6%}}@media(max-width:820px){.article-page{padding:25px 3% 50px}.article-layout{display:flex;flex-direction:column}.article-main,.article-sidebar{width:100%;box-sizing:border-box}.article-sidebar{order:2}.sidebar-stack{position:static}.toc-card{display:none}.teacher-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}.article-cta{max-width:none}.article-header h1{font-size:clamp(26px,7vw,38px)}.related-modern .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.article-page{padding-right:2.5%;padding-left:2.5%}.article-main>article{border-radius:17px}.article-header{padding:27px 6% 21px}.article-meta{gap:6px 15px;font-size:11px}.article-meta>*+*::before{right:-9px}.article-tags{gap:5px 11px}.article-tags a{font-size:12px!important}.article-footer{padding:0 6% 28px}.article-navigation{grid-template-columns:1fr}.article-nav-next{text-align:right}.teacher-mini-list,.related-modern .related-grid{grid-template-columns:1fr}.related-card{display:grid!important;grid-template-columns:112px 1fr}.related-card img{height:100%;min-height:115px}.related-card small{display:none}}

/* Compact source notes, outside the editorial body and its table of contents. */
.article-content--with-references{padding-bottom:26px}
.article-references{margin:0 8% 30px;padding-top:7px;border-top:1px solid #d6dce4;color:#68717d;font-size:12px;line-height:1.85}
.article-reference-group{border-bottom:1px solid #edf0f4}
.article-reference-group:last-child{border-bottom:0}
.article-reference-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:4px 0;box-sizing:border-box;list-style:none;cursor:pointer;color:#596270;font-size:12px;font-weight:600;line-height:1.8}
.article-reference-group>summary::-webkit-details-marker{display:none}
.article-reference-group>summary::after{content:'+';flex:0 0 20px;text-align:center;color:#8b95a2;font-size:17px;font-weight:400}
.article-reference-group[open]>summary::after{content:'−'}
.article-reference-group>summary:hover{color:#252e3a}
.article-reference-group>summary:focus-visible{outline:2px solid #b99025;outline-offset:3px;border-radius:3px}
.article-reference-content{padding:2px 0 12px;font-size:12px;line-height:1.85;overflow-wrap:anywhere}
.article-reference-content p,.article-reference-content li,.article-reference-content a,.article-reference-content span{font-size:inherit;line-height:inherit}
.article-reference-content p{margin:0 0 7px;color:inherit}
.article-reference-content p:last-child{margin-bottom:0}
.article-reference-content ul,.article-reference-content ol{margin:0 0 7px;padding-right:19px}
.article-reference-content li{margin-bottom:5px}
.article-reference-content a{color:#6d5b32;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-reference-content a:hover{color:#30250e}
.article-reference-content h2,.article-reference-content h3,.article-reference-content h4,.article-reference-content h5,.article-reference-content h6{font-size:12px;line-height:1.85;margin:9px 0 5px;color:inherit}
.article-reference-content img{max-width:100%;height:auto}
.article-reference-content table{max-width:100%;font-size:inherit}
@media(max-width:560px){.article-references{margin-right:6%;margin-left:6%;margin-bottom:24px}}