/* Generated by scripts/design-tokens.py from design/tokens.json; do not edit. */
:root {
  --tfc-accent-on-dark: var(--tfc-palette-lime);
  --tfc-action-on-dark: var(--tfc-palette-magenta);
  --tfc-action-on-light: var(--tfc-palette-magenta-ink);
  --tfc-compatibility-font-11: 11px;
  --tfc-compatibility-font-12: 12px;
  --tfc-compatibility-font-13: 13px;
  --tfc-compatibility-font-15: 15px;
  --tfc-compatibility-font-20: 20px;
  --tfc-compatibility-font-21: 21px;
  --tfc-compatibility-font-26: 26px;
  --tfc-compatibility-font-30: 30px;
  --tfc-compatibility-font-34: 34px;
  --tfc-compatibility-font-36: 36px;
  --tfc-compatibility-font-42: 42px;
  --tfc-compatibility-font-44: 44px;
  --tfc-compatibility-font-50: 50px;
  --tfc-compatibility-line-1: 1;
  --tfc-compatibility-line-1-3: 1.3;
  --tfc-compatibility-line-1-4: 1.4;
  --tfc-compatibility-line-1-9: 1.9;
  --tfc-compatibility-space-10: 10px;
  --tfc-compatibility-space-14: 14px;
  --tfc-compatibility-space-15: 15px;
  --tfc-compatibility-space-18: 18px;
  --tfc-compatibility-space-2: 2px;
  --tfc-compatibility-space-20: 20px;
  --tfc-compatibility-space-22: 22px;
  --tfc-compatibility-space-25: 25px;
  --tfc-compatibility-space-28: 28px;
  --tfc-compatibility-space-3: 3px;
  --tfc-compatibility-space-30: 30px;
  --tfc-compatibility-space-34: 34px;
  --tfc-compatibility-space-36: 36px;
  --tfc-compatibility-space-40: 40px;
  --tfc-compatibility-space-5: 5px;
  --tfc-compatibility-space-6: 6px;
  --tfc-compatibility-space-60: 60px;
  --tfc-compatibility-space-7: 7px;
  --tfc-compatibility-space-75: 75px;
  --tfc-compatibility-space-8: 8px;
  --tfc-compatibility-space-9: 9px;
  --tfc-component-backdrop: #000000dd;
  --tfc-component-deferred-gallery: #efefef;
  --tfc-component-disabled-dark: #777777;
  --tfc-component-divider: #444444;
  --tfc-component-play-shadow: #000000bb;
  --tfc-component-section-divider: #555555;
  --tfc-component-thumbnail-gradient-end: #535353;
  --tfc-component-thumbnail-gradient-start: #262626;
  --tfc-component-thumbnail-placeholder: #333333;
  --tfc-component-thumbnail-shadow: #999999;
  --tfc-focus-on-dark: var(--tfc-palette-lime);
  --tfc-focus-on-light: var(--tfc-palette-magenta-ink);
  --tfc-font-bold: 700;
  --tfc-font-family: Arial, Helvetica, sans-serif;
  --tfc-font-regular: 400;
  --tfc-line-body: 1.5;
  --tfc-line-heading: 1.2;
  --tfc-measure-reading: 68;
  --tfc-palette-black: #000000;
  --tfc-palette-ink: #222222;
  --tfc-palette-light: #eeeeee;
  --tfc-palette-lime: #3fff3f;
  --tfc-palette-magenta: #ff3dff;
  --tfc-palette-magenta-ink: #c400a5;
  --tfc-palette-muted-dark: #bbbbbb;
  --tfc-palette-muted-light: #666666;
  --tfc-palette-white: #ffffff;
  --tfc-space-12: 12px;
  --tfc-space-16: 16px;
  --tfc-space-24: 24px;
  --tfc-space-32: 32px;
  --tfc-space-4: 4px;
  --tfc-space-48: 48px;
  --tfc-space-64: 64px;
  --tfc-space-8: 8px;
  --tfc-space-80: 80px;
  --tfc-stroke-focus: 2px;
  --tfc-stroke-focus-offset: 3px;
  --tfc-stroke-rule: 1px;
  --tfc-surface-editorial: var(--tfc-palette-white);
  --tfc-surface-gallery: var(--tfc-palette-black);
  --tfc-surface-header: var(--tfc-palette-black);
  --tfc-surface-player: var(--tfc-palette-ink);
  --tfc-text-on-dark: var(--tfc-palette-light);
  --tfc-text-on-light: var(--tfc-palette-ink);
  --tfc-text-secondary-dark: var(--tfc-palette-muted-dark);
  --tfc-text-secondary-light: var(--tfc-palette-muted-light);
  --tfc-type-body: 1rem;
  --tfc-type-caption: 0.875rem;
  --tfc-type-display: 2.5rem;
  --tfc-type-heading: 1.5rem;
  --tfc-type-reading: 1.125rem;
  --tfc-type-title: 2rem;
}
/* Document foundations and accessibility utilities. */
:root { color-scheme:light; --green:var(--tfc-accent-on-dark); --pink:var(--tfc-action-on-light); --link-color:var(--pink); }
* { box-sizing:border-box; }
body { margin:0; background:var(--tfc-surface-editorial); color:var(--tfc-text-on-light); font:var(--tfc-type-body)/var(--tfc-line-body) var(--tfc-font-family); }
a { color:var(--link-color); text-decoration:none; }
img { max-width:100%; }
a:hover { text-decoration:underline; }
button, input { font:inherit; }
button { cursor:pointer; }
[hidden] { display:none !important; }
:focus-visible { outline:var(--tfc-stroke-focus) solid var(--tfc-focus-on-light); outline-offset:var(--tfc-stroke-focus-offset); }
.visually-hidden, .skip:not(:focus) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.skip:focus { position:fixed; top:0; left:0; padding:var(--tfc-space-12); background:var(--tfc-surface-editorial); z-index:10; }
:where(body.home, body.gallery-dark, .site-header, .site-footer, dialog) :focus-visible { outline-color:var(--tfc-focus-on-dark); }
.skip:focus-visible { outline-color:var(--tfc-focus-on-light); }
/* Shared branding, video cards, footer and player components. */
.brand { font-family:var(--tfc-font-family); font-weight:var(--tfc-font-regular); font-size:var(--tfc-compatibility-font-44); line-height:var(--tfc-compatibility-line-1); letter-spacing:var(--tfc-compatibility-space-2); color:var(--green); }
.brand img { object-fit:contain; height:auto; width:280px; display:block; }
.brand-tagline { display:block; margin-top:var(--tfc-space-8); color:var(--green); font:var(--tfc-type-body)/var(--tfc-compatibility-line-1-4) var(--tfc-font-family); letter-spacing:normal; }
.site-header { --link-color:var(--tfc-action-on-dark); padding:var(--tfc-space-12) var(--tfc-space-24) var(--tfc-compatibility-space-18); background:var(--tfc-surface-header); color:var(--tfc-text-on-dark); }
.header-row { display:flex; align-items:center; justify-content:space-between; gap:var(--tfc-space-24); }
.site-header h1 { margin:var(--tfc-space-24) 0 0; text-align:center; font-size:clamp(var(--tfc-compatibility-font-26), 4vw, var(--tfc-compatibility-font-42)); font-weight:var(--tfc-font-regular); line-height:var(--tfc-line-heading); }
.video-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:var(--tfc-space-32) var(--tfc-compatibility-space-22); }
.video-card { min-width:0; }
.thumbnail { aspect-ratio:4/3; display:block; position:relative; background:linear-gradient(145deg,var(--tfc-component-thumbnail-gradient-start),var(--tfc-component-thumbnail-gradient-end)); box-shadow:1px 3px 8px var(--tfc-component-thumbnail-shadow); overflow:hidden; }
.thumbnail img { width:100%; height:100%; object-fit:cover; display:block; }
.thumbnail-placeholder { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; padding:var(--tfc-compatibility-space-10) var(--tfc-space-8); color:var(--tfc-text-secondary-dark); font-size:var(--tfc-compatibility-font-11); background:var(--tfc-component-thumbnail-placeholder); }
.thumbnail:has(img:not([hidden])) .thumbnail-placeholder { display:none; }
.video-card h3 { color:var(--tfc-text-on-light); font-size:var(--tfc-compatibility-font-15); font-weight:var(--tfc-font-regular); line-height:var(--tfc-compatibility-line-1-3); margin:var(--tfc-compatibility-space-9) 0; }
.video-card a:hover h3 { color:var(--link-color); }
.video-card .editorial { display:none; }
.editorial dl { margin:0; }
.editorial dd { margin:0 0 var(--tfc-space-12); }
.editorial dd > span { font-weight:var(--tfc-font-bold); }
.site-footer { background:var(--tfc-surface-gallery); color:var(--tfc-text-secondary-dark); padding:var(--tfc-space-24); font-size:var(--tfc-compatibility-font-13); text-align:center; }
.site-footer a { color:var(--tfc-action-on-dark); }
/* The info glyph stays in normal footer flow with a larger touch target. */
.release-info { margin-top:var(--tfc-space-12); text-align:right; }
#version-trigger { display:inline-flex; align-items:center; justify-content:center; width:var(--tfc-compatibility-font-44); min-height:var(--tfc-compatibility-font-44); padding:var(--tfc-space-12); border:0; background:transparent; color:var(--tfc-text-secondary-dark); }
#version-trigger:hover { color:var(--tfc-action-on-dark); }
#version-info { max-width:480px; }
.release-version { margin:var(--tfc-space-16) 0 0; color:var(--tfc-text-secondary-dark); font-size:var(--tfc-type-caption); line-height:var(--tfc-line-body); overflow-wrap:anywhere; }

