html{height:auto;scroll-padding-top:100px}body{height:auto;min-height:100svh;overflow:visible;background:#fff}.reading-header{max-width:1200px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.reading-header img{display:block}.reading-header nav{display:flex;align-items:center;gap:24px}.reading-header a,.reading-footer a{color:inherit;text-decoration:none;font-size:14px}.reading-header .primary{color:#fff}.resource-main{display:block;height:auto;min-height:0;max-width:1120px;margin:40px auto 96px;padding:0 24px;width:100%}.resource-main h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.03em;max-width:850px;margin:20px 0 24px}.article-header{max-width:850px;margin:0 auto 48px}.byline{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:#626b76;line-height:1.7}.byline a,.back-link{color:#1769e8;text-decoration:none}.back-link{font-size:14px}.article-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:56px;align-items:start}.article-body{min-width:0;font-size:16px;line-height:1.8;overflow-wrap:anywhere}.article-body p{margin:0 0 22px}.article-body h2{font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:48px 0 20px}.article-body h3{font-size:20px;line-height:1.4;margin:30px 0 12px}.article-body li{margin:10px 0}.article-body ul,.article-body ol{padding-left:24px}.article-body a{color:#1769e8;text-underline-offset:3px}.article-toc{position:sticky;top:28px;font-size:13px;line-height:1.6}.article-toc>p{font-weight:600}.article-toc ul{padding:0;list-style:none}.article-toc li{margin:12px 0}.article-toc li ul{display:none}.article-toc a{color:#626b76;text-decoration:none}.article-toc a:hover{color:#1769e8}.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:14px;margin:24px 0 32px}.article-body th,.article-body td{padding:12px;border-bottom:1px solid #e0e4e9;text-align:left;min-width:110px;vertical-align:top}.article-body th{background:#f5f7fa}.article-figure{margin:32px 0}.article-figure img{display:block;max-width:100%;width:auto;height:360px;margin:auto;border-radius:16px}.article-figure figcaption{font-size:12px;line-height:1.6;text-align:center;color:#626b76;margin-top:12px}.article-promo{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:28px;background:#f3f7fc;border-radius:14px;margin:36px 0}.article-promo p{margin:0;font-size:15px;line-height:1.7}.article-promo .primary{grid-column:2;justify-self:start;text-decoration:none;color:white}.related{border-top:1px solid #e0e4e9;margin-top:48px}.related>a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e0e4e9;text-decoration:none}.reading-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding:32px 24px;border-top:1px solid #e0e4e9}.resource-index>header{max-width:760px;margin-bottom:64px}.resource-index>header>p{font-size:18px;line-height:1.6;color:#626b76}.resource-categories{display:flex;gap:24px;margin-top:28px}.resource-categories a{color:#1769e8;text-decoration:none}.resource-index section{margin:64px 0}.resource-index h2{font-size:28px;margin-bottom:24px}.resource-list article{padding:26px 0;border-top:1px solid #e0e4e9}.resource-list h3{font-size:23px;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}.resource-list a{color:#20242a;text-decoration:none}.resource-list a:hover{color:#1769e8}.resource-list p{max-width:720px;font-size:15px;line-height:1.7;color:#626b76}.author-note{max-width:720px;font-size:15px;line-height:1.7;color:#626b76}@media(max-width:760px){.reading-header{padding:18px}.reading-header img{width:115px;height:auto}.reading-header nav{gap:16px}.reading-header nav a{font-size:12px}.reading-header .primary{padding:9px 12px}.resource-main{margin-top:24px;padding-inline:22px}.article-layout{display:block}.article-header{margin-bottom:28px}.article-toc{position:static;border-block:1px solid #e0e4e9;padding:12px 0;margin-bottom:32px}.article-body{font-size:16px}.article-body h2{font-size:25px}.article-promo{padding:22px;grid-template-columns:minmax(0,1fr)}.article-promo .primary{grid-column:1}.article-promo>img{display:none}.resource-main h1{font-size:32px}.reading-footer{gap:16px}.resource-list h3{font-size:21px}}
