.hio-story-entry{padding:clamp(3rem,6vw,6rem) 0;background:#e9f1fb;color:#071629}
.hio-story-entry h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.08;letter-spacing:-.04em;max-width:24ch;margin:.4rem 0 1rem}
.hio-story-entry>div>p{max-width:72ch;color:#29445f}
.hio-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin:2rem 0 1.5rem}
.hio-video-feature{margin:2rem 0 1.4rem;border:1px solid #c6d6e9;border-radius:16px;background:#fff;box-shadow:0 14px 36px #132c4612;overflow:hidden}
.hio-video-feature-body{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(230px,.65fr);gap:1.2rem;padding:1.2rem}
.hio-video-feature video{display:block;width:100%;aspect-ratio:16/9;background:#08172a;border-radius:8px;object-fit:contain}
.hio-video-note{font-size:.8rem;color:#38516d;margin:.7rem 0 0}
.hio-chapters{display:grid;align-content:start;gap:.45rem}
.hio-chapters h3{font-size:1.05rem;margin:0 0 .35rem}
.hio-chapters button{width:100%;min-height:44px;text-align:left;padding:.55rem .7rem;border:1px solid #c9d9e8;border-radius:7px;background:#f4f8fd;color:#123d6d;font:inherit;font-size:.84rem;font-weight:750;cursor:pointer}
.hio-chapters button:hover{background:#e4f0ff}
.hio-chapters button:focus-visible{outline:3px solid #a86200;outline-offset:2px}
.hio-full-transcript{margin:0 1.2rem 1rem;padding-top:.3rem;border-top:1px solid #dce6f0}
.hio-full-transcript summary,.hio-quick-cuts summary{min-height:44px;cursor:pointer;padding:.7rem 0;font-weight:800;color:#2257a2}
.hio-full-transcript ol{max-width:85ch;margin:.5rem 0 1rem;padding-left:1.5rem;color:#29445f}
.hio-full-transcript li{margin:.5rem 0;line-height:1.5}
.hio-quick-cuts{margin:1rem 0 1.5rem}
.hio-quick-cuts .hio-video-grid{margin:1rem 0}
.hio-video-card{min-width:0;border:1px solid #c6d6e9;border-radius:16px;background:#fff;box-shadow:0 14px 36px #132c4612;overflow:hidden;padding-bottom:1.3rem}
.hio-video-card video{display:block;width:100%;aspect-ratio:16/9;max-height:420px;background:#08172a;object-fit:contain}
.hio-video-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1rem;background:#0b2039;color:#e8f2ff;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hio-video-head span:last-child{color:#b8d4f6;white-space:nowrap}
.hio-video-card h3{font-size:clamp(1.25rem,1.8vw,1.65rem);line-height:1.2;letter-spacing:-.025em;margin:1.2rem 1.3rem .5rem}
.hio-video-card p{margin:.5rem 1.3rem 1rem;color:#38516d;max-width:60ch}
.hio-video-card details{margin:0 1.3rem;border-top:1px solid #dce6f0;padding-top:.5rem}
.hio-video-card summary{cursor:pointer;min-height:44px;padding:.65rem 0;font-weight:750;color:#2257a2}
.hio-video-card summary:focus-visible,.hio-story-entry a:focus-visible{outline:3px solid #a86200;outline-offset:3px}
.hio-video-card ol{margin:.4rem 0 0;padding-left:1.35rem;color:#29445f}
.hio-video-card li{margin:.45rem 0;line-height:1.5}
.hio-story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.4rem}
.hio-story-actions span{font-size:.8rem;color:#38516d}
@media(max-width:980px){.hio-video-feature-body{grid-template-columns:1fr}.hio-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.hio-chapters h3{grid-column:1/-1}}
@media(max-width:780px){.hio-video-grid,.hio-chapters{grid-template-columns:1fr}.hio-video-card video{max-height:none}.hio-video-head{flex-wrap:wrap}.hio-video-feature-body{padding:.8rem}}