.blog-index{padding-top:0!important}.blog-filters{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr;gap:22px}.blog-filters label{font-size:11px;color:#9fb7b0;display:flex;flex-direction:column;gap:9px}.blog-filters input,.blog-filters select{font:inherit;font-size:14px;width:100%;min-width:0;color:#e7efec;background:#061113;border:1px solid var(--line);border-radius:0;padding:13px 16px;height:50px}.blog-result-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 32px;font-size:12px;color:#b0c8c0}.blog-result-heading button{background:none;border:0;border-bottom:1px solid var(--line);padding:5px 0;color:#9bb5ac;font-size:11px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 25px}.blog-card{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:25px;transition:transform .25s}.blog-card:hover{transform:translateY(-3px)}.blog-card-image{aspect-ratio:16/10;width:100%;overflow:hidden;background:#071315;display:grid;place-items:center}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-card:hover img{transform:scale(1.025)}.blog-card-image>span{font:700 55px var(--display);color:#7caaa0}.blog-card .blog-meta{margin:17px 0 10px;gap:12px;font-size:10px;flex-wrap:wrap}.blog-meta{display:flex;align-items:center;gap:22px;color:#9abcb1;margin-bottom:20px;font-size:12px}.blog-meta time{font:700 19px var(--display);color:#a6e4cd}.blog-card h2{font:700 16px/1.9 var(--body);overflow-wrap:anywhere}.blog-card .blog-card-arrow{align-self:flex-end;margin-top:auto;padding-top:20px;color:#a5decb}.blog-card .blog-card-arrow svg{width:21px}#blog-pagination{display:flex;justify-content:center;gap:9px;margin-top:55px;flex-wrap:wrap}#blog-pagination button{font:700 18px var(--display);min-width:42px;height:42px;background:transparent;border:1px solid var(--line);padding:0 12px}#blog-pagination button[aria-current=page]{background:var(--button-gradient);color:#05201c;border-color:transparent}#blog-empty{padding:45px 0;color:#c0cec7}.imported-article{max-width:1180px}.imported-content{font-size:15px;line-height:2.2;color:#cbd5d2;overflow-wrap:anywhere}.imported-content p{margin:0 0 24px}.imported-content h2,.imported-content h3,.imported-content h4,.imported-content h5,.imported-content h6{font-family:var(--body);font-size:23px;line-height:1.7;margin:40px 0 22px;color:#f0f4f2;letter-spacing:0}.imported-content h3{font-size:20px}.imported-content h4,.imported-content h5,.imported-content h6{font-size:17px}.imported-content img{width:auto;max-width:100%;height:auto;margin:24px auto 35px}.imported-content a{color:#a1e0ca;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.imported-content a:has(>img){display:block}.imported-content ul,.imported-content ol{padding-left:24px;margin:20px 0 30px}.imported-content li{margin:8px 0}.imported-content table{display:block;width:100%;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:24px 0}.imported-content td,.imported-content th{padding:14px;border:1px solid var(--line);min-width:80px}.imported-content iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;margin:30px 0;background:#061012}.imported-content blockquote{border-left:2px solid #8ed3be;padding:12px 22px;margin:25px 0;background:#071314}.imported-content figure{margin:20px 0}.imported-content figcaption{font-size:11px;color:#9eb4ad}.imported-content hr{border:0;border-top:1px solid var(--line);margin:35px 0}.imported-content video{max-width:100%;height:auto}.imported-content pre{overflow:auto;max-width:100%;white-space:pre-wrap}.imported-content .unavailable-media{display:block;margin:25px 0}.article-neighbors{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:55px;border-top:1px solid var(--line)}.article-neighbors>a{display:grid;grid-template-columns:1fr 25px;gap:14px;padding:25px 0;border-bottom:1px solid var(--line)}.article-neighbors small{grid-column:1/-1;color:#99b8ac;font-size:11px}.article-neighbors span{font-size:13px;line-height:1.8}.imported-article>.article-cover{max-height:600px}.imported-article>.blog-title{overflow-wrap:anywhere}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.blog-filters{grid-template-columns:1fr 1fr;gap:15px}.blog-filters label:first-child{grid-column:1/-1}.blog-filters input,.blog-filters select{font-size:13px;height:46px;padding:10px 12px}.blog-grid{grid-template-columns:1fr;gap:30px}.blog-card h2{font-size:15px}.blog-card .blog-card-arrow{padding-top:12px}.blog-result-heading{margin:22px 0}.imported-content{font-size:13px;line-height:2.1}.imported-content h2{font-size:21px}.imported-content h3{font-size:18px}.imported-content h4{font-size:16px}.imported-content img{margin:20px auto 28px}.article-neighbors{grid-template-columns:1fr;gap:0;margin-top:35px}.article-neighbors>a{padding:20px 0}.imported-content blockquote{padding:10px 15px}.blog-meta{gap:12px;flex-wrap:wrap}#blog-pagination{gap:6px;margin-top:35px}#blog-pagination button{min-width:36px;height:38px;font-size:16px;padding:0 9px}}
@media(prefers-reduced-motion:reduce){.blog-card:hover,.blog-card:hover img{transform:none}}

/* Card copy is inset independently from the edge-to-edge thumbnail. */
.blog-card>.blog-meta,.blog-card>h2{padding-left:18px;padding-right:18px}
.blog-card>.blog-card-arrow{padding-right:18px}
@media(max-width:699px){
 .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
 .blog-card{padding-bottom:18px}
 .blog-card>.blog-meta,.blog-card>h2{padding-left:12px;padding-right:12px}
 .blog-card>.blog-meta{margin-top:14px;margin-bottom:9px;gap:5px 7px;font-size:8px;line-height:1.5}
 .blog-card>.blog-meta time{font-size:17px}
 .blog-card>h2{font-size:13px;line-height:1.85;letter-spacing:0}
 .blog-card>.blog-card-arrow{padding-top:15px;padding-right:12px}
 .blog-card>.blog-card-arrow svg{width:18px;height:18px}
 .blog-card-image>span{font-size:36px}
}
@media(max-width:350px){
 .blog-grid{gap:24px 12px}
 .blog-card>.blog-meta,.blog-card>h2{padding-left:10px;padding-right:10px}
 .blog-card>.blog-card-arrow{padding-right:10px}
 .blog-card>h2{font-size:12px;line-height:1.85}
 .blog-card>.blog-meta time{font-size:16px}
}

/* Keep the arrow close to its title, rather than stretching short cards. */
.blog-card{align-self:start;padding-bottom:14px}
.blog-card>.blog-card-arrow{margin-top:0;padding-top:8px}
@media(max-width:699px){.blog-card{padding-bottom:12px}.blog-grid{row-gap:22px}}