.visual-section{padding:54px 0 60px;background:#f4f6fc;border-block:1px solid #e0e6f3}
.visual-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.visual-eyebrow{display:block;color:#143cff;font-size:.85rem;font-weight:600;margin-bottom:8px}.visual-heading h2{color:var(--navy);font-size:clamp(1.8rem,3vw,2.3rem);margin:0 0 8px}.visual-heading p{margin:0;color:#53627a}.visual-all{display:flex;align-items:center;gap:24px;padding:12px 18px;border:1px solid #143cff;border-radius:8px;color:#143cff;font-weight:600;white-space:nowrap}
.visual-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.visual-feature{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;padding:36px;min-height:360px;background:linear-gradient(125deg,#121a2d 20%,#19337c 100%);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.visual-feature::before{content:"";position:absolute;inset:auto auto -170px -110px;width:410px;height:410px;border:1px solid #6986e9;border-radius:50%;z-index:-1}
.visual-feature h3{color:#fff;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.6;margin:14px 0}.visual-feature p{color:#d8e1fc;margin:0;font-size:.9rem}.visual-feature-kicker{font-size:.8rem;color:#d8e1fc}
.visual-orbit{position:absolute;top:28px;left:30px;display:grid;place-items:center;width:72px;height:72px;border:1px solid #ffffff50;border-radius:50%;background:#ffffff0c}.visual-orbit span{font-size:24px;color:#fff}
.visual-topics{display:grid;gap:14px}.visual-topic{display:flex;align-items:center;gap:18px;background:#fff;padding:22px;border:1px solid #dce2f0;border-radius:12px;color:var(--navy);text-decoration:none}.visual-topic-index{font-size:1.25rem;color:#143cff;font-weight:700}.visual-topic h3{font-size:1.12rem;margin:0 0 7px;color:var(--navy)}.visual-topic p{font-size:.9rem;color:#53627a;margin:0;line-height:1.7}.visual-topic-arrow{margin-inline-start:auto;color:#143cff}.visual-topic:hover{border-color:#143cff;background:#f8faff}.visual-section a:focus-visible,.visual-library-page a:focus-visible{outline:3px solid #143cff;outline-offset:4px}
.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.visual-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.visual-card h3,.visual-watch{display:block;margin:18px;color:var(--navy)}.visual-poster{aspect-ratio:16/9;background:#121a2d;position:relative;display:grid;place-items:center}.visual-poster img{width:100%;height:100%;object-fit:cover;position:absolute}.visual-play{z-index:1;background:#143cff;color:#fff;padding:15px 20px;border-radius:50%}
.visual-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.visual-filters a{padding:10px 18px;border:1px solid var(--line);border-radius:8px}.visual-filters a[aria-current]{background:#121a2d;color:#fff}.visual-search{display:block;max-width:480px;margin-bottom:28px}.visual-empty{grid-column:1/-1;padding:48px;text-align:center;border:1px dashed var(--line);border-radius:12px;background:var(--soft)}.visual-library-page{min-height:55vh}
body.vision-adapted .visual-feature{background:#000!important}body.vision-adapted .visual-feature :is(h3,p,span){color:#fff!important}body.vision-adapted .visual-section{background:#fff}body.vision-adapted .visual-topic{background:#fff;border-color:#111}body.vision-adapted .visual-topic :is(h3,p,span){color:#111!important}body.vision-adapted .visual-all{color:#111;border-color:#111}body.vision-adapted .visual-filters a[aria-current]{background:#000;color:#fff!important}
@media(max-width:850px){.visual-showcase{grid-template-columns:1fr}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-feature{min-height:320px}}
@media(max-width:550px){.visual-heading{align-items:flex-start;flex-direction:column}.visual-section{padding:36px 0}.visual-feature{padding:28px 24px}.visual-topic{padding:20px 16px;gap:12px}.visual-grid{grid-template-columns:1fr}}
.visual-channel-button{display:inline-flex;align-self:flex-start;background:#fff;color:#121a2d;border:1px solid #fff;border-radius:8px;padding:12px 18px;margin-top:16px;font-weight:600;text-decoration:none}.visual-channel-button:hover{text-decoration:underline}
body.vision-adapted .visual-feature .visual-channel-button{color:#000!important;background:#fff!important}
.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.visual-player{aspect-ratio:16/9;background:#121a2d;position:relative}
.visual-player iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}
.visual-card-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;color:var(--navy);font-size:.9rem;line-height:1.7}
.visual-card-caption a{color:#143cff;white-space:nowrap;font-weight:600}
.visual-channel-row{display:flex;justify-content:center;margin-top:26px;padding-bottom:8px}
.visual-channel-row a{color:#143cff;font-weight:600}
body.vision-adapted .visual-card{background:#fff!important;border-color:#111}
body.vision-adapted :is(.visual-card-caption,.visual-card-caption a,.visual-channel-row a){color:#111!important}
@media(max-width:650px){.visual-grid{grid-template-columns:1fr}.visual-card-caption{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}}
.youtube-stats{margin-top:28px;padding:28px 30px;background:#121a2d;color:#fff;border-radius:14px;border-top:3px solid #143cff}
.youtube-stats-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.youtube-stats-heading h3{color:#fff;font-size:1.2rem;margin:0}.youtube-stats-heading a{color:#dce4ff;font-size:.9rem}
.youtube-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.youtube-stats-grid>div{display:flex;flex-direction:column;gap:8px;padding:12px}.youtube-stats-grid>div+div{border-inline-start:1px solid #ffffff30}.youtube-stats-grid strong{font-size:clamp(2rem,4vw,3rem);line-height:1.25;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.youtube-stats-grid span{color:#e0e7fb;font-size:.95rem}.youtube-stats .youtube-stats-status{font-size:.8rem;color:#d0d9ef;text-align:center;margin:24px 0 0;line-height:1.8}
body.vision-adapted .youtube-stats{background:#000;border-color:#fff}body.vision-adapted .youtube-stats :is(h3,p,span,strong,a){color:#fff!important}
@media(max-width:520px){.youtube-stats{padding:22px 12px}.youtube-stats-heading{flex-direction:column;text-align:center}.youtube-stats-grid>div{padding:8px 4px}.youtube-stats-grid span{font-size:.8rem}}
.visual-channel-row{align-items:center;gap:14px}
.youtube-more-label{font-weight:600;color:var(--navy)}
.visual-channel-row .youtube-more-logo{display:grid;place-items:center;width:54px;min-height:44px;color:#f00;border-radius:7px}
.youtube-more-logo svg{width:38px;height:29px}
.youtube-more-logo:hover{background:#fff}
.youtube-more-logo:focus-visible{outline:3px solid #143cff;outline-offset:4px}
body.vision-adapted .youtube-more-label{color:#111!important}