:root{--res-ink:#171817;--res-charcoal:#20211f;--res-orange:#ef6b24;--res-ivory:#f7f3ef;--res-white:#fff;--res-line:#ded8d2;--res-muted:#6d6761;--res-green:#176b4a;--res-red:#a53a2f}
html{scroll-behavior:smooth;scroll-padding-top:108px}.resource-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.article-shell{width:min(930px,calc(100% - 40px));margin-inline:auto}.resource-hero{position:relative;overflow:hidden;padding:84px 0 74px;color:#fff;background:linear-gradient(135deg,#111210,#20211f 67%,#2b241f)}.resource-hero:after{content:"";position:absolute;right:-130px;bottom:-180px;width:460px;height:460px;border-radius:50%;background:rgba(239,107,36,.14)}.resource-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:58px;align-items:center}.resource-eyebrow{margin:0 0 16px;color:#f5a36f;font:700 12px/1.2 Tahoma,Arial,sans-serif;letter-spacing:.16em}.resource-eyebrow-dark{color:#b54b17}.resource-hero h1,.article-hero h1{max-width:850px;margin:0;color:#fff;font:700 clamp(42px,6vw,74px)/.98 Tahoma,Arial,sans-serif;letter-spacing:-.045em}.resource-lead,.article-deck{max-width:760px;margin:24px 0 0;color:#d8d5d1;font-size:18px;line-height:1.75}.resource-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.resource-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:9px;font:700 13px/1 Tahoma,Arial,sans-serif;text-decoration:none;cursor:pointer}.resource-button-primary{color:#fff;background:var(--res-orange)}.resource-button-primary:hover{background:#d95b18}.resource-button-secondary{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}.resource-button-secondary-light{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}.resource-button-quiet{color:var(--res-ink);border-color:var(--res-line);background:#fff}.resource-hero-card{padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.resource-hero-card span{display:block;color:#f5a36f;font-size:10px;font-weight:700;letter-spacing:.15em}.resource-hero-card strong{display:block;margin-top:12px;font-size:25px;line-height:1.2}.resource-hero-card p,.resource-hero-card li{color:#d7d3cf;line-height:1.65}.resource-section{padding:82px 0;background:var(--res-ivory)}.resource-section-white{background:#fff}.resource-section-head{max-width:790px;margin-bottom:36px}.resource-section-head h2{margin:0;color:var(--res-ink);font:700 clamp(32px,4vw,50px)/1.05 Tahoma,Arial,sans-serif;letter-spacing:-.035em}.resource-section-head>p:last-child{margin:17px 0 0;color:var(--res-muted);font-size:17px;line-height:1.7}.featured-resource-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.55fr);overflow:hidden;border:1px solid var(--res-line);border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(24,20,17,.08)}.featured-resource-copy{padding:42px}.resource-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:#7b7169;font-size:12px;font-weight:700}.resource-meta span,.resource-meta time{position:relative}.resource-meta span+span:before,.resource-meta span+time:before{content:"•";position:absolute;left:-12px}.featured-resource-copy h3{margin:20px 0 14px;font:700 clamp(28px,4vw,43px)/1.08 Tahoma,Arial,sans-serif;letter-spacing:-.03em}.featured-resource-copy>p{color:var(--res-muted);font-size:16px;line-height:1.75}.resource-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.featured-resource-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:30px;color:#fff;text-align:center;background:linear-gradient(145deg,#ef6b24,#bd4612)}.featured-resource-visual span{font-size:11px;font-weight:700;letter-spacing:.16em}.featured-resource-visual strong{font-size:100px;line-height:1}.featured-resource-visual small{max-width:150px;font-size:14px;line-height:1.4}.resource-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-topic-card{scroll-margin-top:110px;padding:28px;border:1px solid var(--res-line);border-radius:15px;background:#fff}.resource-topic-card>span{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#9b3e10;background:#fff0e7;font-size:11px;font-weight:700}.resource-topic-card h3{margin:20px 0 10px;font-size:23px}.resource-topic-card p{min-height:78px;color:var(--res-muted);line-height:1.65}.resource-topic-card a{color:#aa430f;font-size:13px;font-weight:700;text-decoration:none}.resource-topic-card-featured{border-color:#f2a276;box-shadow:0 12px 35px rgba(239,107,36,.09)}.resource-cta-section{padding:70px 0;color:#fff;background:#1c1d1b}.resource-cta{display:flex;align-items:center;justify-content:space-between;gap:40px}.resource-cta h2{max-width:700px;margin:0;font:700 clamp(31px,4vw,49px)/1.05 Tahoma,Arial,sans-serif}.resource-cta p{color:#d1cdc8;line-height:1.7}
.article-hero{padding:64px 0 56px;color:#fff;background:linear-gradient(135deg,#131412,#222320)}.resource-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px;color:#bfbab5;font-size:12px}.resource-breadcrumb a{color:#dedad5;text-decoration:none}.article-hero .resource-meta{color:#d1c9c2}.article-hero h1{max-width:900px;margin-top:21px;font-size:clamp(40px,6vw,72px)}.article-deck{font-size:19px}.article-share-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:29px}.article-share-row button,.article-share-row a{padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;background:rgba(255,255,255,.05);font:700 12px/1 Tahoma,Arial,sans-serif;text-decoration:none;cursor:pointer}.article-share-row [data-copy-status]{color:#f4a36f;font-size:12px}.resource-reading-progress{position:sticky;top:0;z-index:300;height:4px;background:transparent}.resource-reading-progress span{display:block;width:0;height:100%;background:var(--res-orange)}.article-layout-section{padding:62px 0 90px;background:#fff}.article-layout{display:grid;width:min(1180px,calc(100% - 40px));margin:auto;grid-template-columns:250px minmax(0,760px);gap:58px;justify-content:center;align-items:start}.article-toc{position:sticky;top:112px;display:grid;gap:4px;padding:22px;border:1px solid var(--res-line);border-radius:14px;background:#fbf9f7}.article-toc strong{margin-bottom:8px;font-size:13px}.article-toc a{padding:8px 9px;border-radius:7px;color:#6b625b;font-size:12px;line-height:1.35;text-decoration:none}.article-toc a:hover,.article-toc a.active{color:#a9400e;background:#fff0e7}.article-content{color:#262522;font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8}.article-content h2{scroll-margin-top:112px;margin:58px 0 18px;font-size:34px;line-height:1.15;letter-spacing:-.025em}.article-content h3{scroll-margin-top:112px;margin:36px 0 12px;font-size:23px;line-height:1.3}.article-content a{color:#a9400e}.article-intro{font-size:21px;line-height:1.65}.article-summary-box{margin:30px 0;padding:25px 28px;border-left:4px solid var(--res-orange);border-radius:0 12px 12px 0;background:#fff5ef}.article-summary-box ul{margin-bottom:0}.answer-card{margin:17px 0;padding:20px 22px;border-radius:12px}.answer-card p{margin-bottom:0}.answer-card-bad{border:1px solid #efc7c1;background:#fff4f2}.answer-card-good{border:1px solid #b7ddce;background:#f2fbf7}.article-tip{padding:16px 18px;border-radius:9px;background:#f4f1ed}.star-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.star-grid>div{padding:20px;border:1px solid var(--res-line);border-radius:12px}.star-grid strong{display:inline-grid;width:35px;height:35px;place-items:center;margin-right:8px;border-radius:50%;color:#fff;background:var(--res-orange)}.star-grid span{font-weight:700}.star-grid p{margin-bottom:0;color:#655f59;font-size:14px}.article-content blockquote{margin:22px 0;padding:20px 24px;border-left:4px solid #2a2926;background:#f4f1ed;font-style:normal}.mistake-list{display:grid;gap:12px}.mistake-list section{padding:21px 23px;border:1px solid var(--res-line);border-radius:11px}.mistake-list section p{margin-bottom:0;color:#665f59}.checklist{padding:0;list-style:none}.checklist li{position:relative;padding:11px 0 11px 34px;border-bottom:1px solid #eee8e3}.checklist li:before{content:"✓";position:absolute;left:0;top:10px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:#fff;background:var(--res-green);font-size:12px}.article-final-cta{margin-top:44px;padding:30px;border-radius:16px;color:#fff;background:#20211f}.article-final-cta h3{margin-top:0;font-size:28px}.article-final-cta p{color:#d9d5d0}.messenger-cta{margin-bottom:0!important;font-size:13px}.messenger-cta a{color:#f7a16d}.article-faq details{margin:10px 0;border:1px solid var(--res-line);border-radius:10px;background:#fff}.article-faq summary{padding:18px 20px;font-weight:700;cursor:pointer}.article-faq details p{padding:0 20px 18px;margin:0;color:#655f59}.resource-related-section{padding:70px 0;background:var(--res-ivory)}.resource-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.resource-related-grid a{display:grid;gap:8px;padding:24px;border:1px solid var(--res-line);border-radius:12px;color:var(--res-ink);background:#fff;text-decoration:none}.resource-related-grid span{color:#a9400e;font-size:13px;font-weight:700}
@media(max-width:980px){.resource-hero-grid,.featured-resource-card,.article-layout{grid-template-columns:1fr}.article-toc{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.resource-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-cta{align-items:flex-start;flex-direction:column}.featured-resource-visual{min-height:210px}.article-layout{width:min(800px,calc(100% - 36px));gap:28px}}
@media(max-width:680px){.resource-shell,.article-shell{width:min(100% - 28px,1180px)}.resource-hero,.resource-section{padding:58px 0}.resource-hero h1,.article-hero h1{font-size:40px}.resource-hero-grid{gap:30px}.featured-resource-copy{padding:27px}.resource-topic-grid,.resource-related-grid,.star-grid{grid-template-columns:1fr}.resource-topic-card p{min-height:0}.article-layout{width:min(100% - 26px,800px)}.article-content{font-size:15px}.article-content h2{font-size:29px}.article-toc{grid-template-columns:1fr}.article-share-row{align-items:stretch}.article-share-row button,.article-share-row a{flex:1;text-align:center}.resource-cta-section{padding:55px 0}}