/* HQ v4.3 — deliberate visual fidelity polish.
   Safe-only marketing CSS: tool engines, routes, account services and active lesson records unchanged. */
:root{--hq7-deep:#071d51;--hq7-sky:#1bbbf7;--hq7-cobalt:#1064ee;--hq7-yellow:#ffc525;--hq7-candy:#fb2f8f}
body.hq6-expressive{background:linear-gradient(165deg,#f7fcff,#eff8ff 44%,#f9faff 88%)}
/* Clear compact HQ identity, while nav labels stay first-priority. */
.site-header .nav>.brand{margin-right:0!important}
.hq7-brand-label{white-space:pre-line;color:#d5e8ff;font-size:10px;font-weight:680;line-height:1.13;letter-spacing:.01em;max-width:130px;padding-left:7px;border-left:1px solid #ffffff4a}
.site-header .nav-links{margin-left:auto}
/* Asymmetric wave canvas: make it feel like a teaching world rather than a background rectangle. */
body.hq6-expressive.hq5-home .hero{
  border-radius:54px 54px 150px 44px!important;
  min-height:535px!important;
  background:
    radial-gradient(ellipse at 72% 16%, #69edff55 0%, transparent 44%),
    radial-gradient(ellipse at 96% 102%, #0243df 0%, transparent 56%),
    radial-gradient(ellipse at 0 100%, #bbd0ff 0%, transparent 46%),
    linear-gradient(122deg,#c8f7ff 1%,#cff0ff 34%,#80d9ff 56%,#0979f1 100%)!important;
}
body.hq6-expressive.hq5-home .hero:before{width:700px;height:380px;left:-230px;bottom:-225px;transform:rotate(-22deg);background:linear-gradient(30deg,#9f83ff74,#2ecfff38)!important}
body.hq6-expressive.hq5-home .hero:after{width:520px;height:245px;right:-145px;top:-130px;background:linear-gradient(100deg,#16e1f96f,#7a50fd8a)!important}
body.hq6-expressive.hq5-home .hero h1{max-width:650px!important;letter-spacing:-.073em!important;font-size:clamp(47px,4.8vw,73px)!important}
body.hq6-expressive.hq5-home .hq6-click{color:#6a2d00!important}
body.hq6-expressive.hq5-home .hero p.lead{font-weight:580;color:#12345d!important}
body.hq6-expressive.hq5-home .hero .actions .btn{border-radius:15px 22px 15px 22px!important;font-size:15px!important;box-shadow:0 9px 0 #10265e14,0 15px 24px #2b6b9a2c!important}
body.hq6-expressive.hq5-home .hq6-stage{height:480px;transform:translateY(13px);filter:drop-shadow(0 6px 2px #0f4d9430)}
body.hq6-expressive.hq5-home .hq6-orbit-one{right:0;top:10px;width:465px;height:450px;background:radial-gradient(closest-side,#33e7ff8c,#287dfa88 79%,transparent 100%)}
body.hq6-expressive.hq5-home .hq6-orbit-two{border:24px solid #ffee6770;bottom:12%;left:8%;width:145px;height:145px}
/* Game: genuinely recognizable game-show layout; clear that static frame is illustrative. */
body.hq6-expressive.hq5-home .hq6-preview-game{height:315px!important;width:75%!important;left:0!important;top:0!important;border-radius:20px 32px 28px 18px!important;border:5px solid #08145f!important;
  background:radial-gradient(circle at 85% 3%,#9d42ff 0%,transparent 44%),radial-gradient(circle at 18% 100%,#0d63ed 0%,transparent 65%),linear-gradient(145deg,#14156d,#2c20aa 70%,#071559)!important;
  transform:rotate(-4.3deg)!important;box-shadow:0 24px 36px #001e718a!important}
body.hq6-expressive.hq5-home .hq6-preview-game:hover{transform:rotate(-1.6deg) translateY(-7px)!important}
body.hq6-expressive.hq5-home .hq6-preview-top{padding:10px 15px 8px!important;position:relative;z-index:2}
body.hq6-expressive.hq5-home .hq6-preview-top strong{font-size:16px!important}
body.hq6-expressive.hq5-home .hq6-preview-play{background:#f82554!important;color:white!important;padding:5px 10px!important;border:2px solid #fff4ff;font-size:13px!important;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px #0005}
body.hq6-expressive.hq5-home .hq6-preview-question{font-size:clamp(22px,2.3vw,34px)!important;text-shadow:0 2px 1px #080d6a;line-height:1.05!important;margin:4px 14px 10px;border:1px solid #ffffff71;border-radius:11px;min-height:83px;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#e8f4ff,#fff1fb);color:#101e65!important;text-shadow:none!important;letter-spacing:-.04em!important}
body.hq6-expressive.hq5-home .hq6-preview-choices{width:88%!important;gap:8px!important}
body.hq6-expressive.hq5-home .hq6-preview-choices span{font-size:16px!important;min-height:36px!important;border-radius:8px!important;border:2px solid #ffffff36;box-shadow:inset 0 -3px 0 #00000024,0 3px 7px #030e5061!important}
body.hq6-expressive.hq5-home .hq6-preview-choices span:nth-child(2){background:#10a864!important}
body.hq6-expressive.hq5-home .hq6-preview-foot{font-size:11px!important;letter-spacing:.015em}
/* Separate cards flow out of the illustration rather than line up as equal-size floating boxes. */
body.hq6-expressive.hq5-home .hq6-preview-screen{z-index:4!important;top:194px!important;right:-2%!important;width:62%!important;height:247px!important;border:5px solid #fff!important;border-radius:17px 24px 19px 24px!important;transform:rotate(5.3deg)!important;box-shadow:0 23px 34px #01236d70!important}
body.hq6-expressive.hq5-home .hq6-preview-screen:hover{transform:rotate(1.5deg) translateY(-7px)!important}
body.hq6-expressive.hq5-home .hq6-preview-flash{z-index:5!important;bottom:0!important;left:-2%!important;width:60%!important;height:169px!important;transform:rotate(-8.3deg)!important;border-color:#fff4a6!important;border-width:6px!important;border-radius:20px 22px 29px 18px!important}
body.hq6-expressive.hq5-home .hq6-preview-flash:hover{transform:rotate(-3deg) translateY(-7px)!important}
/* Discovery strip: intentional colorful tool worlds, clearer click targets, less identical-box effect. */
body.hq6-expressive.hq5-home .hq4-discovery-section{position:relative;margin-top:16px!important;padding:0 0 12px!important}
body.hq6-expressive.hq5-home .hq4-featured-intro{margin-bottom:14px!important}
body.hq6-expressive.hq5-home .hq4-featured-intro h2{font-size:clamp(30px,3vw,42px)!important;letter-spacing:-.064em!important}
body.hq6-expressive.hq5-home .hq4-feature-grid{gap:16px!important}
body.hq6-expressive.hq5-home .hq4-feature{border-radius:22px 22px 48px 22px!important;border-width:1px!important;border-bottom-width:7px!important;box-shadow:0 15px 27px #103c8618!important;padding:16px 16px 18px!important;transition:transform .18s ease,box-shadow .18s ease!important;overflow:hidden!important}
body.hq6-expressive.hq5-home .hq4-feature:nth-child(2){border-radius:22px 50px 22px 22px!important;transform:translateY(9px)!important}
body.hq6-expressive.hq5-home .hq4-feature:nth-child(3){border-radius:44px 22px 22px 22px!important}
body.hq6-expressive.hq5-home .hq4-feature:nth-child(4){border-radius:22px 22px 22px 44px!important;transform:translateY(9px)!important}
body.hq6-expressive.hq5-home .hq4-feature:hover{transform:translateY(-4px)!important;box-shadow:0 19px 34px #103d8629!important}
body.hq6-expressive.hq5-home .hq4-feature h3{font-size:21px!important;letter-spacing:-.045em!important}
body.hq6-expressive.hq5-home .hq5-card-visual{min-height:146px!important;border-radius:14px 23px 16px 23px!important}
body.hq6-expressive.hq5-home .hq4-feature-action{font-weight:900!important}
/* Categories are editorial bands rather than extra stacks of generic cards. */
body.hq6-expressive.hq5-home .category-band{gap:19px!important;margin-top:35px!important}
body.hq6-expressive.hq5-home .category-card{border-radius:38px 18px 62px 18px!important;min-height:210px;box-shadow:0 16px 33px #13296714!important}
body.hq6-expressive.hq5-home .category-card.science{border-radius:18px 48px 18px 70px!important}
/* Tool directory: preserve usable cards but bring a little more character to their previews. */
body.hq6-expressive.hq5-directory .page-hero,body.hq6-expressive.hq5-directory .stem-hero.hq-v3-directory-head{border-radius:37px 38px 85px 28px!important}
body.hq6-expressive.hq5-directory .section .grid-3 .tool-card:nth-child(3n+2){border-radius:22px 39px 22px 22px!important}
body.hq6-expressive.hq5-directory .section .grid-3 .tool-card:nth-child(3n+3){border-radius:41px 20px 22px 24px!important}
body.hq6-expressive.hq5-directory .hq6-tool-visual{height:147px!important;border-radius:17px 27px 17px 23px!important}
@media(max-width:1140px){.hq7-brand-label{display:none!important}body.hq6-expressive.hq5-home .hq6-preview-game{height:260px!important}body.hq6-expressive.hq5-home .hq6-preview-screen{top:150px!important;height:210px!important}body.hq6-expressive.hq5-home .hq6-preview-flash{height:150px!important}}
@media(max-width:850px){body.hq6-expressive.hq5-home .hero{min-height:0!important}body.hq6-expressive.hq5-home .hq6-stage{height:390px}body.hq6-expressive.hq5-home .hq6-preview-game{height:245px!important}body.hq6-expressive.hq5-home .hq6-preview-question{min-height:60px!important}body.hq6-expressive.hq5-home .hq6-preview-choices span{min-height:30px!important}body.hq6-expressive.hq5-home .hq6-preview-screen{top:160px!important;height:190px!important}body.hq6-expressive.hq5-home .hq6-preview-flash{height:140px!important}}
@media(max-width:680px){body.hq6-expressive.hq5-home .hero{padding:27px 20px!important;border-radius:28px 28px 75px 27px!important}body.hq6-expressive.hq5-home .hero h1{font-size:clamp(37px,10vw,53px)!important}body.hq6-expressive.hq5-home .hq6-stage{height:312px!important;max-width:460px!important;margin-bottom:-14px!important}body.hq6-expressive.hq5-home .hq6-preview-game{height:205px!important;width:75%!important;top:0!important}body.hq6-expressive.hq5-home .hq6-preview-top{padding:7px 8px 5px!important}body.hq6-expressive.hq5-home .hq6-preview-top strong{font-size:11px!important}body.hq6-expressive.hq5-home .hq6-preview-play{font-size:10px!important;padding:3px 5px!important}body.hq6-expressive.hq5-home .hq6-preview-question{margin:0 6px 7px!important;min-height:51px!important;font-size:clamp(14px,4vw,20px)!important}body.hq6-expressive.hq5-home .hq6-preview-choices{gap:5px!important}body.hq6-expressive.hq5-home .hq6-preview-choices span{min-height:23px!important;font-size:10px!important;padding:2px!important}body.hq6-expressive.hq5-home .hq6-preview-foot{font-size:8px!important;margin-top:5px}body.hq6-expressive.hq5-home .hq6-preview-screen{width:60%!important;top:136px!important;height:154px!important;border-width:3px!important}body.hq6-expressive.hq5-home .hq6-preview-screen img{height:calc(100% - 27px)}body.hq6-expressive.hq5-home .hq6-preview-flash{width:60%!important;height:112px!important;bottom:3px!important;border-width:4px!important}body.hq6-expressive.hq5-home .hq4-feature-grid{gap:9px!important}body.hq6-expressive.hq5-home .hq4-feature{border-radius:18px 18px 31px 18px!important;padding:11px!important}body.hq6-expressive.hq5-home .hq4-feature:nth-child(2),body.hq6-expressive.hq5-home .hq4-feature:nth-child(4){transform:none!important}body.hq6-expressive.hq5-home .hq4-feature h3{font-size:17px!important}body.hq6-expressive.hq5-home .hq5-card-visual{min-height:103px!important}body.hq6-expressive.hq5-directory .hq6-tool-visual{height:138px!important}}
@media(prefers-reduced-motion:reduce){body.hq6-expressive .hq4-feature,body.hq6-expressive .hq6-preview{transition:none!important}}
/* Keep every illustrated game choice legible before the other previews overlap. */
@media(min-width:1141px){
  body.hq6-expressive.hq5-home .hq6-preview-screen{top:249px!important;height:218px!important;width:57%!important;right:-1%!important}
}
/* v4.3.2: HQ branding relies on original tool interfaces, color, and typography.
   No decorative AI-like sparkles, party-popper, balloon, stars, or emoji replacements. */

/* Review corrections: constrain the real Writing Feedback preview, not the card. */
body.hq-approved-v4.hq-v4-discovery .tool-card .hq-writing-preview{
  width:min(100%,440px);height:auto!important;aspect-ratio:1165/747;
  align-self:center;background:#f5f8fc;
}
body.hq-approved-v4.hq-v4-discovery .tool-card .hq-writing-preview img{
  width:100%;height:100%;object-fit:contain;object-position:center;
}
/* The error page uses the approved shell and recovery-action palette. */
body.hq-not-found .page-title{color:#132c59}
body.hq-not-found .btn-primary{background:#126af2;color:#fff;border-color:#1554bd}
body.hq-not-found .btn-secondary{background:#ffcb32;color:#0a2349;border-color:#dfaa15}