dialog { --link-color:var(--tfc-action-on-dark); width:min(1000px,95vw); max-height:94vh; border:var(--tfc-stroke-rule) solid var(--tfc-text-secondary-dark); background:var(--tfc-surface-player); color:var(--tfc-text-on-dark); padding:var(--tfc-compatibility-space-20); }
dialog::backdrop { background:var(--tfc-component-backdrop); }
dialog a { color:var(--link-color); }
.player-heading { display:flex; justify-content:space-between; align-items:start; gap:var(--tfc-compatibility-space-20); margin-bottom:var(--tfc-compatibility-space-15); }
.player-heading h2 { margin:0; font-weight:var(--tfc-font-regular); font-size:var(--tfc-compatibility-font-21); }
#player-close { flex-shrink:0; width:40px; height:40px; min-height:40px; padding:var(--tfc-space-12); margin:calc(-1 * var(--tfc-compatibility-space-8)) calc(-1 * var(--tfc-compatibility-space-8)) 0 0; color:var(--tfc-text-secondary-dark); }
#player-frame:has(iframe) { aspect-ratio:16/9; }
#player-frame iframe { border:0; width:100%; height:100%; display:block; }
#player-status { font-size:var(--tfc-type-caption); }
.player-navigation { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:var(--tfc-space-12); margin:var(--tfc-space-4) 0 var(--tfc-compatibility-space-10); }
.share-tools { display:flex; flex-wrap:wrap; align-items:center; gap:var(--tfc-space-12); margin:var(--tfc-space-8) 0 var(--tfc-compatibility-space-14); }
#player-link { flex:1; min-width:180px; max-width:100%; padding:var(--tfc-compatibility-space-9); }
#copy-status { font-size:var(--tfc-compatibility-font-12); color:var(--tfc-text-secondary-dark); }
.player-open { overflow:hidden; }
@media(max-width:1000px) { .header-row { flex-direction:column; gap:var(--tfc-compatibility-space-14); } }
@media(max-width:600px) { .brand { font-size:var(--tfc-compatibility-font-34); } }
@media(max-width:600px) { .site-header { padding:var(--tfc-compatibility-space-14); } }
@media(max-width:600px) { .video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--tfc-compatibility-space-28) var(--tfc-compatibility-space-18); } }
@media(max-width:600px) { dialog { padding:var(--tfc-compatibility-space-14); } }
@media(max-width:600px) { .brand img { width:280px; max-width:100%; height:auto; } }
.site-icon { display:inline-block; width:1em; height:1em; fill:currentColor; flex-shrink:0; vertical-align:-.12em; }
.play-cue { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:40px; height:40px; color:var(--tfc-palette-white); opacity:0; pointer-events:none; filter:drop-shadow(0 1px 3px var(--tfc-component-play-shadow)); }
.play-cue .site-icon { display:block; width:100%; height:100%; }
.video-link:hover .play-cue, .video-link:focus-visible .play-cue { opacity:.9; }
@media(hover:none), (pointer:coarse) { .play-cue { opacity:.6; } }
dialog .player-action { display:inline-flex; align-items:center; gap:var(--tfc-compatibility-space-5); min-height:32px; padding:var(--tfc-compatibility-space-5) 0; color:var(--link-color); font:inherit; font-size:var(--tfc-compatibility-font-13); font-weight:var(--tfc-font-regular); line-height:var(--tfc-compatibility-line-1-4); text-decoration:none; background:none; border:0; border-radius:0; box-shadow:none; }
dialog .player-action:hover { color:var(--tfc-action-on-dark); text-decoration:underline; }
dialog .player-action:focus-visible { outline:var(--tfc-stroke-focus) solid var(--tfc-focus-on-dark); outline-offset:var(--tfc-stroke-focus-offset); }
dialog .player-action:disabled { color:var(--tfc-text-secondary-dark); cursor:default; text-decoration:none; }
.player-source-row { margin:var(--tfc-compatibility-space-6) 0; }
.player-navigation .player-action { min-width:44px; min-height:44px; padding:var(--tfc-space-8) var(--tfc-compatibility-space-6); }
.player-navigation .site-icon { width:16px; height:16px; }
.player-utilities { display:flex; flex-wrap:wrap; align-items:center; gap:var(--tfc-space-8) var(--tfc-compatibility-space-20); margin-top:var(--tfc-compatibility-space-18); padding-top:var(--tfc-space-8); border-top:var(--tfc-stroke-rule) solid var(--tfc-component-divider); }
.player-utilities .player-source-row, .player-utilities .share-tools { margin:0; }
.player-utilities .share-tools { flex:1 1 auto; }
#player-close.player-action { width:40px; height:40px; min-height:40px; padding:var(--tfc-space-12); color:var(--tfc-text-secondary-dark); }
#player-close:hover { color:var(--tfc-palette-white); }
@media(max-width:600px) { .site-header .collections-nav span { min-width:58px; } }
@media(max-width:600px) { .site-header .collections-nav a { padding:var(--tfc-compatibility-space-2); } }
/* Aggregate gallery geometry and pagination; measured layout retained. */
body.home { --link-color:var(--tfc-action-on-dark); background:var(--tfc-surface-gallery); color:var(--tfc-text-on-dark); display:flex; flex-direction:column; min-height:100vh; min-height:100dvh; }
body.home .site-footer { flex-shrink:0; }
.home-layout { display:grid; grid-template-columns:5fr 7fr; flex:1; }
#cover { padding:var(--tfc-compatibility-space-15) var(--tfc-space-8); }
#cover .brand { margin:0 0 var(--tfc-space-24); }
#cover .brand img { width:100px; height:auto; }
#cover .collections-nav { font-size:var(--tfc-type-body); }
#cover .collections-nav a { padding:0 var(--tfc-space-4); }
.archive-feature { min-width:0; padding:var(--tfc-compatibility-space-10) var(--tfc-compatibility-space-18) var(--tfc-compatibility-space-40) var(--tfc-compatibility-space-10); }
.archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--tfc-compatibility-space-34) var(--tfc-compatibility-space-20); }
.archive-grid .video-card { min-width:0; }
.archive-grid h3 { color:var(--tfc-text-secondary-dark); font-size:var(--tfc-type-caption); font-weight:var(--tfc-font-regular); line-height:var(--tfc-compatibility-line-1-4); margin:var(--tfc-space-8) 0 0; }
.archive-grid .thumbnail { aspect-ratio:16/9; box-shadow:none; background:none; }
#gallery-pagination { display:flex; justify-content:space-between; align-items:center; gap:var(--tfc-compatibility-space-20); margin:var(--tfc-compatibility-space-36) 0 0; font-size:var(--tfc-compatibility-font-13); }
#gallery-pagination a { color:var(--tfc-text-secondary-dark); }
#gallery-pagination a[aria-disabled=true] { color:var(--tfc-component-disabled-dark); pointer-events:none; }
#gallery-page { color:var(--tfc-text-secondary-dark); }
.video-date { margin:var(--tfc-compatibility-space-6) 0; font-size:var(--tfc-compatibility-font-12); color:var(--tfc-text-secondary-dark); }
@media(max-width:1000px) { #cover .brand { max-width:none; font-size:var(--tfc-compatibility-font-50); } }
@media(max-width:1023px) { .home-layout { display:block; } }
@media(max-width:1023px) { #cover .brand { margin-bottom:var(--tfc-space-16); } }
@media(max-width:1023px) { #cover .brand img { width:280px; height:auto; } }
@media(max-width:1023px) { .archive-feature { padding:var(--tfc-space-12) var(--tfc-compatibility-space-20) var(--tfc-compatibility-space-40); } }
@media(max-width:1023px) { .archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .archive-grid { grid-template-columns:minmax(0,1fr); gap:var(--tfc-compatibility-space-34); } }
@media(max-width:600px) { .archive-grid h3 { font-size:var(--tfc-type-body); } }
@media(max-width:600px) { #cover .collections-nav { font-size:var(--tfc-type-caption); } }
@media(max-width:600px) { #cover .collections-nav span { min-width:58px; } }
@media(max-width:600px) { #cover .collections-nav a { padding:0 var(--tfc-compatibility-space-3); } }
/* Shared style filters: quiet text actions on their actual surrounding surface. */
.gallery-filters { margin:var(--tfc-space-24) 0; padding:0 0 0 var(--tfc-space-12); border-left:var(--tfc-stroke-rule) solid var(--tfc-action-on-light); color:var(--tfc-text-on-light); font:var(--tfc-type-body)/var(--tfc-line-body) var(--tfc-font-family); }
body.home #cover .gallery-filters { border-color:var(--tfc-accent-on-dark); }
.gallery-filter-label { margin:0 0 var(--tfc-space-4); color:var(--tfc-text-secondary-light); font-size:var(--tfc-type-caption); font-weight:var(--tfc-font-bold); }
.gallery-filters ul { list-style:none; margin:0; padding:0; }
.gallery-filters button { border:0; border-radius:0; background:transparent; color:var(--tfc-action-on-light); padding:var(--tfc-space-4); min-height:var(--tfc-space-32); font:inherit; font-size:var(--tfc-type-caption); text-align:left; cursor:pointer; }
.gallery-filters button:hover { text-decoration:underline; }
.gallery-filters button[aria-pressed="true"] { color:var(--tfc-text-on-light); font-weight:var(--tfc-font-bold); text-decoration:underline; text-underline-offset:var(--tfc-stroke-focus-offset); }
.gallery-clear { display:block; margin-bottom:var(--tfc-space-8); text-decoration:underline; }
.gallery-filter-style li { display:block; }
body.home .gallery-filters { color:var(--tfc-text-on-dark); }
body.home .gallery-filter-label { color:var(--tfc-text-secondary-dark); }
body.home .gallery-filters button { color:var(--tfc-action-on-dark); }
body.home .gallery-filters button[aria-pressed="true"] { color:var(--tfc-accent-on-dark); }
.collection-filters { grid-column:2; grid-row:2; align-self:start; }
.gallery-heading { border-bottom:var(--tfc-stroke-rule) solid var(--tfc-accent-on-dark); margin:0 0 var(--tfc-compatibility-space-20); padding:0 0 var(--tfc-compatibility-space-10); }
.gallery-heading h2 { color:var(--tfc-accent-on-dark); font-size:var(--tfc-type-body); font-weight:var(--tfc-font-regular); margin:0; }
.gallery-heading-quiet { position:relative; padding-bottom:0; }
@media(max-width:1023px) { body.home #cover .gallery-filters { margin:var(--tfc-compatibility-space-20) 0 var(--tfc-space-8); padding-left:0; border-left:0; } }
@media(max-width:1023px) { .gallery-filter-label, .gallery-filters ul { display:inline; } }
@media(max-width:1023px) { .gallery-filter-style li { display:inline-block; } }
@media(max-width:1023px) { .gallery-filter-style li:not(:last-child)::after { content:' - '; color:var(--tfc-text-secondary-light); } }
@media(max-width:1023px) { body.home .gallery-filter-style li:not(:last-child)::after { color:var(--tfc-text-secondary-dark); } }
/* Annual collections and reading pages; measured geometry retained. */
.section-title { grid-column:1/-1; }
.editorial-block { grid-column:1/-1; margin:var(--tfc-compatibility-space-20) 0; }
.editorial-block h2, .editorial-block h3 { font-size:var(--tfc-compatibility-font-30); font-weight:var(--tfc-font-regular); }
.collections-nav { color:var(--green); line-height:var(--tfc-compatibility-line-1-9); }
.collections-nav a { color:var(--tfc-action-on-dark); display:inline-block; padding:0 var(--tfc-compatibility-space-7); }
.collections-nav a + a { border-left:var(--tfc-stroke-rule) solid var(--tfc-accent-on-dark); }
.collections-nav span { display:inline-block; min-width:70px; }
.collection { max-width:1320px; margin:0 auto; padding:var(--tfc-compatibility-space-20) var(--tfc-compatibility-space-30) var(--tfc-compatibility-space-60); }
.collection.best-of { display:grid; grid-template-columns:minmax(0,1fr) 170px; gap:0 var(--tfc-compatibility-space-40); max-width:1160px; }
.best-of .collection-intro { grid-column:1/-1; }
.collection-outro { grid-column:1/-1; margin-top:var(--tfc-compatibility-space-30); }
.best-of .video-grid { grid-column:1; grid-row:2; }
.collection.best-of:not(:has(.collection-filters)) { grid-template-columns:minmax(0,1fr); max-width:1000px; }
.collection-intro { max-width:1050px; margin:0 auto var(--tfc-compatibility-space-25); }
.collection-intro:empty { display:none; }
.collection-intro p { font-size:var(--tfc-compatibility-font-20); }
.top-ten .video-grid { display:block; max-width:1024px; margin:auto; }
.top-ten .video-card { margin:0 auto var(--tfc-compatibility-space-75); }
.top-ten .thumbnail { aspect-ratio:auto; width:fit-content; max-width:100%; background:transparent; box-shadow:none; }
.top-ten .thumbnail img { width:auto; height:auto; max-width:100%; object-fit:contain; }
.top-ten .thumbnail-missing .thumbnail, .top-ten .thumbnail.thumbnail-missing { width:240px; aspect-ratio:16/9; background:linear-gradient(145deg,var(--tfc-component-thumbnail-gradient-start),var(--tfc-component-thumbnail-gradient-end)); }
.top-ten .thumbnail.no-preview { width:240px; aspect-ratio:16/9; }
.top-ten .video-card h3 { font-size:var(--tfc-compatibility-font-26); }
.top-ten .editorial { display:block; padding:0 var(--tfc-compatibility-space-20) var(--tfc-compatibility-space-20); border-left:var(--tfc-stroke-rule) solid var(--tfc-component-divider); border-bottom:var(--tfc-stroke-rule) solid var(--tfc-component-divider); }
.top-ten .editorial p { margin:var(--tfc-space-8) 0; }
.about-page { max-width:800px; margin:var(--tfc-compatibility-space-60) auto; padding:0 var(--tfc-space-24); min-height:50vh; }
.about-page h1 { font-size:var(--tfc-compatibility-font-36); font-weight:var(--tfc-font-regular); }
.about-page p { font-size:var(--tfc-type-reading); line-height:var(--tfc-line-body); }
.error-page { max-width:800px; margin:var(--tfc-space-80) auto; padding:var(--tfc-compatibility-space-20); min-height:50vh; }
@media(max-width:1000px) { .collection.best-of { display:block; } }
@media(max-width:600px) { .collections-nav { font-size:var(--tfc-type-caption); } }
@media(max-width:600px) { .collections-nav a { padding:var(--tfc-space-4); } }
@media(max-width:600px) { .collection { padding:var(--tfc-compatibility-space-20) var(--tfc-space-16) var(--tfc-compatibility-space-40); } }
@media(max-width:600px) { .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .top-ten .video-card h3 { font-size:var(--tfc-compatibility-font-21); } }
.collection-header { padding:0; }
.collection-header-inner { max-width:1320px; margin:0 auto; padding:var(--tfc-space-24) var(--tfc-compatibility-space-30) var(--tfc-compatibility-space-28); }
.collection-header .header-row { flex-direction:column; align-items:flex-start; gap:var(--tfc-compatibility-space-20); }
.collection-header h1 { text-align:left; }
@media(max-width:600px) { .collection-header-inner { padding:var(--tfc-compatibility-space-20) var(--tfc-space-16) var(--tfc-space-24); } }
.editorial-content .editorial-paragraph { margin:var(--tfc-space-8) 0; }
.editorial-description { line-height:var(--tfc-line-body); }
.editorial-credits { margin-top:1.2em; font-size:var(--tfc-type-caption); line-height:var(--tfc-line-body); }
.editorial-credits .editorial-paragraph { margin:.9em 0; }
.editorial-credits .editorial-paragraph > span:first-child { font-weight:var(--tfc-font-bold); }
.editorial-occurrence + .editorial-occurrence { margin-top:var(--tfc-compatibility-space-28); padding-top:var(--tfc-compatibility-space-18); border-top:var(--tfc-stroke-rule) solid var(--tfc-component-section-divider); }
.editorial-provenance { margin:0 0 var(--tfc-compatibility-space-14); font-size:var(--tfc-type-caption); }
.editorial-provenance-label { opacity:.75; }
.editorial-selection { margin-top:var(--tfc-space-24); }
.editorial-selection .editorial-provenance:last-child { margin-bottom:0; }
.editorial-section { font-size:var(--tfc-type-caption); }
.collection-standard.top-ten .video-grid { width:100%; max-width:1024px; margin:0 auto; }
.collection-standard.top-ten .video-card { width:100%; margin:0 auto var(--tfc-space-80); }
.collection-standard.top-ten .thumbnail { display:block; width:100%; max-width:1024px; aspect-ratio:auto; background:transparent; box-shadow:none; }
.collection-standard.top-ten .thumbnail img { display:block; width:100%; height:auto; object-fit:contain; }
.collection-standard.top-ten .thumbnail.no-preview, .collection-standard.top-ten .thumbnail.thumbnail-missing { width:100%; aspect-ratio:16/9; background:var(--tfc-component-thumbnail-placeholder); }
.collection-standard.top-ten .video-card h3 { font-size:2em; line-height:var(--tfc-line-heading); margin:.5em 0; }
.collection-standard.top-ten .editorial { display:block; padding:0 var(--tfc-compatibility-space-20) var(--tfc-compatibility-space-20); border-left:var(--tfc-stroke-rule) solid var(--tfc-component-divider); border-bottom:var(--tfc-stroke-rule) solid var(--tfc-component-divider); }
.collection-section { font-size:var(--tfc-compatibility-font-30); font-weight:var(--tfc-font-regular); margin:var(--tfc-space-24) 0 var(--tfc-space-16); }
@media(max-width:640px) { .collection-standard.top-ten .video-card h3 { font-size:1.4em; } }
@media(max-width:640px) { .collection-standard.top-ten .editorial { padding:0 var(--tfc-space-12) var(--tfc-space-16); } }
body.best-of:not(.gallery-dark), body.honorable-mentions:not(.gallery-dark) { background:var(--tfc-component-deferred-gallery); color:var(--tfc-text-on-light); }
body.gallery-dark { --link-color:var(--tfc-action-on-dark); background:var(--tfc-surface-gallery); color:var(--tfc-text-on-dark); }
.gallery-dark .video-card h3 { color:var(--tfc-text-secondary-dark); }
.gallery-dark .thumbnail { box-shadow:none; }
.top-ten .editorial-description, dialog .editorial-description { font-size:var(--tfc-type-reading); line-height:var(--tfc-line-body); }
.error-page h1 { font-weight:var(--tfc-font-regular); }
.editorial-description a, .editorial-credits a, .collection-intro a, .collection-outro a, .about-page p a, .error-page p a { text-decoration:underline; }