/* Procedure-page kit: video hero card, two-column body with sticky doctor sidebar,
   feature cards, stat tiles (see docs/superpowers/specs/2026-08-02-disc-replacement-split-design.md) */
.pp-hero-grid{display:grid;gap:2.5rem;align-items:center;grid-template-columns:1fr}
@media(min-width:1024px){.pp-hero-grid{grid-template-columns:1.1fr 1fr}}
.pp-video-card{position:relative;display:block;width:100%;overflow:hidden;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.45);border:none;padding:0;cursor:pointer;background:#000;text-align:left}
.pp-video-card img{width:100%;display:block;transition:transform .3s ease}
.pp-video-card:hover img{transform:scale(1.03)}
.pp-video-card:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pp-video-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,30,42,.8),transparent 55%)}
.pp-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.pp-video-play span{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:9999px;background:#fff;color:#0a4d8c;box-shadow:0 8px 28px rgba(0,0,0,.45);transition:transform .2s ease}
.pp-video-card:hover .pp-video-play span{transform:scale(1.1)}
.pp-video-caption{position:absolute;left:1.25rem;bottom:1rem;color:#fff;font-size:.9rem;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.pp-body{display:grid;gap:2.5rem;grid-template-columns:1fr}
@media(min-width:1024px){.pp-body{grid-template-columns:2fr 1fr;align-items:start}}
.pp-main{display:grid;gap:3.5rem}
@media(min-width:768px){.pp-span2{grid-column:span 2}}
.pp-aside{display:grid;gap:1.5rem;align-content:start}
@media(min-width:1024px){.pp-aside{position:sticky;top:6.5rem}}
.pp-doc-card{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;box-shadow:0 10px 25px -8px rgba(0,0,0,.08);padding:1.5rem}
.pp-doc-card img{width:72px;height:88px;border-radius:.6rem;object-fit:cover}
.pp-feature-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:768px){.pp-feature-grid{grid-template-columns:1fr 1fr}}
.pp-stat-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}
@media(min-width:640px){.pp-stat-grid{grid-template-columns:1fr 1fr}}
.pp-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:1rem;padding:1.75rem;text-align:center}
.pp-stat-num{font-size:2.6rem;font-weight:800;color:#0a4d8c;line-height:1.1}
.pp-stat p{color:#4b5563;font-size:.9rem;margin-top:.5rem}
@media(prefers-reduced-motion:reduce){.pp-video-card img,.pp-video-play span{transition:none}}