/* Task 20: static visual guides for existing native video players. */
.hm-video-guide{max-width:1040px;margin:16px auto 0;border:1px solid var(--line,#dce5ec);border-radius:10px;background:#fff}
.hm-video-guide>summary{padding:14px 16px;color:var(--navy,#102a43);font-weight:700;line-height:1.4;cursor:pointer}
.hm-video-guide>summary:focus-visible{outline:3px solid #102a43;outline-offset:3px}
.hm-video-guide-body{padding:14px 16px 16px;border-top:1px solid var(--line,#dce5ec)}
.hm-video-guide-body>p{margin:0 0 10px;color:var(--muted,#5f7080);font-size:.95rem}
.hm-video-guide ol{margin:0;padding:0;list-style:none}
.hm-video-guide li{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:12px;padding:10px 0;align-items:start}
.hm-video-guide li+li{border-top:1px solid #eef2f5}
.hm-video-guide-time{font-weight:700;color:var(--navy,#102a43);font-variant-numeric:tabular-nums}
.hm-video-guide-description{min-width:0;overflow-wrap:anywhere}
@media(max-width:480px){.hm-video-guide li{grid-template-columns:4.1rem minmax(0,1fr);gap:10px}.hm-video-guide-body{padding:12px 14px 14px}}