/* WFU YouTube carousel (WorkflowUnity LLC). Reads the site theme's tokens (River Look B names) with Look B values as
   fallbacks, so the gold and the blue looks both follow automatically: buttons and play circles take --accent and
   --accent-ink, text takes --ink and --muted, focus rings --focus. Live red is fixed (#E5383B, white text 4.6:1). */
.wfu-ytc{--y-surface:var(--surface,#181B23);--y-line:var(--line,#2C313C);--y-ink:var(--ink,#FFFFFF);--y-muted:var(--muted,#C9CDD6);--y-acc:var(--accent,#E1B04B);--y-acc-ink:var(--accent-ink,#14161B);--y-eyebrow:var(--eyebrow,#E1B04B);--y-hover:var(--link-hover,#8DD3F0);--y-dot:var(--dot,var(--y-acc));--y-radius:var(--radius,14px);--y-live:#E5383B;position:relative}
.wfu-ytc [hidden]{display:none!important}
.wfu-ytc .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wfu-ytc .wfu-ytc-ico{display:block;flex:0 0 auto}

/* Stage (the big player) and the live panel share one layout: video, then title and tools beside it on wide screens. */
.wfu-ytc-panel{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);align-items:center}
.wfu-ytc-full .wfu-ytc-panel{gap:22px}
@media(min-width:900px){.wfu-ytc-full .wfu-ytc-panel{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:44px}}
.wfu-ytc-frame{position:relative;aspect-ratio:16/9;border-radius:var(--y-radius);overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--y-line),0 28px 60px -28px rgba(0,0,0,.75)}
.wfu-ytc-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wfu-ytc-facade{position:absolute;inset:0;display:block;color:var(--y-acc-ink);border-radius:inherit}
.wfu-ytc-poster{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .5s ease,filter .3s ease}
.wfu-ytc-facade::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(8,9,12,0) 40%,rgba(8,9,12,.45) 100%);pointer-events:none}
.wfu-ytc-bigplay{position:absolute;left:50%;top:50%;z-index:1;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:var(--y-acc);color:var(--y-acc-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 8px rgba(255,255,255,.12);transition:transform .2s ease,box-shadow .2s ease}
.wfu-ytc-bigplay .wfu-ytc-ico{width:38px;height:38px;margin-left:4px}
.wfu-ytc-facade:is(:hover,:focus-visible) .wfu-ytc-bigplay{transform:scale(1.08);box-shadow:0 12px 34px rgba(0,0,0,.5),0 0 0 12px rgba(255,255,255,.16)}
.wfu-ytc-facade:is(:hover,:focus-visible) .wfu-ytc-poster{transform:scale(1.03);filter:brightness(1.06)}
.wfu-ytc-facade:focus-visible{outline-offset:-4px}
.wfu-ytc-meta{min-width:0}
.wfu-ytc-kicker{display:block;font-family:var(--font-body,inherit);font-weight:600;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--y-eyebrow);margin-bottom:.7em}
.wfu-ytc .wfu-ytc-title{font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.02;margin:0 0 .35em;overflow-wrap:anywhere}
.wfu-ytc-stage-only .wfu-ytc-title{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.wfu-ytc-date,.wfu-ytc-sub{margin:0;color:var(--y-muted);font-size:1rem}
.wfu-ytc-sub{max-width:34em}
.wfu-ytc-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.wfu-ytc-btn{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--y-line);background:transparent;color:var(--y-ink);font:600 .98rem/1.2 var(--font-body,inherit);text-decoration:none;cursor:pointer}
.wfu-ytc-btn:is(:hover,:focus-visible){border-color:var(--y-acc);color:var(--y-ink);background:rgba(255,255,255,.04)}
.wfu-ytc-btn .wfu-ytc-ico{width:18px;height:18px}

/* Live */
.wfu-ytc-badge{display:inline-flex;align-items:center;gap:.5em;background:var(--y-live);color:#fff;font:700 .85rem/1 var(--font-body,inherit);letter-spacing:.14em;text-transform:uppercase;padding:.55em .8em;border-radius:6px;margin-bottom:.9em}
.wfu-ytc-dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:currentColor;flex:0 0 auto}
.wfu-ytc-badge .wfu-ytc-dot{animation:wfu-ytc-pulse 1.6s ease-in-out infinite}
.wfu-ytc-back .wfu-ytc-dot{color:var(--y-live)}
@keyframes wfu-ytc-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.wfu-ytc-live .wfu-ytc-frame{box-shadow:0 0 0 2px var(--y-live),0 28px 60px -28px rgba(0,0,0,.75)}
.wfu-ytc-livewait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--y-muted)}
.wfu-ytc-note{display:flex;align-items:center;gap:.6em;margin:22px 0 0;color:var(--y-muted);font-size:1rem}
.wfu-ytc-notedot{width:.55em;height:.55em;border-radius:50%;background:var(--y-dot);flex:0 0 auto}
.wfu-ytc:not(.is-ready) .wfu-ytc-note{display:none}

