.practical-resource{max-width:1100px;margin:56px auto;padding:clamp(22px,4vw,48px);border:1px solid #6c8b98;border-radius:24px;background:#102b39;color:#f4f8fb;line-height:1.7}.practical-resource h2{font-weight:700;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2;margin:12px 0 20px}.practical-resource h3{font-weight:700;font-size:1.2rem;margin:0 0 8px}.practical-resource p{color:#d5e3eb;max-width:78ch;margin:12px 0}.practical-resource a{color:#a3e9ef;text-decoration:underline;text-underline-offset:4px}.practical-resource a:focus-visible{outline:3px solid #a3e9ef;outline-offset:5px}.practical-resource .worked-example{padding:20px;background:#1d4051;border-radius:12px}.practical-resource ol{list-style:decimal;padding-left:24px;margin:24px 0}.practical-resource li{padding:10px 0 14px 8px}.practical-resource .resource-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.practical-resource figure{margin:0;min-width:0}.practical-resource img{display:block;width:100%;max-width:300px;height:auto;margin:auto;border-radius:12px}.practical-resource figcaption{font-size:.9rem;color:#d5e3eb;margin-top:12px}.practical-resource .resource-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#a3e9ef}@media(max-width:520px){.practical-resource{border-radius:0}.practical-resource .resource-stills{grid-template-columns:1fr}.practical-resource img{max-width:260px}}