/* Video watch pages (video-*.html). Built on site.css tokens; the frame is site.css's .overview-frame. */
.watch h1 {
    max-width: 24ch;
    font-size: clamp(2.2rem, 4.5vw, 3.6rem);
}

.watch .overview-frame {
    margin: 1.5rem 0 2rem;
}

.watch-chapters {
    max-width: 840px;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.watch-chapters li {
    display: grid;
    gap: 0.15rem;
    padding: 0.7rem 0;
    border-top: 1px solid var(--site-line);
    line-height: 1.5;
}

.watch-chapters li > span:last-child {
    color: var(--site-muted);
}

.watch-chapters a {
    font-weight: 600;
}

.watch-time {
    display: inline-block;
    min-width: 3.2rem;
    font-variant-numeric: tabular-nums;
}