.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.post-card{background:#fff;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.post-image{display:block;height:195px;overflow:hidden}.post-image img{transition:transform .25s}.post-card:hover .post-image img{transform:scale(1.035)}.post-copy{padding:26px;display:flex;flex-direction:column;flex:1}.post-copy h3{font-size:23px;line-height:1.3}.post-copy h3 a:hover{color:#9a4800;text-decoration:underline;text-underline-offset:4px}.post-copy>p:not(.eyebrow){font-size:14px}.post-copy .post-meta{margin-top:auto;padding-top:14px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between}.post-meta{font-size:12px;color:var(--color-text-muted);line-height:1.8}.blog-search{max-width:720px;margin:0 0 36px}.blog-search label{font-weight:700;display:block;margin-bottom:12px}.blog-chips{margin-top:30px}.blog-chips a[aria-current]{background:var(--color-primary);color:#fff}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding-block:26px;font-size:12px;color:var(--color-text-muted)}.article-breadcrumb a:hover{text-decoration:underline}.blog-article{padding-bottom:70px}.blog-article .article-header{position:static;z-index:auto;background:transparent;border:0;max-width:940px;padding:28px 0 40px}.article-header h1{font-size:clamp(34px,4.3vw,56px);line-height:1.15;max-width:920px}.article-header .post-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px 12px}.article-intro{font-size:20px;line-height:1.8;margin-bottom:0;max-width:840px}.article-layout{display:grid;grid-template-columns:260px minmax(0,740px);gap:65px;align-items:start}.article-sidebar{min-width:0;position:sticky;top:120px}.article-index{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:24px}.article-index h2{font-size:18px;letter-spacing:-.02em}.article-index ol{padding-left:20px;font-size:13px;margin:18px 0 24px}.article-index li{padding:7px 0;line-height:1.6}.article-index a:hover{color:#9a4800;text-decoration:underline}.article-body{font-size:17px;line-height:1.9;min-width:0;overflow-wrap:break-word}.article-body>section{scroll-margin-top:130px;margin-bottom:44px}.article-body h2{font-size:30px;line-height:1.3;letter-spacing:-.03em}.article-body p{color:var(--color-text);margin:18px 0}.article-body ol,.article-body ul{padding-left:24px}.article-body li{padding:5px 0}.article-sources{border-top:1px solid var(--color-border);padding-top:28px;margin-bottom:36px;font-size:14px}.article-sources h2{font-size:20px}.article-sources a{text-decoration:underline;text-underline-offset:3px}.article-cta{padding:30px;background:var(--color-surface);border-left:4px solid var(--color-accent);border-radius:0 16px 16px 0;margin:40px 0}.article-cta h2{font-size:25px}.article-cta p:not(.eyebrow){font-size:15px}.article-cta ul{list-style:none;padding:0;margin-bottom:0}.article-cta li{padding:9px 0}.article-cta .text-link{font-size:14px}
@media(max-width:1100px){.header{gap:16px}#nav{gap:15px}.article-layout{grid-template-columns:225px minmax(0,1fr);gap:35px}.post-copy{padding:20px}.post-copy h3{font-size:21px}}
@media(max-width:850px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{display:flex;flex-direction:column;gap:32px}.article-sidebar{position:static;width:100%}.article-index ol{margin-bottom:16px}.article-body{max-width:740px}.article-header h1{font-size:42px}}
@media(max-width:580px){.post-grid{grid-template-columns:1fr}.post-image{height:190px}.post-copy{padding:24px}.post-copy h3{font-size:23px}.article-header h1{font-size:34px}.article-intro{font-size:18px}.article-body{font-size:16px}.article-body h2{font-size:26px}.article-cta{padding:24px}.article-breadcrumb{padding-block:20px}.blog-search .searchbar{flex-direction:column;align-items:stretch}.blog-search .searchbar input{width:100%}.blog-chips{gap:8px}.blog-chips a{font-size:12px}.blog-article .article-header{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.post-image img{transition:none}}

.blog-search .searchbar input{flex:1;min-width:0}.blog-search .searchbar .btn{flex-shrink:0;white-space:nowrap}