.hero-with-media{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:48px;align-items:center}.hero-with-media h1{font-size:clamp(40px,5vw,64px)}.channel-hero-image{margin:0;overflow:hidden;border:1px solid #dce3df;border-radius:22px;background:#fff;box-shadow:0 18px 46px rgba(24,32,31,.12)}.channel-hero-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.channel-hero-image figcaption{padding:10px 14px;color:#5c6765;background:#fff;font-size:11px;line-height:1.45}.hero-with-media .search-panel{margin-top:30px}@media(max-width:900px){.hero-with-media{grid-template-columns:1fr}.channel-hero-image{order:-1}.channel-hero-image img{aspect-ratio:16/9}}@media(max-width:620px){.hero-with-media{gap:26px}.channel-hero-image{border-radius:16px}.hero-with-media h1{font-size:38px}}

.guide-library{background:#f4f7f5}.guide-library-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:36px}.guide-library-heading h2{max-width:680px;margin:0}.guide-library-heading>p{max-width:420px;margin:0;color:var(--muted)}.guide-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-article-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(24,32,31,.05)}.guide-card-media,.guide-card-media picture{display:block;overflow:hidden}.guide-card-media img{width:100%;height:190px;object-fit:cover;transition:transform .25s ease}.guide-article-card:hover .guide-card-media img{transform:scale(1.025)}.guide-card-body{display:flex;flex:1;flex-direction:column;padding:24px}.guide-card-body h2{margin:12px 0;font-size:23px}.guide-card-body h2 a{text-decoration:none}.guide-card-body>p:not(.card-meta){color:var(--muted)}.guide-card-body .text-link{align-self:flex-start;margin-top:auto;padding-top:12px}@media(max-width:900px){.guide-library-heading{align-items:flex-start;flex-direction:column}.guide-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card-media img{height:210px}}@media(max-width:620px){.guide-article-grid{grid-template-columns:1fr}.guide-card-media img{height:auto;aspect-ratio:16/10}.guide-card-body{padding:22px}}
