/* Guides (blog) pages */
.blog .nav .btn-cta{animation:none}
.art{padding-top:78px;background:var(--paper)}
.art-hero{height:clamp(240px,42vh,460px);overflow:hidden;background:var(--navy)}
.art-hero img{width:100%;height:100%;object-fit:cover}
.art-in{max-width:820px;padding:clamp(36px,5vw,64px) 0 90px}
.bc{font-size:.78rem;color:var(--mute);margin-bottom:26px}
.bc a{color:var(--bronze)}
.art h1{font-size:clamp(2.3rem,4.6vw,3.8rem);margin-bottom:20px}
.art-lede{font-size:1.15rem;line-height:1.75;color:var(--ink)}
.art-meta{font-size:.78rem;color:var(--mute);padding-bottom:26px;border-bottom:1px solid var(--line)}
.art-body h2{font-size:clamp(1.7rem,2.6vw,2.2rem);margin:46px 0 14px}
.art-body p,.art-body li{font-size:1.02rem}
.art-body ul,.art-body ol{padding-left:22px;margin:0 0 1.2em}
.art-body li{margin-bottom:8px}
.art-body a{color:var(--bronze-3);border-bottom:1px solid currentColor}
.art-body strong{color:var(--ink);font-weight:500}
.facts-t{width:100%;border-collapse:collapse;margin:10px 0 20px;background:#fff;border:1px solid var(--line)}
.facts-t th,.facts-t td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:.95rem;vertical-align:top}
.facts-t th{width:38%;font-weight:500;color:var(--ink);background:var(--ivory)}
.note-s{font-size:.8rem;color:var(--mute);font-style:italic}
.art-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.art-faq summary{cursor:pointer;font-family:var(--serif);font-size:1.3rem;color:var(--ink)}
.art-faq p{margin:10px 0 0}
.art-cta{margin:56px 0;padding:clamp(28px,4vw,46px);background:var(--navy);color:rgba(255,255,255,.8)}
.art-cta .kick{color:var(--bronze-2)}
.art-cta h3{color:#fff;font-size:clamp(1.8rem,2.8vw,2.4rem);margin-bottom:10px}
.art-cta p{margin-bottom:24px}
.rel-h{font-size:1.9rem;margin-bottom:22px}
.rels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel{display:block;background:#fff;border:1px solid var(--line)}
.rel img{width:100%;aspect-ratio:16/10;object-fit:cover}
.rel span{display:block;padding:14px 16px;font-family:var(--serif);font-size:1.15rem;color:var(--ink);line-height:1.25}
.blog-idx{padding:clamp(44px,6vw,80px) 0 100px}
.blog-idx h1{font-size:clamp(2.6rem,5vw,4.2rem);margin-bottom:16px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);transition:transform .4s var(--e),box-shadow .4s}
.bcard:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(20,35,45,.08)}
.bcard .im{aspect-ratio:16/10;overflow:hidden}
.bcard img{width:100%;height:100%;object-fit:cover}
.bcard .tx{padding:22px;display:flex;flex-direction:column;flex:1}
.bcard h2{font-size:1.5rem;margin-bottom:10px}
.bcard p{font-size:.9rem;flex:1}
@media (max-width:960px){.bgrid,.rels{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bgrid,.rels{grid-template-columns:1fr}.facts-t th{width:44%}.art-in{padding-top:30px}.blog .nav .btn-cta{display:none}}
.bc a,.blog .kick{color:#6E5230}
.bc a{text-decoration:underline;text-underline-offset:3px}
.art-body a{text-decoration:underline;text-underline-offset:3px;border-bottom:0}