.m-topic .m-topic-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(35px,6vw,92px);padding-block:72px 88px}
.m-topic .m-topic-hero .m-eyebrow{margin-bottom:22px}
.m-topic .m-topic-hero h1{max-width:13ch}
.m-topic .m-topic-hero .m-lead{max-width:62ch;margin-top:26px}
.m-topic .m-hero-actions{margin-top:29px}
.m-topic .m-topic-photo{position:relative;overflow:hidden;border-radius:30px;aspect-ratio:4/4.2;background:#17342f}
.m-topic .m-topic-photo img{width:100%;height:100%;object-fit:cover}
.m-topic .m-topic-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#0e2834a8)}
.m-topic .m-topic-photo figcaption{position:absolute;z-index:1;bottom:28px;left:30px;right:30px;color:#fff;font-family:Planne Display,sans-serif;font-size:clamp(1.25rem,2vw,2rem);line-height:1.25}
.m-topic .m-topic-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:82px;border-top:1px solid var(--line)}
.m-topic .m-topic-intro>div>p:last-child{max-width:70ch;margin-top:18px;color:var(--muted)}
.m-topic .m-topic-steps{display:grid;gap:18px;list-style:none;margin:0;padding:0}
.m-topic .m-topic-steps li{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.m-topic .m-topic-steps li:first-child{padding-top:0}
.m-topic .m-topic-steps span{font-size:.75rem;color:var(--deep)}
.m-topic .m-topic-steps p{margin-top:7px;color:var(--muted)}
.m-topic .m-topic-detail{padding-block:74px 86px;background:var(--mist)}
.m-topic .m-topic-detail .m-eyebrow{margin-bottom:17px}
.m-topic .m-topic-detail>div>p{max-width:76ch;margin-top:18px}
.m-topic .m-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.m-topic .m-topic-grid article{padding:29px;border:1px solid var(--line);border-radius:19px;background:var(--paper)}
.m-topic .m-topic-grid article p{margin-top:10px;color:var(--muted)}
.m-topic .m-topic-examples{padding-block:80px 92px}
.m-topic .m-topic-examples>p{max-width:74ch;margin-top:16px;color:var(--muted)}
.m-topic .m-topic-examples nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:34px}
.m-topic .m-topic-examples nav a{display:flex;min-height:96px;align-items:flex-end;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--mist);font-family:Planne Display,sans-serif;line-height:1.35}
.m-topic .m-topic-examples nav a:hover{border-color:var(--deep)}
.m-topic .m-topic-preview{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.m-topic .m-topic-preview a{color:var(--deep);text-decoration:underline;font-size:.87rem}
.m-topic .m-topic-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding-block:70px 85px;border-top:1px solid var(--line)}
.m-topic .m-topic-faq details{border-bottom:1px solid var(--line);padding:15px 0}
.m-topic .m-topic-faq summary{cursor:pointer;font-family:Planne Display,sans-serif;font-size:1.08rem}
.m-topic .m-topic-faq details p{max-width:66ch;margin:12px 0;color:var(--muted)}
.m-topic.m-dark .m-topic-detail,.m-topic.m-dark .m-topic-examples nav a{background:#172338}
.m-topic.m-dark .m-topic-grid article{background:#101826}
@media(max-width:900px){.m-topic .m-topic-hero{grid-template-columns:1fr;padding-block:45px 65px}.m-topic .m-topic-photo{max-height:500px;aspect-ratio:4/3}.m-topic .m-topic-intro,.m-topic .m-topic-faq{grid-template-columns:1fr;gap:30px}.m-topic .m-topic-examples nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.m-topic .m-topic-hero{gap:35px}.m-topic .m-topic-hero h1{font-size:clamp(2.65rem,11vw,4rem)}.m-topic .m-topic-photo{border-radius:18px;aspect-ratio:4/3}.m-topic .m-topic-intro,.m-topic .m-topic-detail,.m-topic .m-topic-examples,.m-topic .m-topic-faq{padding-block:52px}.m-topic .m-topic-grid{grid-template-columns:1fr;margin-top:27px}.m-topic .m-topic-examples nav a{min-height:78px}.m-topic .m-topic-photo figcaption{left:20px;right:20px;bottom:18px}}