/* Layout and typography come from the shared photo styles in style.css. */
.video-page{min-width:0;container-type:inline-size;container-name:video-list}
.video-thumb{display:block;position:relative;aspect-ratio:9/16;margin:0 0 16px;background:var(--surface);border-radius:8px;overflow:hidden;text-decoration:none}
.video-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.video-thumb img[hidden]{display:none}
.video-image-error{padding:16px;font-size:13px;color:var(--muted)}
.video-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(21,44,58,.85);color:white;font-size:21px;padding-left:3px;pointer-events:none}
#video-count{white-space:nowrap;flex-shrink:0}
.video-page .case-results{grid-template-columns:minmax(0,1fr);gap:20px 20px}
@container video-list (min-width:480px){.video-page .case-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container video-list (min-width:840px){.video-page .case-results{grid-template-columns:repeat(4,minmax(0,1fr))}}
.video-page .empty{grid-column:1/-1}
.video-page .video-card{margin-bottom:0;padding-bottom:20px}
.video-page .video-card h3{font-size:clamp(15px,2vw,19px);line-height:1.5;white-space:normal}
.video-page .video-card .case-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;min-height:3em}
@media(max-width:480px){.video-thumb{margin-bottom:10px}.video-page .video-card small{font-size:11px}.video-play-icon{width:44px;height:44px;font-size:19px}}
header nav{flex-wrap:wrap;gap:8px 20px}header nav a{display:inline-flex;align-items:center;min-height:44px}
.case-media-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 28px}.case-media-tabs button{min-height:52px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-weight:700}.case-media-tabs [aria-selected=true]{background:var(--brand);color:white;border-color:var(--accent)}.case-media-tabs span{font-size:13px;margin-left:6px;opacity:.9}.case-intro{margin-bottom:24px}