@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&display=swap');
:root{--ink:#152f57;--navy:#164588;--blue:#2665c5;--baby:#e7f4ff;--mist:#f4faff;--white:#fff;--border:#c6ddf4;--muted:#59718d;--shadow:0 5px 19px rgba(15,64,122,.055);--round:19px;--font:'Atkinson Hyperlegible',system-ui,Arial,sans-serif;--display:'Bricolage Grotesque',system-ui,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--baby);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.52}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.59}a{color:var(--blue)}h1,h2,h3,b,strong{overflow-wrap:break-word}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;line-height:1.12}p{line-height:1.62}h1,h2,h3,p{margin-top:0}h1{font-weight:800}h2{font-weight:800}button:focus-visible,a:focus-visible,.file-label:focus-within{outline:3px solid #1b63ca!important;outline-offset:3px}.skip-link{position:absolute;left:-9999px;z-index:9999;padding:12px;background:white}.skip-link:focus{left:12px;top:12px}
.topbar{position:sticky;top:0;z-index:90;background:rgba(251,254,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #d0e4f6}.topbar-inner{max-width:1480px;margin:auto;display:flex;gap:24px;align-items:center;padding:11px 32px;min-height:79px}.logo{border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;padding:0;color:var(--ink);flex-shrink:0}.logo-shape{height:45px;width:45px;display:grid;place-items:center;background:#2461be;color:white;border-radius:13px;font-size:23px;font-weight:900;transform:rotate(-6deg);box-shadow:4px 4px 0 #d2e7ff}.logo-type{display:flex;flex-direction:column;line-height:1.02;font-family:var(--display)}.logo-type small{font-size:.76rem;font-weight:800;letter-spacing:.02em}.logo-type strong{font-size:1.3rem;color:#1f5db4;font-weight:900}.logo-type i{font-size:.74rem;color:#627891;font-family:var(--font);font-style:normal;font-weight:700;margin-top:3px}.toplinks{display:flex;align-items:center;justify-content:center;gap:3px;flex:1}.navlink{background:transparent;border:0;border-radius:12px;color:#475f7d;padding:11px 13px;font-size:.84rem;font-weight:700;white-space:nowrap}.navlink:hover,.navlink.current{color:#1f5bb2;background:#e3f1ff}.header-right{display:flex;gap:7px;align-items:center}.header-chip{white-space:nowrap;background:#eff7ff;color:#225a9f;border:1px solid #cce0f5;border-radius:10px;padding:8px 9px;font-size:.75rem;font-weight:800}.header-chip[aria-pressed=true]{color:white;background:#245db4}.streak{white-space:nowrap;font-weight:800;background:#fff4cb;border:1px solid #e8d08b;border-radius:30px;padding:7px 10px;color:#796010;font-size:.72rem}
.site-layout{display:grid;grid-template-columns:248px minmax(0,1fr);max-width:1480px;margin:auto}.sidebar{position:sticky;top:79px;height:calc(100dvh - 79px);border-right:1px solid var(--border);padding:30px 17px;background:#f0f8ff;display:flex;flex-direction:column}.eyebrow{font-family:var(--font);font-weight:800;letter-spacing:.11em;color:#265da5;font-size:.69rem;line-height:1.3}.sidebar>.eyebrow{margin:11px 12px}.side-nav{display:flex;flex-direction:column;gap:6px}.sidebar-link{width:100%;display:flex;gap:12px;align-items:center;justify-content:flex-start;text-align:left;background:none;border:0;color:#375777;padding:12px;border-radius:11px;font-weight:700;font-size:.87rem}.sidebar-link>span:first-child{font-size:1.15rem;min-width:19px;text-align:center;color:#2862b0}.sidebar-link.selected,.sidebar-link:hover{background:#dbeeff;color:#184d9a}.side-divider{height:1px;background:#cddff0;margin:18px 7px}.inline-chip{margin-left:auto;border-radius:20px;background:#daeaf9;padding:4px 8px;font-size:.69rem}.sidebar-progress{margin-top:auto;background:#fff;border:1px solid #c5ddf4;border-radius:17px;padding:16px}.sidebar-progress>.eyebrow{margin-bottom:9px}.sidebar-progress>strong{font:800 1.9rem var(--display)}.sidebar-progress>strong span{font:400 .72rem var(--font);color:var(--muted)}.sidebar-progress>small{color:var(--muted);font-size:.7rem}.sidebar-progress .meter{margin:10px 0}
.main-area{min-width:0;min-height:70vh;padding:31px clamp(18px,4.6vw,66px) 24px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,.8fr);gap:30px;align-items:center;background:#d7ebff;border:1px solid #afd1f3;border-radius:26px;overflow:hidden;padding:48px 40px;min-height:341px}.hero-content{position:relative;z-index:2}.overline{display:inline-flex;align-items:center;color:#245db0;font-size:.68rem;font-weight:900;letter-spacing:.1em}.hero h1{font-size:clamp(2.4rem,4vw,3.75rem);margin:17px 0 16px}.hero h1 em{font-style:normal;color:#2261bb}.hero p{max-width:570px;color:#3f6082;font-size:1.02rem;margin-bottom:22px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.btn{min-height:43px;padding:10px 17px;border-radius:11px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-weight:800;font-size:.86rem;line-height:1.25;text-decoration:none;transition:background-color .15s ease,border-color .15s ease;max-width:100%}.btn-primary{color:#fff;background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:#164ea7}.btn-secondary{color:#1d5bac;background:#e9f4ff;border-color:#bddefa}.btn-secondary:hover,.btn-outline:hover{background:#daeaff}.btn-outline{color:#205aa7;background:white;border-color:#b9d3ee}.btn-light{color:#14509d;background:white}.btn-text{border:0;background:none;color:#1c5cb0;padding:7px 9px}.btn-green{color:#fff;background:#1c795d}.text-btn{background:none;color:#295f9d;border:0;padding:8px 0;margin-bottom:15px;font-size:.85rem;font-weight:800}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #d0e4fa;border-radius:30px;padding:5px 10px;color:#295f9f;background:#ecf6ff;font-size:.7rem;font-weight:800;white-space:nowrap}.hero-art{position:relative;min-height:238px;display:grid;place-items:center}.art-paper{width:214px;height:240px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;border-radius:23px;background:white;border:1px solid #a9c7eb;padding:25px;transform:rotate(7deg);box-shadow:0 13px 0 #a5ccf3,0 24px 28px rgba(57,109,166,.22)}.art-paper>span{font-size:.64rem;color:#235eaa;font-weight:900;letter-spacing:.13em}.art-paper>strong{background:#e4f1ff;border-radius:10px;color:#2163b9;padding:9px 10px;font:800 .96rem var(--display)}.art-paper>b{font:800 1.56rem/1 var(--display)}.art-paper>small{font-size:.75rem;color:#2c5f9d;font-weight:800}.art-sticker{position:absolute;bottom:-3px;left:0;background:#1956a8;color:white;transform:rotate(-7deg);border-radius:12px;padding:10px 12px;font-size:.73rem;font-weight:800}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:21px}.white-card{background:#fff;border:1px solid #cbdff4;border-radius:21px;padding:25px;box-shadow:var(--shadow)}.white-card h2{font-size:clamp(1.29rem,2vw,1.6rem);margin:5px 0 12px}.white-card p{font-size:.87rem;color:#526e8c}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.card-top h2{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 19px}.stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#edf7ff;border-radius:12px;padding:12px 5px}.stats strong{font:800 1.35rem var(--display)}.stats small{color:#58748f;font-size:.71rem}
.section{padding:27px 0 13px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}.section-top h2{font-size:clamp(1.8rem,2.4vw,2.3rem);margin:9px 0}.section-top p{margin:0;color:#5b7390;font-size:.9rem}.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unit-card{width:100%;min-width:0;min-height:100px;border:1px solid #c9dff6;background:white;border-radius:16px;display:flex;gap:14px;align-items:center;padding:14px;text-align:left;color:var(--ink);box-shadow:var(--shadow)}.unit-card:hover{border-color:#6ba1e0;background:#fbfdff}.unit-no{display:grid;place-items:center;width:50px;height:51px;flex-shrink:0;border-radius:12px;background:#e1f0ff;color:#205db1;font:800 1.04rem var(--display)}.unit-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.unit-copy b{font:800 .97rem/1.2 var(--display)}.unit-copy small{font-size:.76rem;color:#55718e;line-height:1.34}.unit-copy em{font-style:normal;font-size:.69rem;color:#245fac;font-weight:800;margin-top:4px}.unit-arrow{font-size:1.23rem;color:#245fae;flex-shrink:0}
.tipbar{background:#dcecff;border:1px dashed #95bce7;border-radius:16px;display:flex;gap:13px;padding:18px 20px;margin:23px 0;align-items:flex-start}.tipbar p{font-size:.9rem;color:#355b87;margin:0}.tip-icon{background:#bcdcff;color:#1857b2;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-weight:900;flex-shrink:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature{background:#fff;border:1px solid #c9def3;border-radius:18px;min-height:145px;padding:17px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;color:var(--ink)}.feature>span{color:#245caa;font:800 1.43rem var(--display)}.feature>b{font:800 .93rem/1.15 var(--display)}.feature>small{font-size:.74rem;color:#2b63aa;margin-top:auto;font-weight:800}.feature:hover{border-color:#83b4e9;background:#f8fcff}.pricing-banner{background:#15447f;color:white;margin:28px 0;border-radius:22px;padding:29px 34px;display:flex;justify-content:space-between;align-items:center;gap:22px}.pricing-banner .eyebrow{color:#c1dfff}.pricing-banner h2{font-size:1.75rem;margin:12px 0}.pricing-banner p{color:#dbeaff;font-size:.91rem;margin:0;max-width:590px}.pricing-banner button{white-space:nowrap}
.page-title{font-size:clamp(2.15rem,4vw,3.25rem);margin:11px 0}.lead{color:#506c8b;font-size:.97rem;max-width:790px;margin-bottom:21px}.hub-banner{background:#d9edff;border:1px solid #b6d5f5;border-radius:24px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:22px}.hub-banner h1{font-size:clamp(1.95rem,3.6vw,3rem);margin:12px 0}.hub-banner p{max-width:620px;color:#456482;margin-bottom:14px}.hub-number{background:white;border-radius:30px;width:132px;height:132px;display:grid;place-items:center;box-shadow:9px 9px 0 #badcf8;color:#215fba;font:800 3.1rem var(--display);transform:rotate(7deg);flex-shrink:0}.topic-tags,.tagrow{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.topic-tags span,.tagrow span{background:#eff8ff;border:1px solid #c6dff5;border-radius:30px;padding:7px 12px;font-size:.77rem;color:#2b5f9e;font-weight:700}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.resource-card{background:#fff;border:1px solid #c7def4;border-radius:17px;padding:17px;display:flex;min-height:112px;gap:14px;align-items:center;color:var(--ink);text-align:left;box-shadow:var(--shadow)}.resource-card:hover:not(:disabled){border-color:#79afe4}.resource-card.unavailable{background:#f7fbff;opacity:.7}.resource-icon{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:#e2f0ff;color:#245fad;font:800 1.55rem var(--display)}.resource-text{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}.resource-text b{font:800 1.04rem/1.18 var(--display)}.resource-text small{font-size:.8rem;color:#59748f;line-height:1.35}.resource-text em{font-style:normal;font-size:.71rem;color:#2562ae;margin-top:5px;font-weight:800}.small-print{font-size:.78rem;color:#677d94;margin:21px 0}
.activity-section{max-width:1030px}.activity-heading{margin-bottom:19px}.activity-heading p{color:#5d748e}.read-tools{margin:12px 0}.activity-box{background:white;border:1px solid #c9def4;border-radius:22px;padding:27px;box-shadow:var(--shadow);min-height:230px}.activity-progress{display:flex;align-items:center;justify-content:space-between;color:#3d6395;font-weight:800;font-size:.76rem;margin-bottom:10px}.meter{width:100%;height:9px;border-radius:25px;background:#d7e7f7;overflow:hidden}.meter>span{display:block;background:#296bc7;height:100%;transition:width .17s ease}.flip-card{background:#e7f3ff;border:1px solid #c3dff8;border-radius:20px;min-height:250px;margin:22px 0;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;padding:29px;text-align:center}.flip-card h2{font-size:clamp(1.4rem,2.6vw,2.1rem);max-width:590px;margin:0}.centered{text-align:center}.subheading{font-weight:700;color:#54708e}.rating-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.activity-controls{display:flex;justify-content:space-between;gap:10px;margin-top:23px}.saved-note{font-size:.77rem;color:#62819e;text-align:center;margin-top:10px}.question-title{font-size:clamp(1.38rem,2.4vw,2.05rem);margin:22px 0}.answer-options{display:flex;flex-direction:column;gap:10px;margin:15px 0}.option-btn{width:100%;display:flex;gap:12px;align-items:center;min-height:58px;background:white;border:1px solid #c6def2;border-radius:12px;padding:12px 14px;text-align:left;color:#243f61;font-size:.91rem;font-weight:700}.option-btn:hover:not(:disabled){background:#f0f8ff}.option-btn>span{background:#e7f3ff;width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;color:#245bab;font-weight:800}.option-btn.right{background:#e7f6ed;border:2px solid #52a580;opacity:1;color:#185f45}.option-btn.wrong{background:#fff0f1;border:2px solid #cf8790;opacity:1}.feedback{margin-top:18px;border:1px solid #b6d9fa;background:#f0f8ff;border-radius:14px;padding:17px}.feedback b{font-family:var(--display);font-size:1.08rem}.feedback p{margin:8px 0 13px;color:#48688b;font-size:.9rem}.step-list{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.step-item{display:flex;align-items:center;gap:14px;background:#f3f9ff;border:1px solid #d2e4f5;border-radius:13px;padding:11px}.step-number{display:grid;place-items:center;flex-shrink:0;width:36px;height:37px;border-radius:10px;background:#dceefe;color:#205dae;font-weight:800}.step-item b{font-size:.91rem;flex:1}.step-item>div{display:flex;gap:5px}.move-btn{min-width:36px;min-height:36px;padding:3px;border:1px solid #bcd5ec;background:white;border-radius:8px;color:#2461ad;font-size:1.25rem;font-weight:800}.match-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:13px}.match-grid>div{display:flex;flex-direction:column;gap:9px}.match-grid .eyebrow{margin-bottom:4px}.match-btn{border:1px solid #bbd7f1;background:#f6fbff;border-radius:12px;min-height:79px;padding:12px;text-align:left;color:#264c7e;font-size:.83rem;font-weight:700}.match-btn.active{background:#dbeeff;border:2px solid #2462bb}.match-btn.matched{background:#e7f7ef;border:1px solid #b2ddcb;color:#1c6149;opacity:1}.scenario{border-left:5px solid #2767c0;background:#e9f5ff;border-radius:14px;padding:26px;margin:16px 0 24px}.scenario h2{font-size:1.55rem;margin:12px 0}.scenario p{font-size:1.05rem;margin:0}.diagram{background:#f4faff;border:1px dashed #bdd8ef;border-radius:17px;padding:12px;display:flex;justify-content:center;margin:18px 0}.diagram svg{max-width:100%;width:520px;height:auto;max-height:350px;font-family:var(--display)}.reading-list{display:flex;flex-direction:column;gap:11px;margin:19px 0}.reading-item{display:flex;align-items:center;gap:13px;padding:18px;border-radius:13px;text-decoration:none;background:#f4f9ff;border:1px solid #c5dcf2;color:#214d89}.reading-item:hover{border-color:#82b7e9}.read-icon{display:grid;place-items:center;font-size:1.4rem;background:#e0efff;border-radius:10px;width:42px;height:42px;flex-shrink:0}.reading-item>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:4px}.reading-item b{font-size:.94rem}.reading-item small{font-size:.76rem;color:#53718c}.completion{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;min-height:285px}.completion h2{font-size:1.9rem;margin:0}.completion p{color:#50708b}.completion.mini{min-height:0;margin-top:20px}.large-success{font-size:3rem;color:#187c60}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:21px 0}.metric{display:flex;flex-direction:column;gap:7px;padding:22px;background:#fff;border:1px solid #c8dff3;border-radius:16px}.metric strong{font:800 2.1rem var(--display);color:#1e60b8}.metric small{color:#536f8e;font-size:.78rem}.progress-unit{border-top:1px solid #e1eef8;padding:14px 0;display:grid;grid-template-columns:minmax(0,1fr) 135px auto;align-items:center;gap:15px}.progress-unit>div:first-child{display:flex;flex-direction:column;gap:4px}.progress-unit>div:first-child strong{font-size:.9rem}.progress-unit>div:first-child span{font-size:.75rem;color:#5e7894}.progress-unit .meter{height:8px}.badges-title{margin-top:34px}.badge-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.badge-card{padding:20px 9px;background:#fff;border:1px solid #c6ddf4;border-radius:15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.badge-card>span{background:#e5f1ff;color:#255fae;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;font:800 1.55rem var(--display)}.badge-card b{font:800 .9rem var(--display)}.badge-card small{font-size:.68rem;color:#627b94;line-height:1.32}.badge-card em{font-style:normal;font-size:.68rem;font-weight:800;color:#28659e}.badge-card.locked{opacity:.63}.badge-card.earned{border-color:#75abdf}.backup-card{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#dceeff;border:1px solid #bdd8f4;padding:26px;border-radius:19px;margin:28px 0}.backup-card h2{font-size:1.35rem;margin-bottom:6px}.backup-card p{color:#547291;font-size:.84rem;margin:0;max-width:550px}.backup-actions{display:flex;flex-direction:column;gap:8px;min-width:175px}.backup-actions input{width:1px;height:1px;opacity:0;position:absolute}.file-label{cursor:pointer;white-space:nowrap}.community-preview{background:white;border:1px solid #bcd7ee;border-radius:23px;padding:38px;max-width:750px;margin:30px auto;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.community-heart{font-size:2.6rem;background:#deefff;color:#235ca9;border-radius:18px;display:grid;place-items:center;width:72px;height:72px}.community-preview h2{font-size:1.8rem;margin:8px 0}.community-preview p{color:#58728e;max-width:560px}.community-preview .tagrow{justify-content:center}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.price-card{min-height:242px;background:#fff;border:1px solid #c9def3;border-radius:19px;padding:23px;display:flex;flex-direction:column;align-items:flex-start}.price-card.featured{border:2px solid #2463bd;box-shadow:0 8px 28px rgba(26,88,165,.11)}.price-card h2{font-size:1.28rem;margin:16px 0 10px}.price-card>strong{font:800 2rem var(--display);color:#1e5fb9}.price-card p{color:#52718d;font-size:.83rem;flex:1;margin:10px 0}.price-card>span:last-child{font-size:.75rem;color:#1d5ba9;font-weight:800;margin-top:11px}
.footer{display:flex;flex-direction:column;gap:7px;border-top:1px solid #cbdff2;padding:26px 0 22px;margin-top:31px;color:#6b8199;font-size:.74rem}.footer strong{font:800 .86rem var(--display);color:#325b8d}.footer p{max-width:880px;color:#697f95;font-size:.7rem;margin:4px 0}.toast{position:fixed;z-index:999;left:50%;bottom:92px;transform:translateX(-50%);background:#183e70;color:white;border-radius:12px;padding:13px 19px;text-align:center;box-shadow:0 10px 30px #183e7040;font-weight:700;font-size:.84rem;max-width:80vw}.toast[hidden]{display:none}.mobile-nav{display:none}
.large-text{font-size:18px}.large-text .btn{font-size:1rem}.large-text .eyebrow{font-size:.82rem}.focus-mode .hero-art,.focus-mode .feature-grid,.focus-mode .pricing-banner,.focus-mode .sidebar-progress{display:none}
@media(max-width:1230px){.topbar-inner{padding:9px 21px;gap:15px}.toplinks .navlink{font-size:.78rem;padding:9px 10px}.streak{display:none}.site-layout{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding:21px 10px}.main-area{padding:24px 25px}.hero{padding:35px 28px}.hero h1{font-size:3rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.badge-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:880px){.toplinks,.sidebar{display:none}.topbar-inner{min-height:66px;padding:8px 18px}.main-area{padding:20px 18px 83px}.site-layout{display:block}.mobile-nav{position:fixed;z-index:95;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid #cde1f6;justify-content:space-around;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.mobile-link{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:62px;min-height:52px;color:#4b7197}.mobile-link.current{color:#1c5cae}.mobile-link>span{font-size:1.4rem;line-height:1}.mobile-link small{font-size:.67rem;font-weight:800}.hero{grid-template-columns:1.3fr .7fr}.art-paper{width:170px;height:199px;padding:17px}.art-paper b{font-size:1.27rem}.hub-number{width:90px;height:90px;font-size:2rem}}
@media(max-width:650px){.logo-shape{height:40px;width:40px}.logo-type small{font-size:.66rem}.logo-type strong{font-size:1.06rem}.logo-type i{font-size:.62rem}.header-chip{font-size:.69rem;padding:6px}.main-area{padding:14px 13px 91px}.hero{display:block;padding:26px 21px;min-height:0;border-radius:20px}.hero h1{font-size:clamp(2rem,8.9vw,2.7rem)}.hero p{font-size:.91rem}.hero-art{display:none}.hero-actions{flex-direction:column}.overview-grid,.unit-grid,.resource-grid,.price-grid{grid-template-columns:1fr}.white-card{padding:20px}.section{padding:25px 0 10px}.section-top{align-items:flex-start}.section-top>.btn{font-size:.74rem;padding:8px}.unit-card{min-height:88px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature{padding:14px;min-height:131px}.pricing-banner{flex-direction:column;align-items:flex-start;padding:25px 20px}.pricing-banner h2{font-size:1.45rem}.page-title{font-size:2.1rem}.hub-banner{padding:24px 19px}.hub-banner h1{font-size:1.95rem}.hub-number{width:67px;height:67px;border-radius:20px;box-shadow:4px 4px 0 #badcf8;font-size:1.36rem}.activity-box{padding:17px 15px}.flip-card{padding:24px 17px;min-height:205px}.rating-buttons{gap:5px}.rating-buttons .btn{padding:8px 5px;font-size:.79rem}.step-item{gap:8px;padding:8px}.step-item>div{flex-direction:column}.move-btn{min-height:29px;min-width:35px}.match-grid{gap:8px;grid-template-columns:1fr 1fr}.match-btn{padding:9px;font-size:.76rem;min-height:83px}.metric-grid,.badge-grid{grid-template-columns:1fr 1fr}.price-card{min-height:191px}.progress-unit{grid-template-columns:1fr auto}.progress-unit .meter{grid-column:1/-1;grid-row:2}.backup-card{display:block;padding:22px}.backup-actions{margin-top:17px;flex-direction:row;flex-wrap:wrap}.backup-actions .btn{min-width:155px}.footer{margin-top:20px}.community-preview{padding:27px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.meter>span{transition:none}}
/* Future image-based label diagrams can be added without rewriting the quiz engine. */
.image-label-canvas{position:relative;display:block;width:min(100%,620px);margin:auto}
.image-label-canvas img{display:block;width:100%;height:auto;border-radius:10px}
.diagram-hotspot{position:absolute;transform:translate(-50%,-50%);min-width:35px;min-height:35px;border:2px solid white;background:#245fbb;color:#fff;border-radius:50%;font-weight:900;font-size:.91rem;box-shadow:0 2px 9px #164b8450}
.diagram-hotspot:hover{background:#143f82}