.blog-page{background:#fcfcfb}.reading-shell{width:min(calc(100% - 32px),900px);margin-inline:auto}.blog-hero{padding:80px 0 72px;border-bottom:1px solid var(--ink)}.blog-hero h1,.article-hero h1{margin:0;font-size:clamp(3.4rem,9vw,7.5rem);font-weight:800;line-height:.88;letter-spacing:-.055em}.blog-hero__intro{display:grid;gap:32px;margin-top:40px}.blog-hero__intro p{max-width:720px;margin:0;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.35}.topic-section{padding:88px 0;border-bottom:1px solid var(--ink)}.topic-heading{display:grid;gap:16px;margin-bottom:40px}.topic-heading h2{margin:0;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.9;letter-spacing:-.05em}.topic-heading p{max-width:620px;margin:0;color:var(--grey)}.article-list{border-top:2px solid var(--ink)}.article-card{display:grid;gap:24px;padding:32px 0;border-bottom:1px solid var(--ink);text-decoration:none}.article-card__number{font:500 12px var(--font-mono);letter-spacing:.14em}.article-card h3{margin:0;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1;letter-spacing:-.035em}.article-card p{max-width:700px;margin:0;color:#4a4a45}.article-card__action{font-weight:800}.article-card:hover .article-card__action{text-decoration:underline;text-decoration-color:var(--green-dark);text-decoration-thickness:3px}.article-hero{padding:56px 0 72px;border-bottom:1px solid var(--ink)}.article-hero .breadcrumb{margin-bottom:56px}.article-hero h1{font-size:clamp(3rem,7vw,6.5rem)}.article-answer{max-width:820px;margin:32px 0 0;font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:500;line-height:1.4}.article-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);color:var(--grey);font:500 12px var(--font-mono);letter-spacing:.04em}.article-frame{display:grid;gap:48px;padding-block:72px}.toc{align-self:start;padding:24px;border:1px solid var(--ink);background:var(--paper)}.toc h2{margin:0 0 16px;font:500 13px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.toc ol{display:grid;gap:10px;margin:0;padding-left:20px;font-size:15px}.article-body{min-width:0}.article-body h2{margin:72px 0 24px;font-size:clamp(2.1rem,4.5vw,3.7rem);line-height:1;letter-spacing:-.04em}.article-body h2:first-child{margin-top:0}.article-body h3{margin:40px 0 16px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.1}.article-body p,.article-body li{font-size:clamp(1.06rem,1.7vw,1.22rem);line-height:1.72}.article-body p{margin:0 0 24px}.article-body ul,.article-body ol{display:grid;gap:12px;margin:16px 0 32px;padding-left:24px}.article-body a{text-decoration-color:var(--green-dark);text-decoration-thickness:2px}.article-body table{width:100%;margin:24px 0 40px;border-collapse:collapse;font-size:16px}.article-body th,.article-body td{padding:16px;border:1px solid var(--ink);text-align:left;vertical-align:top}.article-body th{background:var(--ink);color:var(--white)}.article-body blockquote,.article-callout{margin:32px 0;padding:24px;border-left:6px solid var(--green);background:var(--paper);font-size:1.1rem}.checklist{padding:24px!important;border:1px solid var(--ink);background:var(--paper);list-style:none}.sources,.related{margin-top:72px;padding-top:40px;border-top:2px solid var(--ink)}.sources ul{font-size:16px}.related>div{display:grid;gap:12px}.related a{display:grid;gap:8px;padding:20px;border:1px solid var(--ink);text-decoration:none}.related a:hover{background:var(--green)}.related span{font-size:14px}.article-cta{padding:88px 0;background:var(--ink);color:var(--white)}.article-cta h2{max-width:800px;margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.05em}.article-cta p{max-width:680px;margin:24px 0 32px;color:#d0d0ca;font-size:20px}.blog-index-cta{padding:72px 0;background:var(--green)}
@media(min-width:760px){.reading-shell{width:min(calc(100% - 64px),900px)}.blog-hero__intro,.topic-heading{grid-template-columns:1fr 1fr}.article-card{grid-template-columns:70px 160px 1.2fr 1fr auto;align-items:center}.article-frame{grid-template-columns:240px minmax(0,760px);justify-content:center}.toc{position:sticky;top:112px}}
@media(max-width:759px){.article-body table{display:block;overflow-x:auto}.article-hero .breadcrumb{margin-bottom:40px}.toc{order:0}}
.article-visual{margin:48px 0 0}.article-visual img{width:100%;border:2px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--ink)}.article-visual figcaption{margin-top:16px;color:var(--grey);font-size:14px}
.article-card__thumb{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--ink)}
