/* KidsThink AI — luminous discovery studio. Presentation only; gates and boards retain their contracts. */
:root{--ink:#18334b;--navy:#163e63;--blue:#2458d7;--sky:#edf5ff;--cyan:#71d6ca;--aqua:#19887b;--gold:#ffd36e;--paper:#f7f9fd;--muted:#53687c;--line:#dde6f1;--shadow:0 12px 36px #25456a0b;--brand-radius:24px;--studio-focus:#2458d7}
html{color-scheme:light}body{color:var(--ink);background:#f7f9fd;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}
[hidden]{display:none!important}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font-family:inherit}
a,button,input,select,textarea,summary{scroll-margin-top:96px}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--studio-focus);outline-offset:4px}
:where(button,a.button,.hub-primary,.showcase-link,.back){transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
:where(button):disabled{cursor:default}
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-color:#bdcbde;border-radius:12px;accent-color:#2458d7}
:where(h1,h2,h3){text-wrap:balance}p{overflow-wrap:break-word}img{max-width:100%}
.site-language-bar{background:#fff;border-color:#dde6f1}
.site-language-bar button[aria-pressed=true]{background:#2458d7;color:#fff;border-color:#2458d7}
/* Public welcome: generous type, an illustrated mint stage, a clear first action. */
.site-index .access-gate{background:radial-gradient(ellipse at 95% 12%,#e0f5ef 0,transparent 36%),radial-gradient(ellipse at 0 30%,#e9eeff 0,transparent 38%),#fcfdff;color:#18334b}
.site-index .brand-nav{border-bottom:1px solid #e2e9f3;padding-top:20px;padding-bottom:20px}
.site-index .brand-nav-links a{color:#304b65;font-size:14px}
.site-index .brand-nav .brand-nav-cta{color:#fff;background:#2458d7;border-radius:12px;min-height:44px;display:inline-flex;align-items:center}
.site-index .access-shell{max-width:1240px}
.site-index .welcome-hero{grid-template-columns:1.02fr 1fr;gap:48px;padding:58px 0 44px;align-items:center}
.site-index .brand-kicker{color:#256e65;font-size:14px;letter-spacing:.1em;font-weight:750}
.site-index .welcome-copy h1{font-size:clamp(42px,5.2vw,72px);line-height:1.05;letter-spacing:-.055em;color:#16334d;margin:20px 0 26px}
.site-index .welcome-copy h1 em{color:#2458d7;font-style:normal}
.site-index .welcome-copy>p{max-width:48ch;font-size:18px;line-height:1.75;color:#50657c}
.site-index .access-actions{gap:12px;flex-wrap:wrap}
.site-index .access-actions button{min-height:52px;padding:14px 22px;border:1px solid #2458d7;border-radius:14px;background:#2458d7;color:#fff;font-size:16px;box-shadow:0 7px 16px #2458d719}
.site-index .access-actions button:hover{background:#1948ba}
.site-index .access-actions button.secondary{color:#234a8b;background:#fff;border-color:#c9d8ef;box-shadow:none}
.site-index .welcome-copy .welcome-note{font-size:14px;line-height:1.7;color:#53687c;margin-top:20px}
.site-index .welcome-art{position:relative;transform:none;isolation:isolate;overflow:hidden;border-radius:44px 44px 110px 44px;border:1px solid #bee8dd;background:linear-gradient(145deg,#e8fff5,#c7eee4);box-shadow:0 20px 50px #19887b10;padding:24px 24px 30px;margin:0}
.site-index .welcome-art::before{content:'';position:absolute;z-index:-1;width:270px;height:270px;border-radius:50%;background:#fff7cd;right:-70px;top:-90px}
.site-index .welcome-art img{display:block;object-fit:contain;width:100%;margin:20px 0 6px;filter:drop-shadow(0 14px 8px #26695d15)}
.site-index .art-heading{gap:10px;align-items:center;color:#28645a;font-size:14px}
.site-index .art-heading span:last-child{background:#ffffffb3;border-radius:12px;padding:6px 10px;font-size:14px}
.site-index .welcome-art figcaption{font-size:14px;gap:10px;flex-wrap:wrap;color:#28645a}
.site-index .welcome-paths{border-top:1px solid #e2e9f3;padding-top:36px}
.site-index .access-features{gap:20px}
.site-index .access-features article{background:#fff;border:1px solid #e0e7f1;border-radius:22px;padding:24px;box-shadow:none}
.site-index .access-features article:nth-child(2){background:#fff9e9;border-color:#f0e4c4}
.site-index .access-features article:nth-child(3){background:#f3f0ff;border-color:#e2daf6}
.site-index .access-features h3{color:#173d5d}
.site-index .feature-index{color:#2458d7;background:#eaf0ff;border-radius:10px;padding:4px 9px;font-size:14px}
/* The carousel is an editorial feature with named destinations, not anonymous dots. */
.site-index .home-showcase{padding:24px;background:#f7f9fd}
.site-index .showcase-inner{max-width:1192px;border:1px solid #dbe5f0;border-radius:30px;box-shadow:0 16px 45px #25456a0b}
.site-index .showcase-slide{grid-template-columns:1fr 1.2fr;min-height:360px;background:#edf4ff}
.site-index .showcase-theme-1{background:#fff6dd}.site-index .showcase-theme-2{background:#e6f8ef}.site-index .showcase-theme-3{background:#f0edff}
.site-index .showcase-copy{padding:36px 42px}
.site-index .showcase-copy h2{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-.04em;color:#173d5d}
.site-index .showcase-tag{color:#436075;font-size:14px;letter-spacing:.08em}
.site-index .showcase-copy p{color:#486176;line-height:1.7}
.site-index .showcase-link{background:#2458d7;border-radius:13px;min-height:48px;padding:12px 20px;box-shadow:0 5px 14px #2458d718}
.site-index .showcase-link:hover{background:#1948ba}
.site-index .showcase-picture{padding:24px 28px 24px 0}
.site-index .showcase-picture img{border-radius:20px;max-height:325px}
.site-index .showcase-controls{justify-content:space-between;background:#fff;padding:12px 20px;gap:8px}
.site-index .showcase-dots{gap:8px;flex-wrap:wrap;justify-content:center}
.site-index .showcase-dots button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e0e7f1;border-radius:12px;padding:9px 14px;min-height:44px;font-size:14px;font-weight:650;color:#496176;background:#f7f9fd}
.site-index .showcase-dots span{width:7px;height:7px;margin:0;background:#9caec3;flex-shrink:0}
.site-index .showcase-dots [aria-pressed=true]{background:#eaf0ff;border-color:#9bb5f5;color:#214db5}
.site-index .showcase-dots [aria-pressed=true] span{width:7px;background:#2458d7}

.site-index .showcase-count{margin:0}
/* Learning dashboard: one blue focal point, two discovery lanes, readable work surfaces. */
.site-index .app{background:#f7f9fd}
.site-index .app>main{padding:28px 32px 48px;min-width:0}
.site-index .top{gap:16px}.site-index .top h1{color:#1b3b59;font-size:clamp(24px,2.3vw,32px)}
.site-index .top-actions{flex-wrap:wrap;gap:8px}
.site-index .top-actions button{border-color:#d8e2ee;min-height:44px;border-radius:12px;background:#fff;color:#264e72}
.site-index .app>aside{background:#fff;border-right-color:#e1e8f2;box-shadow:none}
.site-index .app>aside .brand{border:0;box-shadow:none;padding:10px 8px}
.site-index .app>aside .nav{border-color:transparent;background:transparent;border-radius:13px;font-weight:650;box-shadow:none;font-size:15px;min-height:52px}
.site-index .app>aside .nav>span{background:var(--wash);box-shadow:none;color:var(--tile);border-radius:11px}
.site-index .app>aside .nav:hover:not(.active){background:#f0f5ff;border-color:transparent;box-shadow:none}
.site-index .app>aside .nav.active{background:#eaf0ff;color:#214db5;border-color:transparent;box-shadow:none}
.site-index .app>aside .nav.active>span{background:#2458d7;color:#fff;box-shadow:none}
.site-index #home .hub-intro{padding:32px 38px;border-radius:28px;background:linear-gradient(112deg,#184eab,#2467cc 65%,#278894);box-shadow:none;overflow:hidden;color:#fff;gap:24px}
.site-index #home .hub-intro h2{font-size:clamp(26px,3vw,40px);line-height:1.15;color:#fff;letter-spacing:-.035em;max-width:20ch}
.site-index #home .hub-intro p{color:#eff6ff;max-width:57ch;font-size:16px;line-height:1.7}
.site-index #home .hub-intro .eyebrow{color:#d4f4ef;font-size:14px;letter-spacing:.09em}
.site-index #home .hub-mascot{width:180px;height:186px;object-fit:contain;filter:drop-shadow(0 12px 12px #0f326b25)}
.site-index #home .home-discovery-grid{grid-template-columns:1.2fr 1fr;gap:20px;margin:22px 0}
.site-index #home .kv-home-link{border-radius:24px;background:#e5f8f0;border:1px solid #c4e6d7;box-shadow:none}
.site-index #home .home-video-card{border-radius:24px;background:#fff4db;border:1px solid #f0dfb7;box-shadow:none}
.site-index #home .home-video-icon{background:#fff;color:#8a591c;border-radius:14px}
.site-index .card{border-color:#dde6f1;border-radius:22px;box-shadow:0 6px 22px #25456a05;background:#fff}
.site-index .course-builder{padding:24px;border-color:#cfddf2;gap:18px;background:#fff}
.site-index .picker-step>span{background:#eaf0ff;color:#2458d7;border-radius:10px}
.site-index .picker-step label{color:#496176;font-size:14px}
.site-index .course-builder select{min-height:48px;background:#f7f9fd;border-color:#c8d6e9;font-size:16px}
.site-index .hub-primary{background:#2458d7!important;color:#fff!important;border-radius:13px;min-height:48px;font-size:16px}
.site-index .hub-primary:hover{background:#1948ba!important}
.site-index .mode-grid{gap:14px}
.site-index .mode-card{padding:20px;border-radius:20px;min-height:144px;border-color:#d5e0f4;background:#eef3ff;color:#224b8f;box-shadow:none}
.site-index .mode-card[data-mode=quiz]{background:#fff7e5;border-color:#eadab6;color:#76511f}
.site-index .mode-card[data-mode=project]{background:#eaf8f2;border-color:#c8e4d7;color:#236655}
.site-index .mode-card.active{outline:2px solid #2458d7;outline-offset:3px}
.site-index .mode-card strong{font-size:18px}.site-index .mode-card small{font-size:14px;line-height:1.5}
.site-index .mode-icon{border-radius:13px}
.site-index .study-panel{padding:26px;background:#fff;min-width:0}
.site-index .continue-empty{background:#f7f9fd;border-color:#dde6f1;border-radius:16px;color:#53687c}
.site-index .section-head h2{color:#1b3b59}
/* Games: lavender studio, vivid categories, unchanged puzzle geometry and feedback colours. */
.site-playground{background:radial-gradient(ellipse at 0 0,#e0f4ee 0,transparent 30%),radial-gradient(ellipse at 100% 24%,#eee8ff 0,transparent 38%),#f8f9fd}
.site-playground .play-head{background:#ffffffed;border-color:#dde6f1}
.site-playground .back{background:#fff;border-color:#cddbeb;color:#24539c;min-height:44px}
.site-playground .play-intro{border-radius:30px;background:linear-gradient(115deg,#2458bd,#5863bd);box-shadow:none;padding:32px;color:#fff}
.site-playground .play-intro h1{color:inherit;letter-spacing:-.035em;line-height:1.15}
.site-playground .play-intro .eyebrow{font-size:14px;letter-spacing:.09em;color:#e6e8ff}
.site-playground .game-tabs{gap:10px;margin:24px 0}
.site-playground .game-tabs button{border-radius:14px;border-color:#dce2f1;background:#fff;font-size:16px;font-weight:650;min-height:58px;padding:12px;color:#394e6e;box-shadow:none}
.site-playground .game-tabs button:hover:not(.active){background:#f0edff;border-color:#c5bbed}
.site-playground .game-tabs button.active{background:#5255ad;color:#fff;box-shadow:0 5px 12px #5255ad15;border-color:#5255ad}
.site-playground .game-panel{border-radius:26px;border-color:#dce2f1;background:#fff;box-shadow:0 14px 40px #35487607}
.site-playground .game-copy{border-bottom:1px solid #e5eaf4;padding-bottom:22px;margin-bottom:8px}
.site-playground .game-copy h2{color:#203e5a;letter-spacing:-.025em}
.site-playground .game-kicker{color:#5755a7;font-size:14px;letter-spacing:.09em}
.site-playground .controls label{font-size:14px;color:#486176}
.site-playground .controls select{background:#f7f8fd;border-color:#cbd6e8;min-height:44px}
.site-playground .score-help{color:#53687c;font-size:14px;line-height:1.7}
/* Videos: calm sky and mint, dark cinematic player, distinct practice area. */
.site-learning{background:radial-gradient(ellipse at 85% 0,#e0f2ed 0,transparent 35%),#f5f8fc;color:#18334b}
.site-learning main{max-width:1300px;padding:28px}
.site-learning main>header{padding:12px 0 20px;border-bottom:1px solid #dae5ef;font-size:14px}
.site-learning h1{font-size:clamp(30px,3.4vw,46px);line-height:1.15;letter-spacing:-.035em;color:#173d5d}
.site-learning .intro{color:#50657b;line-height:1.75;font-size:16px;max-width:70ch}
.site-learning .viewer{background:#10263c;border-radius:22px;box-shadow:0 16px 36px #173d5d12;border:1px solid #223e58}
.site-learning .viewer video{background:#10263c}
.site-learning .viewer .controls{background:#10263c;color:#fff;padding:14px}
.site-learning .viewer .controls button,.site-learning .viewer .controls select{background:#243f59;border-color:#5e7a96;color:#fff;min-height:44px;border-radius:10px;font-size:14px}
.site-learning .viewer #toggle{background:#2458d7;border-color:#5d86eb}
.site-learning .viewer:fullscreen{border-radius:0;border:0}
.site-learning .layout{gap:24px;grid-template-columns:minmax(0,1fr) 290px}
.site-learning .layout>aside{background:#fff;border-radius:22px;border-color:#dbe5ef;padding:22px}
.site-learning .practice,.site-learning .iv-activity{background:#fff;border-color:#cce5dc;border-top:4px solid #288c76;border-radius:22px;padding:24px}
.site-learning .practice .eyebrow,.site-learning .iv-kicker{color:#247563;font-size:14px}
.site-learning .info{color:#53687c;font-size:14px;line-height:1.7}
.site-learning .library-filters,.site-learning .weekly-plan{background:#fff;border-color:#dbe5ef;border-radius:22px}
.site-learning .video-card{border-color:#dbe5ef;border-radius:20px;background:#fff;box-shadow:0 6px 20px #25456a08;overflow:hidden}
.site-learning .video-card .watch,.site-learning .iv-primary{background:#2458d7;color:#fff;border-color:#2458d7;border-radius:12px;min-height:44px}
.site-learning .iv-route li{background:#e8edf5;border-radius:12px;font-size:14px}
.site-learning .iv-route li[aria-current=step]{background:#2458d7;color:#fff}
.site-learning .iv-extra-section{background:#e6f6ef;border-color:#c9e4d8;border-radius:22px}
.site-learning #chapters button[aria-current=true]{background:#eaf0ff;border-color:#8aa8ed;color:#214db5}
/* Opt-in comfort controls: no tracking, rewards or changes to account/learning state. */
.studio-comfort{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0;color:#53687c;font-size:14px}
.studio-comfort p{margin:0;max-width:65ch}
.studio-comfort button{min-height:44px;padding:10px 16px;border:1px solid #bfcfe3;border-radius:12px;color:#315878;background:#fff;font-size:14px;font-weight:650}
.studio-comfort button[aria-pressed=true]{background:#eaf0ff;border-color:#93aff0;color:#214db5}
.site-ders-videosu.studio-focused .layout{grid-template-columns:minmax(0,1fr)}
.site-ders-videosu.studio-focused .layout>aside{display:none}
.site-ders-videosu.studio-focused main{max-width:1140px}
.site-playground.studio-calm{background:#f5f7fb}
.site-playground.studio-calm .play-intro{background:#eff3fa;color:#234360;border:1px solid #dae2ed}
.site-playground.studio-calm .play-intro .eyebrow{color:#52667e}
.site-playground.studio-calm .play-intro .friends-trio{display:none}
.site-playground.studio-calm .game-tabs button{background:#f5f7fb}
.site-playground.studio-calm .game-tabs button.active{background:#345c94;color:#fff}
/* Transaction and legal pages retain the same content and disclosure prominence. */
:where(.site-products,.site-subscription,.site-checkout) h1{color:#173d5d;letter-spacing:-.035em}
:where(.trial-plan,.membership-plan){border-radius:22px;box-shadow:none}
@media(min-width:851px){.site-index .app{grid-template-columns:246px minmax(0,1fr)}.site-index .app>aside{padding:20px 12px}}
@media(max-width:1050px){.site-index .showcase-copy{padding:28px}.site-index .showcase-dots{gap:4px}.site-index .showcase-dots button{padding:9px 10px}.site-index .app>main{padding:24px}.site-index #home .hub-intro{padding:28px}.site-index #home .home-discovery-grid{grid-template-columns:1fr}.site-index .welcome-hero{gap:28px}.site-index .welcome-copy h1{font-size:clamp(40px,5.5vw,62px)}}
@media(max-width:900px){.site-learning .layout{grid-template-columns:minmax(0,1fr)}.site-learning main{padding:20px}.site-index .showcase-controls{flex-wrap:wrap;justify-content:center}.site-index .showcase-dots{order:-1;width:100%}.site-index .showcase-count{display:none}}
@media(max-width:760px){.site-index .welcome-hero{grid-template-columns:minmax(0,1fr);padding:32px 0;gap:28px}.site-index .welcome-copy h1{font-size:clamp(42px,9vw,60px)}.site-index .welcome-art{max-width:560px;border-radius:28px 28px 64px 28px;padding:20px}.site-index .welcome-copy>p{font-size:16px}.site-index .showcase-slide{grid-template-columns:minmax(0,1fr);min-height:0}.site-index .showcase-copy{padding:26px 24px 8px}.site-index .showcase-copy h2{font-size:34px}.site-index .showcase-picture{padding:14px 24px 24px}.site-index .showcase-picture img{max-height:230px}.site-index #home .hub-intro{padding:24px;gap:12px}.site-index #home .hub-mascot{width:112px;height:126px}.site-index #home .hub-intro h2{font-size:28px}.site-index .app>main{padding:20px 16px 40px}.site-playground .play-intro{padding:24px}.site-learning main{padding:16px}.studio-comfort{align-items:flex-start}.site-index .showcase-controls{padding:10px}.site-index .showcase-dots button{flex:1;min-width:0;gap:6px;font-size:14px}}
@media(max-width:480px){.site-index .home-showcase{padding:12px}.site-index .showcase-inner{border-radius:22px}.site-index .showcase-dots button{padding:9px 7px}.site-index .showcase-dots span{display:none}.site-index .showcase-copy h2{font-size:32px}.site-index .welcome-copy h1{font-size:42px}.site-index .art-heading{flex-wrap:wrap}.site-index .welcome-art figcaption{display:grid}.site-index #home .hub-intro{align-items:flex-start}.site-index #home .hub-mascot{width:76px;height:98px}.site-index #home .hub-intro h2{font-size:25px}.site-index .mode-grid{gap:8px}.site-index .mode-card{padding:14px 10px;min-height:130px}.site-index .mode-card strong{font-size:16px}.site-index .course-builder{padding:18px}.site-playground .play-intro{padding:20px}.site-playground .game-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.site-playground .game-tabs button{font-size:14px}.site-learning main{padding:12px}.site-learning .practice,.site-learning .iv-activity{padding:18px}.site-index .brand-nav-links{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.site-index .showcase-dots [aria-pressed=true],.site-index .app>aside .nav.active,.studio-comfort button[aria-pressed=true]{outline:2px solid Highlight}.site-index .access-actions button{border:1px solid ButtonText}}
@media print{.studio-comfort{display:none}.site-ders-videosu.studio-focused .layout>aside{display:block}}

/* The same studio language extends to English, creative workshops and parent pages. */
.site-kiwolo-ingilizce{background:radial-gradient(ellipse at 100% 0,#fff0ce 0,transparent 38%),#f6faf9}
.site-kiwolo-ingilizce .heading{padding:28px 0;gap:20px}
.site-kiwolo-ingilizce .heading .eyebrow{color:#307264;font-size:14px}
.site-kiwolo-ingilizce .weekly{border-radius:12px;background:#fff2ca;color:#765415;font-size:14px}
.site-kiwolo-ingilizce .screen{border-radius:24px;border-color:#d5e5df;box-shadow:0 14px 36px #224d430b}
.site-kiwolo-ingilizce .watch>aside{border-radius:22px;border-color:#d5e5df;background:#fff}
.site-kiwolo-ingilizce .learning{border-radius:26px;border-color:#d5e5df;box-shadow:none}
.site-kiwolo-ingilizce .learning .eyebrow,.site-kiwolo-ingilizce .voice-note{font-size:14px}
.site-kiwolo-ingilizce .character-review{background:#e9f8f0;border-radius:22px}
.site-kiwolo-ingilizce .learn-steps [aria-current=step]{background:#25816d;color:#fff;border-color:#25816d}
.site-stage{background:radial-gradient(ellipse at 100% 0,#ede6ff 0,transparent 36%),#faf9fe}
.site-stage .stage-header{background:#fff;border-color:#e2ddf0}
.site-stage .stage-heading{padding:22px 0}
.site-stage .stage-heading h1{color:#353963;letter-spacing:-.035em;line-height:1.15}
.site-stage .eyebrow{color:#68558f;font-size:14px}
.site-stage .credit-note{background:#e8f5ef;color:#2b6456;border-radius:16px}
.site-stage .workshop-tabs{gap:10px;border-color:#e2ddf0}
.site-stage .workshop-tabs button{border-color:#dcd6eb;border-radius:12px;background:#fff;color:#504169}
.site-stage .workshop-tabs button[aria-current=true],.site-stage .primary{background:#6351a5;color:#fff;border-color:#6351a5}
.site-stage #workspace>.panel,.site-stage #workspace .story-card{border-color:#e2ddf0;border-radius:22px;background:#fff;box-shadow:none}
.site-stage .stage-footer{font-size:14px;color:#59647b}
.site-document{background:#f7f9fd}
.site-document main>header{border-color:#dde6f1}
.site-document h1{color:#173d5d;letter-spacing:-.035em;line-height:1.15}
.site-document .lead{font-size:18px;line-height:1.7;color:#50657b;max-width:72ch}
.site-document .cards>.card,.site-document main>section{border-color:#dde6f1;border-radius:22px;background:#fff;box-shadow:none}
.site-document .choose-plan{background:#2458d7;border-radius:13px;color:#fff;min-height:48px;display:inline-flex;align-items:center}
.site-document main{line-height:1.75}
.site-index .welcome-parent{background:#1d5275;border-radius:24px}
.site-index .welcome-parent p,.site-index .welcome-parent ul{font-size:16px;line-height:1.7}
.site-index .welcome-footer,.site-index .welcome-footer a,.site-index .access-features a{font-size:14px}
.site-index .access-features p{font-size:16px}
@media(max-width:600px){.site-kiwolo-ingilizce .heading{padding:16px 0}.site-stage .stage-heading{align-items:flex-start;flex-direction:column}.site-document .lead{font-size:16px}.site-index .welcome-parent p,.site-index .welcome-parent ul{font-size:14px}}

.site-playground .play-head span,.site-playground .play-head .back{font-size:14px}.site-document table{font-size:14px}.site-index .welcome-section-heading p{font-size:16px}

/* Named section rail remains compact as the catalogue grows. */
.site-index .showcase-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto;align-items:center;gap:8px}
.site-index .showcase-dots{position:relative;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-width:100%;scrollbar-width:thin;padding:4px 2px;overscroll-behavior-x:contain}
.site-index .showcase-dots button{flex:0 0 auto;white-space:nowrap;max-width:none}
.site-index .showcase-slide:nth-of-type(n+5) .showcase-picture img{object-fit:contain}
@media(max-width:900px){.site-index .showcase-controls{grid-template-columns:44px minmax(0,1fr) 44px auto}.site-index .showcase-dots{order:0;width:auto}.site-index .showcase-count{display:none}}
@media(max-width:600px){.site-index .showcase-controls{grid-template-columns:44px minmax(0,1fr) 44px}.site-index .showcase-dots button{padding:10px 12px;min-height:44px;font-size:14px}}

/* Colourful destination rail; automatic slides pause while hovered or focused. */
.site-index .showcase-dots button{--pick-a:#d9ecff;--pick-b:#cef4e4;--pick-c:#e6e0ff;background:linear-gradient(120deg,var(--pick-a),var(--pick-b) 58%,var(--pick-c));color:#173e56;border-color:#9bcfcf;box-shadow:0 2px 7px #2149660c}
.site-index .showcase-dots button:nth-child(3n+2){--pick-a:#e8dcff;--pick-b:#d8efff;--pick-c:#d2f6e6}
.site-index .showcase-dots button:nth-child(3n){--pick-a:#fff0c9;--pick-b:#d5f5e7;--pick-c:#d8e9ff}
.site-index .showcase-dots button:hover{border-color:#298eaa;box-shadow:0 4px 12px #26758424}
.site-index .showcase-dots [aria-pressed=true]{background:linear-gradient(115deg,#d4e7ff,#b9efdd 52%,#d9cdff);color:#102f47;border:2px solid #21768e;box-shadow:0 0 0 2px #d3f3ed}
.site-index .showcase-dots [aria-pressed=true] span{background:#1b718d}
.site-index .showcase-dots button:focus-visible{outline:3px solid #225dd3;outline-offset:3px}
@media(max-width:900px){.site-index .showcase-controls{grid-template-columns:44px minmax(0,1fr) 44px}}

.site-index .toggle[hidden]{display:none!important}

/* Science entry: each item owns its row, including a wrapped CTA. */
.site-index #home .home-science-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;align-content:start;min-width:0}
.site-index #home .home-science-card h3{grid-column:1;grid-row:1;margin:0;align-self:center}
.site-index #home .home-science-card .home-video-icon{grid-column:2;grid-row:1;float:none;margin:0}
.site-index #home .home-science-card p{grid-column:1/-1;margin:0;min-width:0}
.site-index #home .home-science-card .hub-primary{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:48px;margin:0;padding:12px 18px;white-space:normal;line-height:1.4;text-align:center;text-decoration:none}