
/* InfoHundred editorial refresh */
:root{--paper:#f8f9fc;--ink:#132039;--blue:#2859e9;--muted:#637087}body{line-height:1.6}.wrap{width:min(1200px,calc(100% - 48px))}.top{font-size:11px;letter-spacing:.5px}.navin{min-height:86px}.logo{font-size:29px}.navlinks{gap:20px}.search{background:#f5f7fb;border-color:transparent}.intro{padding:40px 0 4px;display:flex;justify-content:space-between;gap:24px;align-items:end}.kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--blue)}.intro h2{font:700 clamp(28px,3vw,40px)/1.15 Outfit;margin:8px 0}.intro p{margin:0;color:var(--muted);max-width:410px;font-size:14px}.hero{margin-top:24px;gap:18px;grid-template-columns:1.45fr 1fr}.hero-big{height:470px}.hero-small{height:226px}.hero-right{gap:18px}.hero-big,.hero-small{border-radius:14px}.hero h1{font-size:clamp(34px,3.7vw,52px);letter-spacing:-1.4px;max-width:550px}.hero-copy{padding:32px}.eyebrow{background:#e7efff;color:#244cb5;border-radius:4px;letter-spacing:1px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.topic{display:flex;align-items:center;gap:17px;padding:20px 24px;background:white;border:1px solid var(--border);border-radius:12px}.topic:hover{border-color:#9bb4ff}.topic b{font:600 18px Outfit}.topic small{display:block;color:var(--muted);font-size:12px}.topic-icon{font:600 24px Outfit;color:#2d60e6;background:#edf2ff;width:48px;height:48px;display:grid;place-items:center;border-radius:12px}.heading{margin-bottom:26px}.heading h2{font-size:32px;letter-spacing:-.7px}.section{margin-top:64px;margin-bottom:64px}.cards{gap:25px}.card{border-radius:12px;box-shadow:0 3px 10px #13203903}.card-body{padding:24px}.card h3{font-size:22px}.meta{color:#616e82}.tag{font-size:10px}.thumb{aspect-ratio:16/10}.youtube{padding:42px;background:linear-gradient(125deg,#111d35,#1c3057)}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video{display:block;background:#ffffff0b;border:1px solid #ffffff15}.video img{display:block;aspect-ratio:16/9;width:100%;object-fit:cover}.video strong{font:600 17px/1.4 Outfit;padding:17px 18px 7px}.video small{display:block;color:#c2cce0;padding:0 18px 17px}.video:hover{background:#ffffff15}.feed-note{font-size:12px;color:#bdcce5;margin:22px 0 0}.short-banner{background:#f0eefe;border:1px solid #e3ddff;border-radius:16px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.short-banner h2{font:700 29px Outfit;margin:0 0 8px}.short-banner p{color:#67718a;margin:0}.short-badge{font:800 48px Outfit;color:#7354db}.newsletter{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:30px;background:#eaf0ff;padding:40px}.newsletter h2{font-size:30px}.newsletter p{max-width:650px}.newsletter .btn{flex-shrink:0}.btn{border-radius:7px;font-size:13px}.footer{padding:55px 0 28px}.foot{gap:35px}.foot a{display:inline-block;padding:7px 0}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#a8b5cc}.empty{border:1px dashed #cad4e6;border-radius:12px}.preview-note{font-size:12px;color:#6c7790;margin-top:18px}.skip{position:fixed;left:12px;top:-70px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.heading,.intro,.newsletter,.short-banner{min-width:0}img{max-width:100%}@media(max-width:1000px){.navlinks{gap:12px}.search{width:150px}.logo{font-size:25px}}@media(max-width:850px){.intro{align-items:start;flex-direction:column;gap:8px}.hero{grid-template-columns:1fr}.hero-big{height:430px}.hero-small{height:230px}.navlinks{top:86px}.topics{gap:10px}.topic{padding:15px;gap:10px}.topic-icon{display:none}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.newsletter{flex-direction:column;align-items:start}}@media(max-width:560px){.wrap{width:calc(100% - 32px)}.intro{padding-top:27px}.intro h2{font-size:30px}.hero-big{height:400px}.hero-copy{padding:23px}.hero h1{font-size:38px}.hero-right{grid-template-columns:1fr 1fr;gap:12px}.hero-small{height:205px}.hero-small .hero-copy{padding:15px}.hero-small h2{font-size:20px}.hero-small .eyebrow{font-size:9px}.topics{grid-template-columns:1fr}.topic{padding:14px 20px}.topic-icon{display:grid;width:40px;height:40px}.topic small{display:inline;margin-left:8px}.section{margin-top:42px;margin-bottom:42px}.heading{align-items:start;flex-direction:column}.heading h2{font-size:27px}.youtube{padding:23px}.video-grid{grid-template-columns:1fr}.short-banner{padding:25px;flex-direction:column;align-items:start}.short-badge{display:none}.newsletter{padding:27px}.footer-bottom{flex-direction:column;gap:8px}.search{width:108px}.logo{font-size:23px}.navin{gap:9px}.filter{font-size:12px;padding:10px 14px}.hero p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Accessible on-site YouTube player */
button.video{width:100%;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.video-playing{overflow:hidden}
.video-player{width:min(960px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #344665;border-radius:16px;background:#111d35;color:#fff;box-shadow:0 24px 100px #0008;overflow:auto}
.video-player::backdrop{background:rgba(3,9,26,.85)}
.player-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}
.player-bar h2{margin:0;font:600 18px/1.4 Outfit,sans-serif}
.player-close{flex-shrink:0;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff10;color:#fff;cursor:pointer;font-size:20px}
.player-screen{width:100%;aspect-ratio:16/9;background:#000}
.player-screen iframe{display:block;width:100%;height:100%;border:0}
.player-help{margin:0;padding:14px 20px;font-size:12px;color:#c2cce0}
.player-help a{color:#fff;text-decoration:underline}
@media(max-width:560px){.player-bar{padding:12px}.player-bar h2{font-size:15px}.player-help{padding:12px}}

/* Separate horizontal collections for each video category */
#video-grid{display:block}
.video-category+.video-category{margin-top:34px;padding-top:28px;border-top:1px solid #ffffff20}
.video-category-heading h3{font:600 24px/1.3 Outfit,sans-serif;margin:0 0 6px}
.video-category-heading p{margin:0 0 18px;color:#bdcce5;font-size:13px}
.video-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 4px 16px;scrollbar-color:#748cb5 #ffffff10;overscroll-behavior-inline:contain}
.video-row .video{scroll-snap-align:start;align-self:start}
.video-row:focus-visible{outline:2px solid #a7c1ff;outline-offset:3px}
@media(max-width:850px){.video-row{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:560px){.video-row{grid-auto-columns:88%;gap:14px}.video-category-heading h3{font-size:22px}}
