.vh .deck{margin-bottom:26px}
.vh-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:36px;margin:8px 0 18px}
.vh-feat{display:block;text-decoration:none;color:inherit}
.vh-feat .vc-im{border-radius:6px}
.vh-feat .vc-p{width:84px;height:84px}
.vh-feat .vc-p svg{width:40px;height:40px}
.vh-feat .vc-k{margin-top:16px}
.vh-feat h2{margin:6px 0 6px;font-weight:500;font-size:30px;line-height:1.2}
.vh-feat:hover h2{color:var(--accent)}
.vh-meta{color:var(--muted);font-size:15px}
.vh-side h3{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.vh-pl{display:flex;flex-wrap:wrap;gap:8px}
.vh-pl a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--border);border-radius:999px;font-size:14px;font-weight:500;text-decoration:none;color:var(--ink)}
.vh-pl a small{color:var(--muted);font-size:12px}
.vh-pl a:hover{border-color:var(--ink)}
.vh-yt{display:flex;align-items:center;gap:14px;margin-top:26px;padding:18px;background:var(--tint);border-radius:6px}
.vh-yt p{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}
.vh-yt a{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:#C4302B;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none}
.vh-row{margin-top:46px}
.vh-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 18px;padding-bottom:10px;border-bottom:3px solid var(--ink);font-weight:500;font-size:26px}
.vh-h small{font-size:14px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.vh-all{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--accent);white-space:nowrap}
.vh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.vc{display:block;text-decoration:none;color:inherit}
.vc-im{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0B141D;border-radius:4px}
.vc-im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vc:hover .vc-im img{transform:scale(1.04)}
.vc-p{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;display:grid;place-items:center;border-radius:50%;background:rgba(18,32,46,.72);color:#fff;transition:background .2s,transform .2s}
.vh-feat .vc-p{margin:-42px 0 0 -42px}
.vc-p svg{width:24px;height:24px;margin-left:3px}
.vc:hover .vc-p,.vh-feat:hover .vc-p{background:var(--accent);transform:scale(1.06)}
.vc-d{position:absolute;right:8px;bottom:8px;padding:2px 7px;border-radius:3px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:600;letter-spacing:.03em}
.vc-k{display:block;margin-top:12px;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}
.vc-t{display:-webkit-box;margin-top:8px;font-size:16px;font-weight:500;line-height:1.35;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vc:hover .vc-t{color:var(--accent)}
.vh-arch{margin-top:60px;padding-top:6px}
.vh-arch .vh-h{border-bottom-color:var(--border);border-bottom-width:1px}
.vh-arch .grid{margin-top:0!important}
@media(max-width:900px){.vh-top{grid-template-columns:1fr}.vh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vh-feat h2{font-size:24px}.vh-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-right:-24px;padding-right:24px;scrollbar-width:none}.vh-grid::-webkit-scrollbar{display:none}.vh-grid .vc{flex:0 0 72%;scroll-snap-align:start}.vh-h{font-size:21px}}
/* watch page */
.vw-bc{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}
.vw-bc a{color:var(--accent);text-decoration:none}
.vw-bc span{color:var(--muted);margin:0 8px}
.vw-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden}
.vw-player img{width:100%;height:100%;object-fit:cover;opacity:.92}
.vw-player .vc-p{width:84px;height:84px;margin:-42px 0 0 -42px;background:rgba(196,48,43,.92)}
.vw-player .vc-p svg{width:40px;height:40px}
.vw-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;margin-top:24px}
.vw-cols h1{font-size:34px;line-height:1.2}
.vw-desc{margin-top:16px;font-size:17px;line-height:1.65;color:var(--muted)}
.vw-act{display:flex;flex-direction:column;gap:10px}
.vw-act a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--ink);font-weight:600;font-size:15px;text-decoration:none;color:var(--ink)}
.vw-act a.yt{background:#C4302B;border-color:#C4302B;color:#fff!important}
@media(max-width:900px){.vw-cols{grid-template-columns:1fr;gap:20px}.vw-cols h1{font-size:26px}}
.vs-a h3,.vs-c h3,.vs-d h3{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.vs-a ul{list-style:none;margin:0;padding:0;columns:2;column-gap:26px}
.vs-a li{break-inside:avoid;border-bottom:1px solid var(--border)}
.vs-a li a{display:flex;justify-content:space-between;gap:8px;padding:9px 0;font-size:15px;font-weight:500;text-decoration:none;color:var(--ink)}
.vs-a li a span{color:var(--muted);font-size:13px;font-weight:400}
.vs-a li a:hover{color:var(--accent)}
.vs-sub{display:inline-flex;align-items:center;gap:8px;margin-top:22px;min-height:42px;padding:0 18px;border-radius:999px;background:#C4302B;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none}
.vh-all-grid{row-gap:34px;margin-top:8px}
.vh-back{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:44px 0 0;padding-top:20px;border-top:1px solid var(--border)}
.vh-back>a:first-child{font-weight:600;color:var(--accent);text-decoration:none}
.vh-back .vs-sub{margin-top:0}
.vw-bc .sep{color:var(--muted);margin:0 8px}
.vw-bc .cur{color:var(--muted)}
.yt-lite{position:relative;display:block;aspect-ratio:16/9;background:#000 center/cover no-repeat;border-radius:6px;overflow:hidden;cursor:pointer}
.yt-lite .yt-play{border:0;cursor:pointer;padding:0}
.yt-lite.is-playing{cursor:default}
.yt-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.vw-desc{overflow-wrap:anywhere}
.vw-desc a{color:var(--accent)}
html[data-theme=dark] .vc-im{background:#05090D}

/* Section tab bar (e.g. Eat & Drink) on playlist pages; same look as the section pages */
.vh .esn{display:flex;align-items:flex-end;gap:4px 26px;margin:18px 0 26px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.vh .esn::-webkit-scrollbar{display:none}
.vh .esn a{display:inline-flex;align-items:center;gap:6px;padding:10px 0 11px;margin-bottom:-1px;border-bottom:3px solid transparent;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.vh .esn a:hover{color:var(--accent)}
.vh .esn a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}
.vh .esn .esn-g{margin-left:auto;color:var(--accent)}


/* Watch page, layout A (Nov 2026): full description, small credits, "Read the story" link under it */
.vw-main{display:grid;gap:12px;min-width:0;align-content:start}
.vw-main h1{margin:0}
.vw-main .vh-meta{margin:0}
.vw-main .vw-desc{margin-top:4px;color:var(--ink)}
.vw-desc p{margin:0 0 12px}
.vw-desc p:last-child{margin-bottom:0}
.vw-cr{margin:0;font-size:14px;color:var(--muted)}
.vw-story{display:grid;gap:4px;border-top:1px solid var(--border);padding-top:12px;margin-top:4px;max-width:68ch}
.vw-story .k{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.vw-story a{font-size:17px;font-weight:500;color:var(--ink);text-decoration:none}
.vw-story a::after{content:" \2192";color:var(--accent)}
.vw-story a:hover{color:var(--accent)}

/* mobile-fix-2026-11-10: full video lists are a 2-up grid on phones (rows on the landing page stay swipeable) */
@media(max-width:600px){.vh-all-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;overflow:visible;scroll-snap-type:none;margin-right:0;padding-right:0}.vh-all-grid .vc{flex:none}.vh-all-grid .vc-t{font-size:14px}.vh-all-grid .vc-p{width:40px;height:40px;margin:-20px 0 0 -20px}.vh-all-grid .vc-p svg{width:18px;height:18px}}