.blog-hero{background:var(--yellow);color:var(--black);padding:48px 0 64px;border-bottom:2px solid var(--black)}
.blog-page .button{background:var(--yellow);color:var(--black);border:2px solid var(--black)}
.blog-page .button:hover,.blog-page .button:focus-visible{background:#454545;color:var(--yellow);border-color:var(--yellow)}
.blog-hero h1{font-size:clamp(38px,5.2vw,68px);max-width:940px;line-height:1.06;letter-spacing:-.045em;margin:0 0 28px;font-weight:750;text-wrap:balance}
.blog-hero .eyebrow{margin-bottom:22px}.blog-intro{max-width:690px;font-size:19px;margin-bottom:0}
.breadcrumbs{display:flex;position:static;flex-wrap:wrap;gap:12px;font-size:12px;margin-bottom:40px;padding:0;border:0;box-shadow:none;background:transparent}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.article-byline{display:flex;gap:12px 32px;flex-wrap:wrap;font-size:13px;border-top:1px solid #1a1a1a50;padding-top:20px}
.article-layout{display:grid;grid-template-columns:260px minmax(0,740px);gap:72px;padding-top:56px;padding-bottom:80px;align-items:start}
.article-sidebar{position:sticky;top:122px;max-height:calc(100dvh - 148px);overflow-y:auto;scrollbar-width:thin}.article-toc{border-top:3px solid var(--yellow);padding-top:18px}
.blog-feature+.blog-feature{margin-top:32px}
#blog-results>.blog-feature[hidden],.blog-search[hidden],.blog-no-results[hidden]{display:none!important}
#blog-results>.blog-feature:first-child{margin-top:0}
.blog-search{border-top:1px solid var(--line);padding-top:28px;margin-bottom:32px}
.blog-search label{display:block;font-size:18px;font-weight:750;margin-bottom:12px}
.blog-search-controls{display:flex;gap:12px;max-width:780px}
#blog-query{min-width:0;flex:1;width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:16px;border-radius:0}
#blog-query::placeholder{color:var(--muted);opacity:1}
#blog-query:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.blog-search-controls .button{flex-shrink:0;min-height:52px}
.blog-search-controls .button:disabled{opacity:.5;cursor:default}
#blog-search-help,#blog-search-status{font-size:13px;color:var(--muted);margin:12px 0 0}
#blog-search-status{min-height:1.6em}
.blog-no-results{border:1px solid var(--line);padding:32px;background:var(--paper)}
.blog-no-results h3{font-size:24px;margin:0 0 12px}
.blog-no-results p{color:var(--muted)}
.article-toc summary{font-size:15px;font-weight:750;cursor:pointer}.article-toc summary::after{content:'+';font-size:22px}.article-toc[open] summary::after{content:'−'}.article-toc ol{list-style:none;padding:0;margin:18px 0}
.article-toc li{margin:0 0 12px;line-height:1.45;font-size:13px}.article-toc a{display:block;padding:3px 0}.article-toc a:hover{text-decoration:underline;text-underline-offset:3px}
.article-date{border-top:1px solid var(--line);padding-top:18px;font-size:12px;line-height:1.65;color:var(--muted)}
.article-body{font-size:18px;line-height:1.8;min-width:0}.article-body>p:first-child{font-size:22px;line-height:1.6;font-weight:500}
.article-body h2{font-size:clamp(27px,2.5vw,35px);line-height:1.18;margin:48px 0 22px;letter-spacing:-.035em}
.article-body h3{font-size:22px;line-height:1.35;margin:32px 0 14px;letter-spacing:-.025em}
.article-body ul{padding-left:24px}.article-body li{padding-left:6px;margin-bottom:20px}.article-body li::marker{color:var(--ink)}
.article-body a:not(.button){text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.article-body a[target=_blank]{font-size:.82em;color:var(--muted);text-decoration-thickness:1px}
.article-body strong{font-weight:750}.article-course-cta{max-width:100%;margin:12px 0 24px}
.article-end{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:44px}
.blog-library{padding-top:60px;padding-bottom:100px}.blog-library-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:30px}.blog-library-heading h2{font-size:30px}.blog-library-heading>span{font-size:13px;color:var(--muted)}
.blog-feature{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line)}.blog-feature-label{background:var(--black);color:white;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.blog-feature-label .eyebrow{color:var(--yellow)}.blog-feature-label p{font-size:clamp(32px,3.4vw,44px);font-weight:650;line-height:1.15;letter-spacing:-.04em;margin:28px 0 40px}.blog-feature-label>span:last-child{font-size:12px;color:#ccc}
.blog-feature-copy{padding:40px}.blog-feature-copy h3{font-size:32px;line-height:1.18}.blog-feature-copy h3 a:hover{text-decoration:underline}.blog-feature-copy>p:not(.eyebrow){color:var(--muted)}
@media(max-width:1000px){.article-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}}
@media(max-width:760px){.blog-hero{padding:30px 0 40px}.breadcrumbs{margin-bottom:28px;font-size:11px;gap:8px}.article-layout{display:block;padding-top:28px;padding-bottom:48px}.article-sidebar{position:static;margin-bottom:32px}.article-toc ol{columns:2;column-gap:24px}.article-toc li{break-inside:avoid}.article-date{font-size:11px}.article-body{font-size:17px;line-height:1.75}.article-body>p:first-child{font-size:20px}.article-body h2{margin-top:36px}.blog-library-heading{display:block}.blog-feature{grid-template-columns:1fr}.blog-feature-label,.blog-feature-copy{padding:28px}.blog-feature-label p{margin:12px 0 24px}.blog-library{padding-block:40px 60px}.article-course-cta{width:100%}.article-byline{display:block}.article-byline span{display:block;margin-top:6px}}
@media(max-width:420px){.article-toc ol{columns:1}.blog-hero h1{font-size:38px}.blog-feature-copy h3{font-size:28px}}
@media(max-width:760px){.article-sidebar{max-height:none;overflow:visible}}