.mhero{padding:clamp(130px,14vw,180px) 0 clamp(48px,6vw,80px);background:radial-gradient(ellipse at 75% 20%,rgb(216 154 116/.12),transparent 60%)}
.mhero h1{font-size:clamp(40px,6.4vw,92px);max-width:18ch;overflow-wrap:anywhere}
.answer{margin-top:28px;max-width:72ch;border-left:2px solid var(--accent);padding:6px 0 6px 20px}
.answer b{display:block;font:600 12px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.answer p{color:var(--bone);font-size:clamp(17px,1.5vw,20px);max-width:none}
.acard{text-decoration:none;display:flex;flex-direction:column;gap:10px}.acard h3{font-size:clamp(22px,2vw,28px)}.acard p{font-size:15px}.more{color:var(--accent);font-size:14px;margin-top:auto}
.post{padding-top:clamp(120px,12vw,160px);padding-bottom:64px;max-width:820px}
.post h1{font-size:clamp(36px,5vw,64px);overflow-wrap:anywhere}.post h2{font-size:clamp(28px,3.4vw,42px);margin:44px 0 14px}
.post p{max-width:none}.post .by{font-size:14px;margin-top:14px}.crumbs{font-size:13px;color:var(--soft);margin-bottom:18px}.crumbs a{color:var(--soft)}
.take{background:var(--deep);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:28px 0}.take h4{margin-top:0}.take ul{margin:0;padding-left:20px}.take a{color:var(--accent)}
.site-header nav ul{flex-wrap:wrap}
.cards{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}