/* Home design refresh: scoped to public landing pages, preserving application controls. */
body.design-refresh{--dr-ink:#243239;--dr-muted:#52646d;--dr-panel:#fff;--dr-soft:#f5f7f8;--dr-line:#d9e2e5;--dr-shadow:0 14px 38px #182f3a0a}
body.design-refresh :is(h1,h2,h3){text-wrap:balance}body.design-refresh p{overflow-wrap:break-word}body.design-refresh :is(button,a,input,select,summary):focus-visible{outline:3px solid #2887d4;outline-offset:4px}body.design-refresh :is(input,select,button){font-family:inherit}body.design-refresh main{min-width:0}
body.design-refresh .content-finder{width:calc(100% - 32px);margin:24px auto;background:var(--dr-panel);border:1px solid var(--dr-line);border-radius:18px;box-shadow:var(--dr-shadow);color:var(--dr-ink);border-inline-start:4px solid var(--dr-accent)}
body.design-refresh .content-finder summary{display:list-item;padding:19px 22px;color:var(--dr-ink);font-size:1rem;line-height:1.5;min-height:60px}
body.design-refresh .content-finder[open] summary{border-bottom:1px solid var(--dr-line);margin-bottom:18px}
body.design-refresh .content-finder .finder-list a{background:var(--dr-soft);border-color:var(--dr-line);border-radius:13px;padding:16px;color:var(--dr-ink);box-shadow:none;transition:border-color .16s ease,background .16s ease}
body.design-refresh .content-finder .finder-list a:hover{border-color:var(--dr-accent);background:var(--dr-panel)}
body.design-refresh .content-finder :is(strong,input,button){color:var(--dr-ink)}body.design-refresh .content-finder :is(.finder-intro,.finder-description,.finder-status){color:var(--dr-muted)}
body.design-refresh .content-finder :is(input,button){background:var(--dr-panel);border-color:var(--dr-line);border-radius:10px;min-height:46px}body.design-refresh .content-finder .finder-empty{background:var(--dr-soft);color:var(--dr-ink)}
body.design-refresh .content-finder .finder-list{gap:12px;padding:4px;scrollbar-width:thin}
body.design-refresh :is(.button,.btn,.header-cta,.quick-start a){transition:box-shadow .16s ease,background .16s ease;touch-action:manipulation}
body.design-refresh :is(.button,.btn,.header-cta):hover{box-shadow:0 5px 18px #12232a18}
@media(max-width:700px){body.design-refresh .content-finder{width:calc(100% - 24px);margin:18px auto}body.design-refresh .content-finder summary{padding:16px;font-size:1rem}body.design-refresh .content-finder .finder-body{padding:0 14px 16px}body.design-refresh :is(.hero h1,.home-hero h1){font-size:clamp(2rem,8vw,2.8rem);line-height:1.18}body.design-refresh :is(.hero p.lead,.hero-lead){font-size:1.03rem;line-height:1.7}}
@media(prefers-reduced-motion:reduce){body.design-refresh .content-finder *,body.design-refresh :is(.button,.btn,.header-cta){transition:none!important;animation:none!important}}
@media(forced-colors:active){body.design-refresh .content-finder{border:2px solid CanvasText}body.design-refresh .content-finder *{forced-color-adjust:auto}}
html.a11y-contrast body.design-refresh .content-finder,body.a11y-contrast.design-refresh .content-finder{--dr-panel:#000;--dr-soft:#000;--dr-ink:#fff;--dr-muted:#fff;--dr-line:#fff}

body.design-iq{--dr-accent:#1c5b4d}
body.design-iq{--dr-soft:#eef4ed;--dr-line:#d5e0d5;--dr-ink:#184b40;--dr-muted:#536b62;background:#f7f8f2}body.design-iq .site-header{padding-block:18px 12px}body.design-iq #site-navigation{padding-top:15px;padding-bottom:12px;gap:24px}body.design-iq #home-view>.hero{padding-top:32px;padding-bottom:30px;gap:56px;align-items:center}body.design-iq .hero h1{font-size:clamp(2.5rem,4.7vw,3.8rem);line-height:1.1;letter-spacing:-.025em;max-width:18ch}html[dir=rtl] body.design-iq .hero h1{letter-spacing:normal}body.design-iq .hero-copy>p{line-height:1.75;max-width:39ch}body.design-iq .puzzle-card{border-radius:22px;border:1px solid #d4dfd3;box-shadow:0 18px 48px #173b310c;padding:24px}body.design-iq .puzzle-card h2{font-size:1.4rem}body.design-iq .matrix{gap:16px;padding-block:6px;margin-block:16px}body.design-iq .orbit{opacity:.5}body.design-iq :is(#quick-start,#experienced-start){border-radius:12px;min-height:76px;padding:15px 18px}body.design-iq .rank-board{border:1px solid #d5e0d5;border-radius:20px;box-shadow:0 10px 30px #173b3107;background:white}body.design-iq .home-guide-links a{border-radius:14px;border-color:#d5e0d5}body.design-iq .language-links{row-gap:12px}@media(max-width:700px){body.design-iq #home-view>.hero{padding-top:24px;gap:26px}body.design-iq .hero h1{max-width:none;font-size:2.4rem}body.design-iq .puzzle-card{padding:20px}body.design-iq .site-tools{gap:7px;flex-wrap:wrap}body.design-iq #site-navigation{gap:16px}body.design-iq .matrix{gap:14px}}