/* HQ v4.2 — expressive visual fidelity, honest previews, readable contrast.
   Presentation only: no teacher/student data handling or tool-engine changes. */
:root{--hq6-navy:#071d51;--hq6-ink:#09265f;--hq6-blue:#0867f2;--hq6-aqua:#3edbff;--hq6-gold:#ffd332;--hq6-purple:#7950eb;--hq6-lime:#2cbd75;--hq6-pink:#f34c8e}
body.hq6-expressive{background:linear-gradient(125deg,#f1f9ff 0%,#fff 53%,#f6f2ff 100%)}
/* The old small overlines never add meaningful information when the heading already names the page. */
body.hq6-expressive .hero>.eyebrow,body.hq6-expressive .stem-hero>.eyebrow,body.hq6-expressive :is(.hero,.page-hero,.stem-hero)>div>.eyebrow,body.hq6-expressive .math2-hero .math2-card-kicker{display:none!important}
body.hq6-expressive .site-header{border-bottom:3px solid var(--hq6-gold)!important;box-shadow:0 4px 19px #021a4922}
body.hq6-expressive :is(.hero,.page-hero,.stem-hero) h1{font-weight:950;letter-spacing:-.061em}
body.hq6-expressive :is(.hero,.page-hero,.stem-hero)>div:first-child>h1:first-child{margin-top:0}
body.hq6-expressive a:focus-visible,body.hq6-expressive button:focus-visible{outline:3px solid #ffbd0d!important;outline-offset:3px}
/* HOME — shapes and intentional overlap replace a boxed faux-laptop collage. */
body.hq6-expressive.hq6-discovery.hq5-home .wrap{max-width:1390px;padding:18px 24px 75px}
body.hq6-expressive.hq5-home .hero{position:relative;display:block!important;min-height:505px!important;overflow:hidden!important;isolation:isolate;border:none!important;border-radius:35px 35px 108px 35px!important;padding:46px 48px!important;background:radial-gradient(ellipse at 10% 0%,#dffeff 0,transparent 56%),radial-gradient(ellipse at 84% 95%,#0e62ee 0,transparent 56%),linear-gradient(124deg,#a5f2ff 0%,#d9efff 27%,#7ad7ff 54%,#0d6ff1 100%)!important;box-shadow:0 26px 47px #103e9f22!important}
body.hq6-expressive.hq5-home .hero:before{content:"";position:absolute;inset:auto auto -175px -90px;width:590px;height:360px;border-radius:45%;transform:rotate(-14deg);background:linear-gradient(80deg,#65a4ff5c,#3b68ff33);z-index:-1}
body.hq6-expressive.hq5-home .hero:after{content:"";position:absolute;right:-70px;top:-124px;width:560px;height:330px;border-radius:48%;transform:rotate(-17deg);background:linear-gradient(120deg,#7e54fa68,#1bd7ff47);z-index:-1}
body.hq6-expressive.hq5-home .hero .hero-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:5px;align-items:center;position:relative;z-index:1;min-width:0}
body.hq6-expressive.hq5-home .hero .hero-grid>div:first-child{position:relative;z-index:4;min-width:0}
body.hq6-expressive.hq5-home .hero h1{font-size:clamp(45px,4.65vw,71px)!important;line-height:.985!important;max-width:630px!important;margin:0 0 23px!important;color:#09245a!important;letter-spacing:-.07em!important;text-shadow:none!important}
body.hq6-expressive.hq5-home .hq6-click{position:relative;color:#ff9f00;white-space:nowrap;text-shadow:0 2px 0 #fff8d5}
body.hq6-expressive.hq5-home .hq6-click:after{content:"";position:absolute;bottom:-8px;left:1%;right:-3%;height:11px;border-bottom:5px solid #ffb517;border-radius:50%;transform:rotate(-4deg)}
body.hq6-expressive.hq5-home .hero p.lead{max-width:475px;font-size:clamp(17px,1.45vw,20px)!important;line-height:1.42!important;color:#173865!important;margin:0 0 24px!important;text-shadow:none!important}
body.hq6-expressive.hq5-home .hero .actions{display:flex!important;gap:12px!important;align-items:center;max-width:495px}
body.hq6-expressive.hq5-home .hero .actions .btn{border-radius:15px!important;min-height:54px!important;padding:14px 17px!important;font-size:14px!important;transform:translateY(0);transition:transform .18s,box-shadow .18s}
body.hq6-expressive.hq5-home .hero .actions .btn:hover{transform:translateY(-3px)}
body.hq6-expressive.hq5-home .hero .actions .btn-primary{background:linear-gradient(125deg,#0563ea,#064dc0)!important;color:white!important;box-shadow:0 10px 20px #044ba435}
body.hq6-expressive.hq5-home .hero .actions .btn-secondary{background:linear-gradient(120deg,#ffdc4d,#ffc01c)!important;color:#082453!important;box-shadow:0 10px 20px #775f082b}
body.hq6-expressive.hq5-home .hero .actions .hq6-quiet-link{display:flex!important;align-items:center;justify-content:flex-start;width:100%;color:#0a327b!important;font-weight:850;font-size:14px;text-decoration:underline;text-decoration-color:#ffba00;text-decoration-thickness:3px;text-underline-offset:5px;margin-top:5px}
body.hq6-expressive.hq5-home .hq6-stage{position:relative;width:100%;height:455px;min-width:0;transform:translateY(8px)}
body.hq6-expressive.hq5-home .hq6-stage-orbit{position:absolute;border-radius:50%;pointer-events:none}
body.hq6-expressive.hq5-home .hq6-orbit-one{background:radial-gradient(circle,#68d4ff,#1d9bffad 66%,transparent 68%);right:12px;top:19px;width:430px;height:430px}
body.hq6-expressive.hq5-home .hq6-orbit-two{left:5%;bottom:9%;width:175px;height:175px;border:33px solid #fbdb3b6c}
body.hq6-expressive.hq5-home .hq6-spark{position:absolute;font-weight:900;line-height:1;pointer-events:none;z-index:5;text-shadow:0 4px 4px #0c409939}
body.hq6-expressive.hq5-home .hq6-spark-top{right:-1%;top:0;font-size:64px;color:#ffd02a;transform:rotate(13deg)}
body.hq6-expressive.hq5-home .hq6-spark-bottom{left:-3%;bottom:1%;font-size:51px;color:#fef68f;transform:rotate(-15deg)}
body.hq6-expressive.hq5-home .hq6-preview{display:block;position:absolute;box-sizing:border-box;text-decoration:none!important;transition:transform .2s,box-shadow .2s;overflow:hidden;z-index:2;box-shadow:0 19px 28px #00296e51!important}
body.hq6-expressive.hq5-home .hq6-preview:hover{z-index:8;box-shadow:0 23px 31px #001f6e5c!important}
body.hq6-expressive.hq5-home .hq6-preview-game{width:70%;height:271px;left:2%;top:11px;border-radius:23px 24px 27px 23px;border:5px solid #101d6a;background:radial-gradient(circle at 80% 0%,#593cd7 0%,transparent 56%),linear-gradient(145deg,#121952,#103aa4 64%,#202278);color:#fff;transform:rotate(-5deg)}
body.hq6-expressive.hq5-home .hq6-preview-game:hover{transform:rotate(-2deg) translateY(-5px)}
body.hq6-expressive.hq5-home .hq6-preview-top{display:flex;align-items:center;gap:8px;padding:10px 13px;color:white;font-size:13px}
body.hq6-expressive.hq5-home .hq6-preview-hq{color:#ffd331;font-weight:1000;font-size:18px}
body.hq6-expressive.hq5-home .hq6-preview-top strong{font-size:14px;color:#fff}
body.hq6-expressive.hq5-home .hq6-preview-play{margin-left:auto;color:#071d50;background:#ffd333;font-size:10px;font-weight:900;padding:4px 7px;border-radius:99px}
body.hq6-expressive.hq5-home .hq6-preview-question{display:block;font-size:clamp(19px,2.3vw,30px);font-weight:950;letter-spacing:-.025em;line-height:1.07;text-align:center;color:#fff!important;padding:5px 7px 12px}
body.hq6-expressive.hq5-home .hq6-preview-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 auto;width:83%}
body.hq6-expressive.hq5-home .hq6-preview-choices span{border-radius:8px;min-height:33px;background:#1682ff;color:#fff;display:grid;place-items:center;font-weight:1000;font-size:14px;box-shadow:inset 0 -3px 0 #0000001c}
body.hq6-expressive.hq5-home .hq6-preview-choices span:nth-child(2){background:#0eb77c}
body.hq6-expressive.hq5-home .hq6-preview-choices span:nth-child(3){background:#ffc21a;color:#152a68}
body.hq6-expressive.hq5-home .hq6-preview-choices span:nth-child(4){background:#f337a0}
body.hq6-expressive.hq5-home .hq6-preview-foot{display:block;text-align:center;color:#f6f5ff!important;font-size:12px;font-weight:900;margin-top:8px}
body.hq6-expressive.hq5-home .hq6-preview-screen{right:-2%;top:144px;width:58%;height:238px;transform:rotate(6deg);border:5px solid #ffffff;background:#fff;border-radius:19px}
body.hq6-expressive.hq5-home .hq6-preview-screen:hover{transform:rotate(2deg) translateY(-5px)}
body.hq6-expressive.hq5-home .hq6-screen-bar{display:flex;align-items:center;justify-content:space-between;color:#fff!important;background:linear-gradient(90deg,#1aa65f,#065e52);padding:10px 11px;font-size:12px}
body.hq6-expressive.hq5-home .hq6-screen-bar strong{color:#fff!important}
body.hq6-expressive.hq5-home .hq6-preview-screen img{display:block;width:100%;height:calc(100% - 40px);object-fit:cover;object-position:top left}
body.hq6-expressive.hq5-home .hq6-preview-flash{bottom:12px;left:2%;width:59%;height:172px;transform:rotate(-8deg);border-radius:18px;background:#fff8c8;border:6px solid #ffe27b;box-shadow:0 20px 30px #002e7552!important}
body.hq6-expressive.hq5-home .hq6-preview-flash:hover{transform:rotate(-4deg) translateY(-5px)}
body.hq6-expressive.hq5-home .hq6-flash-header{display:flex;justify-content:space-between;padding:9px 13px 7px;color:#11418b!important;font-size:12px;font-weight:900}
body.hq6-expressive.hq5-home .hq6-flash-surface{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 14px 12px;border-radius:12px;min-height:112px;background:linear-gradient(120deg,#155af0,#039df5);box-shadow:0 7px 12px #15387a3c}
body.hq6-expressive.hq5-home .hq6-flash-term{font-size:clamp(20px,2vw,30px);letter-spacing:-.03em;font-weight:950;color:#fff!important}
body.hq6-expressive.hq5-home .hq6-flash-hint{font-size:11px;font-weight:780;color:#edf8ff!important}
/* Keep previews clickable. Do not introduce imitation action-buttons inside them. */
/* A softer editorial frame around tool discovery rather than nested boxes. */
body.hq6-expressive.hq5-home .hq4-featured-intro{margin-top:25px;margin-bottom:12px}
body.hq6-expressive.hq5-home .hq4-featured-intro h2{font-size:clamp(27px,3vw,39px)!important;letter-spacing:-.047em}
body.hq6-expressive.hq5-home .hq4-feature-grid{gap:16px}
body.hq6-expressive.hq5-home .hq4-feature{border:1px solid #a9cafa!important;border-top:0!important;border-radius:24px 25px 35px 24px!important;overflow:hidden;box-shadow:0 10px 23px #16408620!important;transform:translateY(0)}
body.hq6-expressive.hq5-home .hq4-feature[data-color="pink"]{background:linear-gradient(145deg,#ffe6f0,#f8f0ff)!important}
body.hq6-expressive.hq5-home .hq4-feature[data-color="blue"]{background:linear-gradient(145deg,#d6faff,#e6edff)!important}
body.hq6-expressive.hq5-home .hq4-feature[data-color="purple"]{background:linear-gradient(145deg,#f1e0ff,#eef0ff)!important}
body.hq6-expressive.hq5-home .hq4-feature[data-color="green"]{background:linear-gradient(145deg,#d6ffeb,#e2f6ff)!important}
body.hq6-expressive.hq5-home .hq4-feature:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 20px 29px #113e7f34!important}
body.hq6-expressive.hq5-home .hq4-feature-copy{padding:20px 19px 6px!important}
body.hq6-expressive.hq5-home .hq4-feature h3{font-size:21px!important;color:#0a2b68!important}
body.hq6-expressive.hq5-home .hq4-feature p{color:#375779!important;font-size:14px!important}
body.hq6-expressive.hq5-home .hq4-feature>img{min-height:142px;height:142px;border-radius:13px;margin:9px auto 12px;width:calc(100% - 24px);object-fit:cover;object-position:top left;border:2px solid #fff;box-shadow:0 5px 15px #102d6930}
body.hq6-expressive.hq5-home .hq5-card-visual{min-height:145px;margin:9px 12px 12px;border-radius:15px}
body.hq6-expressive.hq5-home .hq5-game{min-height:145px}
body.hq6-expressive.hq5-home .hq5-game .hq5-game-choices i{height:38px}
body.hq6-expressive.hq5-home .hq4-feature-action{position:relative;border-radius:0 0 23px 23px;font-size:14px!important;letter-spacing:.01em}
body.hq6-expressive.hq5-home .hq-v3-tool-gallery{border:none!important;box-shadow:none!important;border-radius:40px 100px 35px 35px!important;background:linear-gradient(114deg,#c8edff,#f2e7ff,#d0ffe7)!important;margin-top:24px;padding:28px!important}
body.hq6-expressive.hq5-home .hq-v3-tool-gallery .hq-v3-tool-card{border:1px solid #a8c6ec!important;border-radius:19px!important;box-shadow:0 10px 17px #0b3e7a1d!important}
body.hq6-expressive.hq5-home .hq-v3-classroom-context{border:none!important;border-radius:70px 24px 70px 24px!important}
body.hq6-expressive.hq5-home .home-featured{border:0!important;border-radius:36px!important;box-shadow:none!important}
/* DIRECTORY PAGES: purposeful color blocks, flowing hero silhouettes, verified link previews. */
body.hq6-expressive.hq6-discovery.hq5-directory .wrap{max-width:1280px}
body.hq6-expressive.hq5-directory .page-hero,
body.hq6-expressive.hq5-directory .stem-hero.hq-v3-directory-head{position:relative;overflow:hidden;border:0!important;border-radius:31px 31px 93px 31px!important;box-shadow:0 20px 37px #062e7830!important;min-height:270px;background:radial-gradient(circle at 78% 15%,#ffffff8c,transparent 38%),linear-gradient(110deg,#c6f4ff,#b9d7ff 55%,#8dc1ff)!important}
body.hq6-expressive.hq5-directory .page-hero:before,
body.hq6-expressive.hq5-directory .stem-hero.hq-v3-directory-head:before{content:"";position:absolute;bottom:-132px;right:-40px;width:450px;height:320px;background:linear-gradient(45deg,#8b5cf64f,#3fe7ff70);border-radius:48%;transform:rotate(18deg);pointer-events:none}
body.hq6-expressive.hq5-directory .page-hero h1,
body.hq6-expressive.hq5-directory .stem-hero h1{font-weight:950;letter-spacing:-.055em;color:#073474!important;font-size:clamp(35px,4.1vw,56px)!important;line-height:1.05!important}
body.hq6-expressive.hq5-directory .page-hero .lead,
body.hq6-expressive.hq5-directory .stem-hero>div:first-child>p{color:#163d75!important;font-size:17px!important;max-width:560px;line-height:1.5}
body.hq6-expressive.hq5-directory :is(.hq-experience-hero-image,.hq-v3-directory-device){border:5px solid #fff!important;border-radius:23px!important;transform:rotate(4deg) translateY(6px)!important;box-shadow:0 20px 28px #0b33813f!important;position:relative;z-index:1}
body.hq6-expressive.hq5-directory :is(.hq-experience-hero-image,.hq-v3-directory-device) img{border-radius:17px!important}
body.hq6-expressive.hq5-directory :is(.hq-experience-hero-image,.hq-v3-directory-device) figcaption{display:none!important}
body.hq6-expressive.hq5-directory .hq4-filter-bar{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;gap:11px!important}
body.hq6-expressive.hq5-directory .hq4-filter{border-radius:13px!important;box-shadow:0 4px 9px #0d438621}
body.hq6-expressive.hq5-directory .grid-3 .tool-card{border-radius:20px 20px 33px 20px!important;border:1px solid #b0c8ed!important;border-top:0!important;box-shadow:0 7px 17px #0828621d!important}
body.hq6-expressive.hq5-directory .grid-3 .tool-card:nth-child(6n+1){background:linear-gradient(130deg,#ffedf5,#f5eafe)!important}
body.hq6-expressive.hq5-directory .grid-3 .tool-card:nth-child(6n+2){background:linear-gradient(130deg,#ddf8ff,#e5f0ff)!important}
body.hq6-expressive.hq5-directory .grid-3 .tool-card:nth-child(6n+3){background:linear-gradient(130deg,#eee2ff,#f3f0ff)!important}
body.hq6-expressive.hq5-directory .grid-3 .tool-card:nth-child(6n+4){background:linear-gradient(130deg,#d9ffeb,#e6f9fa)!important}
body.hq6-expressive.hq5-directory .grid-3 .tool-card:nth-child(6n+5){background:linear-gradient(130deg,#fff5ce,#fff9e8)!important}
body.hq6-expressive.hq5-directory .grid-3 .tool-card:nth-child(6n+6){background:linear-gradient(130deg,#ddf7ff,#e8faff)!important}
body.hq6-expressive.hq5-directory .grid-3 .tool-card:hover{transform:translateY(-5px)}
body.hq6-expressive.hq5-directory .tool-card img{border-radius:11px;box-shadow:0 5px 10px #10377525}
/* Math and science pages: remove stacked framed hero + cards, make workspaces the star. */
body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero,
body.hq6-expressive.hq6-workspace.hq5-studio .math2-shell>.math2-hero{position:relative;overflow:hidden;border:0!important;box-shadow:0 13px 32px #063c7626!important;background:radial-gradient(circle at 95% 20%,#33bdf6a1,transparent 48%),linear-gradient(108deg,#092659,#1556c7 67%,#087de5)!important;border-radius:30px 30px 83px 30px!important;margin-top:17px!important;margin-bottom:19px!important;padding:27px 34px!important;min-height:184px}
body.hq6-expressive.hq6-workspace.hq5-studio.hq5-science .stem-shell>.stem-hero{background:radial-gradient(circle at 86% 0%,#65ffe37f,transparent 45%),linear-gradient(112deg,#072d48,#087a8e 67%,#10a78f)!important}
body.hq6-expressive.hq6-workspace.hq5-studio.hq5-cer .stem-shell>.stem-hero{background:radial-gradient(circle at 88% 0%,#ff90c68a,transparent 40%),linear-gradient(110deg,#22205b,#6142c7 60%,#a24deb)!important}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero:before,
body.hq6-expressive.hq6-workspace.hq5-studio .math2-shell>.math2-hero:before{content:"";position:absolute;right:130px;top:-100px;width:270px;height:250px;border:28px solid #ffffff1c;transform:rotate(15deg);border-radius:48%;pointer-events:none}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero h1{color:#fff!important;text-shadow:none!important;font-size:clamp(36px,4vw,57px)!important;line-height:1.06!important;margin:0 0 10px!important}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero>div:first-child>p{color:#f4fbff!important;line-height:1.43!important;max-width:700px!important;font-size:clamp(15px,1.38vw,17px)!important}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero .stem-hero-card{background:#fffae8e8!important;border:0!important;border-radius:21px 21px 32px 21px!important;box-shadow:0 9px 19px #021c4730!important;transform:rotate(2deg)}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero .stem-hero-card strong{font-weight:900;font-size:17px!important;color:#143b73}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero .stem-hero-card p{font-size:13px!important;color:#315277!important}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-card{border:0!important;border-radius:26px!important;box-shadow:0 12px 26px #06387317!important;padding:20px!important}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-card{border:1px solid #b9dafa!important;border-top:3px solid color-mix(in srgb,var(--hq5-tool) 65%,#fff)!important;border-radius:20px!important;box-shadow:0 9px 19px #05295e16!important}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-card :is(input,select,textarea){box-shadow:none}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-panel.active{border:0!important;box-shadow:none!important;background:linear-gradient(145deg,#f8fcff,#eaf5ff 85%)!important}
body.hq6-expressive.hq6-workspace.hq5-studio .stem-stage{border:1px solid #b7d5fa!important;border-radius:19px!important;background:linear-gradient(135deg,#ecf7ff,#f9fcff)!important}
body.hq6-expressive.hq6-workspace.hq5-manip .stem-tabbar{border:none!important;border-radius:22px!important;background:transparent!important;padding:3px 0 12px!important;gap:10px!important}
body.hq6-expressive.hq6-workspace.hq5-manip .stem-tab{border-width:1px!important;border-radius:17px!important;box-shadow:0 5px 10px #0e4a8822;transition:transform .18s,box-shadow .18s}
body.hq6-expressive.hq6-workspace.hq5-manip .stem-tab.active{transform:translateY(-2px) scale(1.015)!important;box-shadow:0 8px 15px color-mix(in srgb,var(--tab) 38%,transparent)}
body.hq6-expressive.hq6-workspace.hq5-manip .stem-panel.active h2{font-size:clamp(25px,2.5vw,32px)!important}
body.hq6-expressive.hq6-workspace.hq5-phenomena .stem-card:has(#phResults){background:linear-gradient(145deg,#f7ffff,#e6faff)!important}
/* Contrast: never position dark captions over saturated backgrounds or behind transformed device cards. */
body.hq6-expressive .hq-v3-showcase-caption,body.hq6-expressive .hq6-stage figcaption{display:none!important}
body.hq6-expressive :is(.hero,.page-hero,.stem-hero) p{overflow-wrap:break-word}
/* Mobile / Chromebook / touchscreen */
@media(max-width:1110px){body.hq6-expressive.hq5-home .hero{padding:35px 31px!important}body.hq6-expressive.hq5-home .hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important}body.hq6-expressive.hq5-home .hero h1{font-size:clamp(38px,4.8vw,58px)!important}body.hq6-expressive.hq5-home .hq6-stage{height:365px}body.hq6-expressive.hq5-home .hq6-preview-game{height:215px}body.hq6-expressive.hq5-home .hq6-preview-question{font-size:23px;padding-bottom:8px}body.hq6-expressive.hq5-home .hq6-preview-choices span{min-height:26px}body.hq6-expressive.hq5-home .hq6-preview-foot{margin-top:5px}body.hq6-expressive.hq5-home .hq6-preview-screen{top:115px;height:210px}body.hq6-expressive.hq5-home .hq6-preview-flash{height:145px;bottom:0}body.hq6-expressive.hq5-home .hq6-flash-surface{min-height:84px}}
@media(max-width:900px){body.hq6-expressive.hq5-home .hero .hero-grid{grid-template-columns:1fr!important}body.hq6-expressive.hq5-home .hero{padding:31px 27px!important;border-radius:30px 30px 68px 30px!important}body.hq6-expressive.hq5-home .hero h1{font-size:clamp(42px,6vw,60px)!important}body.hq6-expressive.hq5-home .hero .lead{max-width:675px!important}body.hq6-expressive.hq5-home .hq6-stage{width:min(640px,100%);margin:8px auto -12px;height:375px}body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero{grid-template-columns:1fr!important}body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero .stem-hero-card{transform:none}}
@media(max-width:680px){body.hq6-expressive.hq6-discovery.hq5-home .wrap{padding:12px 10px 46px}body.hq6-expressive.hq5-home .hero{padding:29px 21px!important;border-radius:26px 26px 49px 26px!important}body.hq6-expressive.hq5-home .hero h1{font-size:clamp(37px,10vw,51px)!important;line-height:1.03!important}body.hq6-expressive.hq5-home .hero .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}body.hq6-expressive.hq5-home .hero .actions .btn{font-size:12px!important;padding:12px 8px!important;min-height:47px!important}body.hq6-expressive.hq5-home .hero .actions .hq6-quiet-link{grid-column:1/-1}body.hq6-expressive.hq5-home .hq6-stage{height:285px;margin:12px auto -16px;max-width:430px}body.hq6-expressive.hq5-home .hq6-preview-game{height:188px;border-width:3px;width:69%;top:5px}body.hq6-expressive.hq5-home .hq6-preview-top{padding:6px 8px;gap:4px}body.hq6-expressive.hq5-home .hq6-preview-hq{font-size:14px}body.hq6-expressive.hq5-home .hq6-preview-top strong{font-size:11px}body.hq6-expressive.hq5-home .hq6-preview-play{font-size:8px;padding:3px 4px}body.hq6-expressive.hq5-home .hq6-preview-question{font-size:clamp(15px,4.4vw,23px);padding:2px 6px 7px}body.hq6-expressive.hq5-home .hq6-preview-choices{gap:5px}body.hq6-expressive.hq5-home .hq6-preview-choices span{min-height:23px;font-size:12px}body.hq6-expressive.hq5-home .hq6-preview-foot{font-size:9px;margin-top:4px}body.hq6-expressive.hq5-home .hq6-preview-screen{top:93px;height:164px;width:59%;right:0;border-width:3px}body.hq6-expressive.hq5-home .hq6-screen-bar{padding:6px;font-size:9px}body.hq6-expressive.hq5-home .hq6-preview-screen img{height:calc(100% - 29px)}body.hq6-expressive.hq5-home .hq6-preview-flash{height:114px;width:60%;bottom:2px;border-width:4px}body.hq6-expressive.hq5-home .hq6-flash-header{font-size:9px;padding:5px 7px}body.hq6-expressive.hq5-home .hq6-flash-surface{min-height:75px;margin:0 8px 6px}body.hq6-expressive.hq5-home .hq6-flash-term{font-size:18px}body.hq6-expressive.hq5-home .hq6-flash-hint{font-size:8px}body.hq6-expressive.hq5-home .hq6-spark-top{font-size:32px;right:1%}body.hq6-expressive.hq5-home .hq6-spark-bottom{font-size:27px;left:0}body.hq6-expressive.hq5-home .hq4-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}body.hq6-expressive.hq5-home .hq4-feature h3{font-size:17px!important}body.hq6-expressive.hq5-home .hq4-feature p{font-size:12px!important}body.hq6-expressive.hq5-home .hq5-card-visual{min-height:90px}body.hq6-expressive.hq5-home .hq4-feature-action{font-size:12px!important}body.hq6-expressive.hq5-directory .page-hero,body.hq6-expressive.hq5-directory .stem-hero.hq-v3-directory-head{padding:20px!important}body.hq6-expressive.hq5-directory .page-hero h1,body.hq6-expressive.hq5-directory .stem-hero h1{font-size:clamp(32px,7vw,45px)!important}body.hq6-expressive.hq6-workspace.hq5-studio .stem-shell>.stem-hero{padding:22px 18px!important;border-radius:24px 24px 50px 24px!important}}
@media(max-width:380px){body.hq6-expressive.hq5-home .hq4-feature-grid{grid-template-columns:1fr!important}body.hq6-expressive.hq5-home .hero h1{font-size:36px!important}body.hq6-expressive.hq5-home .hero .actions .btn{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){body.hq6-expressive :is(.hq6-preview,.hq4-feature,.stem-tab){transition:none!important;transform:none!important}}
@media print{body.hq6-expressive :is(.hero,.stem-hero){background:#fff!important;color:#111!important;box-shadow:none!important}body.hq6-expressive .hq6-stage{display:none!important}}
/* Tool previews are pedagogically meaningful (accurate models or genuine captured interfaces). */
body.hq6-expressive.hq5-directory .section{position:relative;border:0!important;border-radius:29px 29px 65px 29px!important;padding:24px 26px!important;box-shadow:none!important}
body.hq6-expressive.hq5-directory .section .grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:17px}
body.hq6-expressive.hq5-directory .section .grid-3 .tool-card{padding:17px 17px 16px;min-width:0;min-height:335px;border-radius:21px 21px 28px 21px!important}
body.hq6-expressive.hq5-directory .tool-card h3{font-weight:920;color:#0a2b68!important;margin:8px 0 7px}
body.hq6-expressive.hq5-directory .tool-card p{line-height:1.43;font-size:14px}
body.hq6-expressive.hq5-directory .hq6-tool-visual{position:relative;overflow:hidden;min-height:118px;height:133px;display:flex;justify-content:center;align-items:center;gap:7px;border-radius:15px;margin:12px 0 15px;background:linear-gradient(145deg,#e1f3ff,#e6efff);border:2px solid #fff;box-shadow:0 8px 16px #0e3d701a}
body.hq6-expressive.hq5-directory .hq6-tool-real img{width:100%;height:100%;object-fit:cover;object-position:top left}
body.hq6-expressive.hq5-directory .hq6-tool-game{background:linear-gradient(135deg,#1d1d70,#4733c9)}
body.hq6-expressive.hq5-directory .hq6-mini-game-title{position:absolute;top:10px;font-size:12px;letter-spacing:.08em;font-weight:950;color:#ffe665}
body.hq6-expressive.hq5-directory .hq6-mini-game-choices{display:grid;width:88%;grid-template-columns:1fr 1fr;gap:7px;padding-top:19px}
body.hq6-expressive.hq5-directory .hq6-mini-game-choices i{font-size:12px;font-style:normal;font-weight:900;background:#1681f5;padding:7px;border-radius:7px;text-align:center;color:#fff}
body.hq6-expressive.hq5-directory .hq6-mini-game-choices i:nth-child(2){background:#12b56d}body.hq6-expressive.hq5-directory .hq6-mini-game-choices i:nth-child(3){background:#ffc72b;color:#10295b}body.hq6-expressive.hq5-directory .hq6-mini-game-choices i:nth-child(4){background:#ee3899}
body.hq6-expressive.hq5-directory .hq6-tool-flash{background:linear-gradient(130deg,#ffe799,#faf7cf)}
body.hq6-expressive.hq5-directory .hq6-mini-flash{width:90%;height:93px;background:linear-gradient(135deg,#185ef0,#18a5f5);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border-radius:11px;font-size:25px;font-weight:960;box-shadow:0 9px 12px #154faa40}
body.hq6-expressive.hq5-directory .hq6-mini-flash small{color:#fff;font-weight:750;font-size:11px}
body.hq6-expressive.hq5-directory .hq6-tool-math{background:#dff0ff;gap:7px}
body.hq6-expressive.hq5-directory .hq6-mini-frac{display:flex;width:68px;height:25px;border:2px solid #1d58b4;border-radius:3px;overflow:hidden}
body.hq6-expressive.hq5-directory .hq6-mini-frac>i{display:block;flex:1;background:#faffff;border-right:1px solid #1d58b4}
body.hq6-expressive.hq5-directory .hq6-mini-frac>i:last-child{border:0}
body.hq6-expressive.hq5-directory .hq6-mini-frac>i.filled{background:#1767f3}
body.hq6-expressive.hq5-directory .hq6-mini-equal{font-size:23px;font-weight:900;color:#113d86}
body.hq6-expressive.hq5-directory .hq6-mini-math-label{position:absolute;top:8px;font-size:12px;font-weight:900;color:#0e408b}
body.hq6-expressive.hq5-directory .hq6-mini-math-label:last-child{top:auto;bottom:5px}
body.hq6-expressive.hq5-directory .hq6-tool-number{background:linear-gradient(115deg,#101e57,#354fc6);flex-direction:column;gap:9px}
body.hq6-expressive.hq5-directory .hq6-mini-number{font-size:clamp(21px,2vw,29px);font-weight:940;color:#fff}
body.hq6-expressive.hq5-directory .hq6-tool-number small{font-size:13px;color:#f4f8ff}
body.hq6-expressive.hq5-directory .hq6-tool-science{background:linear-gradient(125deg,#cbfff0,#a8eaff);flex-direction:column}
body.hq6-expressive.hq5-directory .hq6-mini-science{font-size:14px;font-weight:900;color:#086051}
body.hq6-expressive.hq5-directory .hq6-mini-ramp{color:#1561c9;font-size:37px}
body.hq6-expressive.hq5-directory .hq6-tool-cer{background:linear-gradient(120deg,#eaf1ff,#d4ffe9);gap:5px;padding:9px}
body.hq6-expressive.hq5-directory .hq6-mini-cer-head{display:grid;place-items:center;min-height:45px;flex:1;border-radius:9px;color:#fff;font-size:clamp(10px,1vw,12px);font-weight:900;background:#195bdf;text-align:center}
body.hq6-expressive.hq5-directory .hq6-mini-cer-head:nth-child(2){background:#0e9871}
body.hq6-expressive.hq5-directory .hq6-mini-cer-head:nth-child(3){background:#7950d5}
body.hq6-expressive.hq5-directory .hq6-tool-time{background:linear-gradient(120deg,#091f58,#1942b2);flex-direction:column}
body.hq6-expressive.hq5-directory .hq6-mini-time{font-size:38px;color:white;letter-spacing:.08em;font-weight:950}
body.hq6-expressive.hq5-directory .hq6-tool-time small{color:#fef7da}
body.hq6-expressive.hq5-directory .hq6-tool-graph{background:linear-gradient(130deg,#ecfaff,#dcecff);flex-direction:column;gap:3px}
body.hq6-expressive.hq5-directory .hq6-mini-bars{height:89px;width:75%;border-bottom:3px solid #1b437c;display:flex;align-items:end;justify-content:space-around;gap:9px;padding:2px 7px 0}
body.hq6-expressive.hq5-directory .hq6-mini-bars i{width:21%;height:var(--h);background:linear-gradient(0deg,#1674ed,#63e1ff);border-radius:4px 4px 0 0;border:1px solid #1a63ac}
body.hq6-expressive.hq5-directory .hq6-tool-graph small{color:#174c87;font-size:11px}
body.hq6-expressive.hq5-directory .hq6-tool-dial{flex-direction:column;background:linear-gradient(125deg,#d5eaf9,#ffeabd);gap:4px}
body.hq6-expressive.hq5-directory .hq6-mini-dial{width:76px;height:76px;border:8px double #253655;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#102f66;background:#f0f4f8;box-shadow:0 6px 10px #153f7c27}
body.hq6-expressive.hq5-directory .hq6-tool-dial small{color:#164e91;font-size:11px}
body.hq6-expressive.hq5-directory .tool-card .btn{margin-top:auto!important;display:flex!important;align-items:center;justify-content:center;min-height:45px}
@media(max-width:680px){body.hq6-expressive.hq5-directory .section{padding:16px!important;border-radius:19px!important}body.hq6-expressive.hq5-directory .section .grid-3{grid-template-columns:1fr!important}body.hq6-expressive.hq5-directory .tool-card{min-height:0!important}}