@import url('prose.css');
.blog-index-hero,.article-head,.category-hero{padding-block:var(--sp-7);border-bottom:1px solid var(--rule)}
.blog-index-hero h1,.article-head h1,.category-hero h1{margin:.7rem 0 var(--sp-4)}.blog-index-hero .lede,.article-head .lede,.category-hero .lede{color:var(--muted)}
.blog-index-grid{display:grid;gap:var(--sp-4)}.blog-card{padding:var(--sp-5);background:var(--white);border:1px solid var(--rule)}.blog-card__image{display:block;margin:calc(var(--sp-5) * -1) calc(var(--sp-5) * -1) var(--sp-5);overflow:hidden;background:var(--paper-deep);aspect-ratio:16/9}.blog-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card__image:hover img{transform:scale(1.025)}.blog-card h2{font-size:var(--step-2);margin:.7rem 0}.blog-card h2 a{text-decoration:none}.blog-card>p:not(.eyebrow){color:var(--muted);margin-bottom:var(--sp-4)}.blog-card>div{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:.9rem;color:var(--muted)}
.article-head__meta{margin-top:var(--sp-4);font-size:.86rem;color:var(--muted)}.article-disclosure{margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--berry);background:var(--paper-deep);font-size:.86rem;color:var(--muted)}.article-hero{margin:var(--sp-6) 0 0}.article-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--paper-deep)}.article-hero figcaption{margin-top:.55rem;font-size:.78rem;color:var(--muted)}.article-hero figcaption a{color:inherit}
.article-body{padding-block:var(--sp-7)}.article-body .prose h2{margin-top:var(--sp-7)}.article-body .prose h3{margin-top:var(--sp-5)}.article-body .prose>p:first-of-type{font-size:var(--step-1);color:#53474a}
.article-pick{display:grid;gap:var(--sp-4);align-items:center;margin-block:var(--sp-5);padding:var(--sp-4);background:var(--white);border:1px solid var(--rule);box-shadow:var(--shadow-md)}.article-pick__label{font-size:var(--step--1);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--berry)}.article-pick h3{margin:.3rem 0!important;font-size:var(--step-1)!important}.article-pick p{font-size:.92rem;color:var(--muted);margin:0!important}.article-pick .btn{white-space:nowrap}
.article-end{margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--rule)}.article-end h2{margin-top:0!important}.article-end .btn{margin-top:var(--sp-3)}
.related-guides{margin-top:var(--sp-6);padding:var(--sp-5);background:var(--paper-deep);border:1px solid var(--rule)}.related-guides h2{margin:.35rem 0 var(--sp-3)!important}.related-guides ul{margin:0;padding-left:1.25rem}.related-guides li+li{margin-top:.55rem}.related-guides a{font-weight:700}
.blog-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-3);margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--rule)}.blog-pagination__step{font-weight:800;text-decoration:none}.blog-pagination__step:last-child{text-align:right}.blog-pagination__step[aria-disabled=true]{color:var(--muted);font-weight:500}.blog-pagination__pages{display:flex;gap:.4rem}.blog-pagination__pages a,.blog-pagination__pages span{display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid var(--rule);border-radius:50%;font-weight:800;text-decoration:none}.blog-pagination__pages a:hover{border-color:var(--berry);color:var(--berry)}.blog-pagination__pages [aria-current=page]{border-color:var(--berry);background:var(--berry);color:var(--white)}
@media(min-width:48rem){.blog-index-grid{grid-template-columns:repeat(2,1fr)}.blog-card:first-child{grid-column:1/-1}.article-pick{grid-template-columns:1fr auto}}
@media(max-width:47.99rem){.blog-pagination{grid-template-columns:1fr 1fr}.blog-pagination__pages{grid-column:1/-1;grid-row:1;justify-content:center}.blog-pagination__step{grid-row:2}}
@media(max-width:30rem){.blog-pagination__pages a,.blog-pagination__pages span{width:2.2rem;height:2.2rem;font-size:.9rem}}