/* Playing in another window */
.wfu-ytc-away{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;background:linear-gradient(160deg,var(--y-surface),#08090C);color:var(--y-ink)}
.wfu-ytc-away p{margin:0;max-width:26em;color:var(--y-muted)}

/* The row */
.wfu-ytc-rail{margin-top:44px}
.wfu-ytc-railhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.wfu-ytc .wfu-ytc-railtitle{font-size:clamp(1.3rem,2.4vw,1.6rem);margin:0}
.wfu-ytc-arrows{display:flex;gap:10px}
.wfu-ytc-arrow{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--y-line);background:var(--y-surface);color:var(--y-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.wfu-ytc-arrow:is(:hover,:focus-visible):not(:disabled){border-color:var(--y-acc);color:var(--y-acc)}
.wfu-ytc-arrow:disabled{opacity:.35;cursor:default}
.wfu-ytc-track{list-style:none;margin:0 -16px;padding:4px 16px 14px;display:grid;grid-auto-flow:column;grid-auto-columns:76%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:thin;scrollbar-color:var(--y-line) transparent}
@media(min-width:560px){.wfu-ytc-track{grid-auto-columns:44%}}
@media(min-width:900px){.wfu-ytc-track{grid-auto-columns:calc((100% - 3*20px) / 4.3);gap:20px}}
.wfu-ytc-item{position:relative;margin:0;min-width:0;scroll-snap-align:start}
.wfu-ytc-card{display:flex;flex-direction:column;gap:10px;color:var(--y-ink);text-decoration:none;border-radius:12px}
.wfu-ytc-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#08090C;box-shadow:0 0 0 1px var(--y-line)}
.wfu-ytc-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .4s ease}
.wfu-ytc-cardplay{position:absolute;left:10px;bottom:10px;width:40px;height:40px;border-radius:50%;background:var(--y-acc);color:var(--y-acc-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.wfu-ytc-cardplay .wfu-ytc-ico{margin-left:2px}
.wfu-ytc-playing{display:none;position:absolute;left:10px;top:10px;background:var(--y-acc);color:var(--y-acc-ink);font:700 .75rem/1 var(--font-body,inherit);letter-spacing:.12em;text-transform:uppercase;padding:.5em .7em;border-radius:5px}
.wfu-ytc-item[aria-current="true"] .wfu-ytc-playing{display:block}
.wfu-ytc-item[aria-current="true"] .wfu-ytc-thumb{box-shadow:0 0 0 3px var(--y-acc)}
.wfu-ytc-cardtitle{font-weight:600;font-size:1.06rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wfu-ytc-carddate{font-size:.92rem;color:var(--y-muted);margin-top:-4px}
.wfu-ytc-card:is(:hover,:focus-visible) .wfu-ytc-thumb img{transform:scale(1.05)}
.wfu-ytc-card:is(:hover,:focus-visible) .wfu-ytc-cardtitle{color:var(--y-hover)}
.wfu-ytc-card:focus-visible{outline-offset:4px}
.wfu-ytc-cardpop{position:absolute;right:8px;top:8px;width:38px;height:38px;border-radius:8px;border:0;background:rgba(8,9,12,.78);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9}
.wfu-ytc-cardpop:is(:hover,:focus-visible){opacity:1;background:var(--y-acc);color:var(--y-acc-ink)}
.wfu-ytc-all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:16/9;border-radius:12px;border:2px dashed var(--y-line);color:var(--y-ink);text-decoration:none;font-weight:600;text-align:center;padding:12px}
.wfu-ytc-allicon{width:44px;height:44px;border-radius:50%;background:var(--y-acc);color:var(--y-acc-ink);display:flex;align-items:center;justify-content:center}
.wfu-ytc-all:is(:hover,:focus-visible){border-color:var(--y-acc);color:var(--y-hover)}

@media(max-width:599px){
  .wfu-ytc-bigplay{width:68px;height:68px;margin:-34px 0 0 -34px}
  .wfu-ytc-bigplay .wfu-ytc-ico{width:30px;height:30px}
  .wfu-ytc-tools{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){
  .wfu-ytc *,.wfu-ytc *::after{transition:none!important;animation:none!important}
  .wfu-ytc-track{scroll-behavior:auto}
}
.wfu-ytc-full .wfu-ytc-fallback{max-width:820px} /* the channel-link fallback: same size as the player it stands in for */
