.article-visual{position:relative;margin:0 0 22px;overflow:hidden;background:#202521;border-radius:6px}
.article-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.article-visual figcaption{position:absolute;bottom:9px;right:9px;padding:3px 8px;background:#101610d9;color:#fff;font-size:12px;line-height:1.5;border-radius:3px}
.lead-story{background:none}.lead-story>.article-visual{margin-bottom:26px}.lead-story>.article-visual img{aspect-ratio:16/9}
.feature-side .article-visual{margin-bottom:16px}.feature-side .article-visual img{aspect-ratio:2/1}
.guide-grid{gap:24px;border:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.guide-card,.guide-card:nth-child(odd){padding:0 0 22px;border:1px solid #d2d8ce;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.guide-card>.article-visual{border-radius:0;margin:0 0 22px}.guide-card>.card-top,.guide-card>h3,.guide-card>p,.guide-card>.card-bottom{margin-left:22px;margin-right:22px}
.guide-card h3{font-size:1.45rem;line-height:1.2;letter-spacing:-.025em}.guide-card .card-bottom{margin-top:auto;padding-top:20px}.guide-card .card-top{margin-bottom:14px}
.editor-article:has(.article-list){max-width:1260px}.article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:35px 0}
.editor-article .article-list .card{padding:0 0 24px;border:1px solid #343734;border-radius:8px;overflow:hidden;background:#151815;min-width:0}
.article-list .card .article-visual{border-radius:0}.article-list .card>p,.article-list .card>h2{margin-left:22px;margin-right:22px}.editor-article .article-list h2{font-size:25px;line-height:1.2;margin-top:12px}.editor-article .article-list p{font-size:16px;line-height:1.6}.article-list h2 a{text-decoration:none}.article-list h2 a:hover,.guide-card h3 a:hover{color:#728500}.editor-article>.article-visual{margin:30px 0}.editor-article>.article-visual img{aspect-ratio:16/9}
@media(max-width:1000px){.guide-grid,.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.guide-grid,.article-list{grid-template-columns:1fr}.guide-card,.guide-card:nth-child(odd){border:1px solid #d2d8ce}.editor-article{margin-top:30px}.lead-story h1{font-size:2.2rem}.article-visual figcaption{font-size:12px}.masthead{flex-wrap:wrap}}
