/* SPM Radio case study: scoped, additive styles. Inherits ../../styles.css. */
.radio-hero{padding:82px 0 75px;background:linear-gradient(145deg,#fff 25%,#f1f5fb);border-bottom:1px solid var(--line)}
.radio-hero h1{max-width:930px;font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.12;margin:18px 0 22px}
.radio-hero h1 span{color:var(--blue)}
.radio-lead{max-width:820px;color:#4c6177;font-size:clamp(1.08rem,1.8vw,1.28rem);line-height:1.7}
.radio-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}
.radio-meta{margin-top:22px;color:var(--muted);font-size:.92rem}
.radio-section-heading{max-width:860px;margin-bottom:30px}
.radio-section-heading h2{margin:12px 0}
.radio-section-heading p:last-child{color:#4c6177}
.radio-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.radio-columns>div,.radio-feature-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px}
.radio-columns h3,.radio-feature-grid h3{margin:0 0 12px;font-size:1.13rem}
.radio-columns p,.radio-feature-grid p{margin:0;color:#4c6177;line-height:1.7}
.radio-shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.radio-shot img{display:block;width:100%;height:auto;background:#0b011d}
.radio-shot figcaption{padding:16px 19px;color:#4c6177;font-size:.94rem;line-height:1.6}
.radio-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.radio-gallery{display:grid;gap:28px}
.radio-note{margin-top:24px;color:#4c6177}
.radio-finish{max-width:960px}
.radio-finish p:not(.section-kicker){max-width:830px;color:#4c6177;line-height:1.7}
@media(max-width:760px){.radio-hero{padding:54px 0}.radio-columns,.radio-feature-grid{grid-template-columns:1fr}.radio-columns>div,.radio-feature-grid article{padding:22px}.radio-shot figcaption{padding:14px}}

/* Full-resolution screenshot links */
.radio-image-link{display:block;cursor:zoom-in}
.radio-image-link:focus-visible{outline:3px solid #235f9e;outline-offset:-3px}
.radio-image-link img{transition:filter .15s ease}
@media(hover:hover){.radio-image-link:hover img{filter:brightness(1.06)}}
@media(prefers-reduced-motion:reduce){.radio-image-link img{transition:none}}