.blog-index{padding:72px 0 110px;min-height:65vh}
.blog-index h1,.blog-post-header h1{font-size:clamp(44px,6.8vw,84px);max-width:1080px;margin:15px 0 20px;overflow-wrap:anywhere}
.blog-intro{font-size:20px;color:var(--ink-soft);max-width:700px;margin-bottom:42px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-card{background:var(--white);border:1px solid var(--line);min-width:0}
.blog-card-image{display:block;overflow:hidden;background:var(--deep);aspect-ratio:16/9}
.blog-card-image img{width:100%;height:100%;object-fit:cover}
.blog-card-copy{padding:28px}
.blog-card h2{font-size:clamp(25px,3vw,38px);line-height:1.17;margin:12px 0 16px}
.blog-card h2 a{text-decoration:none}
.blog-card h2 a:hover,.blog-card h2 a:focus-visible{text-decoration:underline;text-decoration-color:var(--copper)}
.blog-card-copy>p:last-child{margin-bottom:0;color:var(--ink-soft)}
.blog-meta{font-size:14px;color:#465c61;line-height:1.5}
.blog-meta a,.blog-post-header .eyebrow a{text-underline-offset:3px}
.blog-pagination,.blog-adjacent{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding:24px 0}
.blog-pagination a,.blog-adjacent a{font-weight:700;text-underline-offset:4px}
.blog-post{padding:60px 0 90px}
.blog-post-header{max-width:920px;margin-bottom:32px}
.blog-post-header .eyebrow{margin-bottom:20px}
.blog-hero{max-width:1100px;margin-bottom:48px}
.blog-hero img{width:100%;height:auto;background:var(--deep)}
.blog-prose{max-width:790px;font-size:18px;line-height:1.78}
.blog-prose>*{margin-bottom:26px}
.blog-prose>p:first-child{font-size:21px;line-height:1.6}
.blog-prose h2{font-size:clamp(32px,4vw,49px);line-height:1.18;margin:55px 0 22px}
.blog-prose h3{font-size:25px;margin:36px 0 15px}
.blog-prose ul,.blog-prose ol{padding-left:1.4em}
.blog-prose li{padding-left:.2em;margin-bottom:10px}
.blog-prose a{text-underline-offset:3px;color:#80502f}
.blog-prose a:hover{color:#55331e}
.blog-figure{margin:32px 0 38px}
.blog-figure img{width:100%;height:auto;background:#e0e7e4}
.blog-figure figcaption{color:var(--ink-soft);font-size:14px;line-height:1.5;margin-top:9px}
.blog-source-list{background:#e9eeeb;border-left:3px solid var(--copper);padding:22px 26px 22px 45px!important;overflow-wrap:anywhere}
.blog-video{aspect-ratio:16/9;margin:28px 0 36px;background:var(--deep)}
.blog-video iframe{width:100%;height:100%;border:0}
.blog-adjacent{margin-top:70px}
.blog-post--technical .toc{padding:22px 26px;background:#e9eeeb;border-left:3px solid var(--copper);font-size:16px;line-height:1.5}
.blog-post--technical .toc ul{margin:0;padding-left:20px}
.blog-post--technical .toc li{margin:9px 0}
.blog-post--technical h2{scroll-margin-top:90px}
.blog-post--technical .technical-table{max-width:100%;overflow-x:auto;border:1px solid var(--line);margin:30px 0}
.blog-post--technical table{width:100%;min-width:540px;border-collapse:collapse;font-size:15px;line-height:1.55}
.blog-post--technical th,.blog-post--technical td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line)}
.blog-post--technical th{background:#e9eeeb;font-weight:750}
.blog-post--technical tr:last-child td{border-bottom:0}
.blog-post--technical pre{max-width:100%;overflow-x:auto;white-space:pre;background:#132c32;color:#f2f6f4;border-radius:4px;padding:22px;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4}
.blog-post--technical pre code{font:inherit;background:none;padding:0;color:inherit}
.blog-post--technical p code,.blog-post--technical li code{font-size:.9em;background:#e9eeeb;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}
.technical-video-panel{padding:24px 28px;background:#e9eeeb;border:1px solid var(--line);border-top:3px solid var(--copper)}
.technical-video-panel h3{margin:0 0 14px}
.technical-video-panel p{margin:12px 0}
.technical-video-panel button{font:inherit;font-weight:700;border:0;background:var(--deep,#12282e);color:#fff;padding:12px 18px;cursor:pointer;border-radius:3px}
.technical-video-panel button[hidden],.technical-video-frame[hidden]{display:none}
.technical-video-panel :focus-visible,.blog-post--technical pre:focus-visible,.technical-table:focus-visible{outline:3px solid #985c39;outline-offset:4px}
.technical-video-frame{max-width:360px;aspect-ratio:9/16;margin:22px auto 0;background:#12282e}
.technical-video-frame iframe{width:100%;height:100%;border:0}
@media(max-width:700px){
 .blog-index{padding:45px 0 70px}
 .blog-grid{grid-template-columns:1fr}
 .blog-card-copy{padding:20px}
 .blog-post{padding-top:42px}
 .blog-post-header{margin-bottom:24px}
 .blog-hero{width:100%;margin-bottom:30px}
 .blog-prose{font-size:17px}
 .blog-prose>p:first-child{font-size:19px}
 .blog-prose h2{margin-top:42px}
 .blog-figure{margin-left:0;margin-right:0}
}