:root{--paper:#f7f3eb;--cream:#F5E9D2;--surface:#fffdf8;--terracotta:#B96347;--olive:#7C8260;--cocoa:#493A30;--ochre:#D7AC5C;--ink:#403b32;--muted:#827c70;--line:#e7e1d4;--green:#57694b;--green-soft:#e8eddf;--pink-soft:#f4e3da;--round:22px;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit;min-height:44px}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--terracotta);outline-offset:4px}input,select{color:var(--ink)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cocoa);color:white;border-radius:8px;padding:13px}.skip-link:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:#fffdf7;border-right:1px solid var(--line);padding:32px 22px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;letter-spacing:-.6px;font-size:18px;line-height:1.12}.brand-mark{display:grid;place-items:center;background:var(--terracotta);color:#fff7e8;border-radius:15px 15px 15px 5px;width:42px;height:42px;font:italic 700 33px/1 Georgia,serif;padding-bottom:4px}.brand strong{display:inline;margin-left:4px;font-weight:700}.brand small{font-size:6px;letter-spacing:1.2px;display:block;margin-top:8px;color:var(--muted);font-weight:700}.nav-label{font-size:8px;letter-spacing:1.7px;font-weight:750;color:#a6a18f;margin:48px 0 15px 12px}.desktop-nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;border-radius:12px;min-height:47px;text-align:left;padding:10px 13px;display:flex;align-items:center;gap:12px;font-size:12px;color:#8b8477;position:relative}.nav-item>span:first-child{font-size:22px;line-height:1;width:24px;text-align:center;color:#979680}.nav-item.is-active{background:#eeefdf;color:#626a4b;font-weight:700}.nav-item.is-active>span:first-child{color:#69744e}.nav-lock{font-size:16px;margin-left:auto;opacity:.65}.sidebar-note{margin-top:auto;border:1px solid #e9e3d1;border-radius:18px;padding:0 14px 14px;background:#f9f5ea;text-align:center}.sidebar-note img{display:block;width:98px;height:98px;object-fit:contain;margin:-43px auto 0}.sidebar-note strong{display:block;font-size:11px;margin:1px 0 7px}.sidebar-note p{font-size:9px;line-height:1.8;color:var(--muted);margin:0}.sidebar-footer{font-size:9px;color:#9a9487;line-height:1.8;margin:24px 8px 0}.sidebar-footer strong{font-weight:500}.app-shell{margin-left:226px;min-height:100vh}.preview-banner{display:flex;gap:14px;align-items:center;justify-content:center;background:#e8ebdd;border-bottom:1px solid #d4dac3;padding:10px 24px;color:#5d6849;font-size:10px;line-height:1.5}.preview-banner strong{font-weight:750;white-space:nowrap}.preview-banner span{color:#788063}.topbar{max-width:1240px;margin:auto;padding:26px 38px 25px;display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar-eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:750;color:#a09a8b;margin:0 0 8px}.topbar #page-context{font-size:14px;font-weight:550;letter-spacing:-.1px;margin:0}.access-pill{display:flex;gap:6px;align-items:center;border:1px solid #dddacb;background:#fffdf7;color:#7d8065;border-radius:30px;padding:8px 11px;font-size:9px;white-space:nowrap}.access-pill>span{height:5px;width:5px;background:#8d9770;border-radius:50%}main{max-width:1240px;margin:0 auto;padding:0 38px;outline:none}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr 1fr;min-height:312px;border-radius:25px;background:#ede5d1;overflow:hidden;padding:37px 36px}.hero:before{content:"";position:absolute;width:350px;height:350px;right:-65px;top:3px;border-radius:50%;background:#e4ddc5;z-index:-1}.hero:after{content:"";position:absolute;right:135px;bottom:-170px;width:350px;height:350px;border:1px solid #d8cda9;border-radius:50%;z-index:-1}.eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:750;color:#8b8e6e;margin:0 0 12px}.hero h1{font-size:clamp(29px,3.2vw,44px);letter-spacing:-1.6px;line-height:1.16;font-weight:600;margin:0 0 17px;max-width:430px;color:var(--cocoa)}.hero h1 em{font-style:normal;color:#a75a42}.hero-copy{font-size:12px;line-height:1.8;color:#8c806b;max-width:330px;margin:0 0 23px}.button-primary,.button-secondary,.button-quiet,.button-danger{border:1px solid transparent;border-radius:10px;min-height:45px;padding:11px 17px;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.button-primary{background:var(--terracotta);color:#fff9ed;border-color:var(--terracotta)}.button-primary:hover:not(:disabled){background:#a5573d}.button-secondary{background:#fffdf7;border-color:#d6d8c3;color:#68704f}.button-quiet{background:transparent;border-color:var(--line);color:#827c6d}.button-danger{background:#f5e3d8;color:#a05c43;border-color:#ead1c1}.button-wide{width:100%}.hero-art{position:relative;min-height:230px;align-self:stretch;pointer-events:none}.hero-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 9px 8px #705d3910)}.hero-kauthar{height:265px;width:265px;bottom:-32px;left:10px;z-index:2}.hero-ustaz{height:250px;width:250px;bottom:-15px;right:-45px;z-index:1;opacity:.95}.hero-cat{height:100px;width:100px;bottom:-26px;left:-13px;z-index:3}.hero-star{position:absolute;color:#c9ac6c;font-size:26px;top:29px;left:8px}.hero-star.second{font-size:17px;right:0;left:auto;top:22px}.section{margin-top:32px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px}.section-heading h2{font-size:20px;font-weight:650;letter-spacing:-.6px;margin:0 0 6px}.section-heading p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.text-link{font-size:10px;color:#777f5d;border:0;background:transparent;padding:0 3px;font-weight:650;min-height:44px;white-space:nowrap}.text-link>span{margin-left:9px}.free-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.free-card{border:1px solid var(--line);border-radius:19px;background:var(--surface);padding:21px 21px 17px;position:relative;overflow:hidden;min-width:0}.subject-symbol{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:#f0e4d5;color:#a86649;font-size:21px;font-weight:600;flex:0 0 auto}.free-card:nth-child(2) .subject-symbol{background:#e7ebda;color:#808961}.free-card:nth-child(3) .subject-symbol{background:#f3e9ce;color:#bd9b4f}.free-label{position:absolute;top:26px;right:18px;background:#edf1e4;color:#7c8861;font-size:7px;font-weight:700;letter-spacing:.7px;border-radius:6px;padding:5px 7px}.free-card h3{font-size:16px;font-weight:650;letter-spacing:-.4px;margin:18px 0 8px}.free-card p{font-size:10px;color:#999082;line-height:1.7;margin:0 0 16px;min-height:34px}.free-card .card-start{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:44px;background:transparent;border:0;border-top:1px solid #efe9dc;color:#7d8364;font-size:10px;font-weight:650;padding:13px 0 0}.catalog-toolbar{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.filter-chip{min-height:35px;border:1px solid #e0dfce;border-radius:30px;padding:7px 13px;font-size:9px;background:transparent;color:#9a9383}.filter-chip.is-active{background:#e9ecdc;color:#68754c;border-color:#d8dec3;font-weight:650}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.subject-card{display:flex;gap:12px;align-items:center;min-height:89px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fffdf8;padding:17px 15px;position:relative}.subject-card:hover{border-color:#bfc4a9}.subject-card .subject-symbol{width:37px;height:37px;font-size:18px;border-radius:10px;background:#efece1;color:#949372}.subject-info{min-width:0;flex:1}.subject-info strong{font-size:11px;font-weight:650;display:block;line-height:1.5}.subject-info small{display:block;font-size:8px;color:#a19989;margin-top:4px}.subject-tier{font-size:8px;color:#8c9273}.subject-card.is-free .subject-tier{color:#788a5e}.subject-card.is-free{border-color:#dfe5ce;background:#fffef9}.subject-card.is-free .subject-symbol{background:#e9eddb;color:#7b875c}.learning-strip{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:30px}.feature-card{border:1px solid #e2decf;border-radius:19px;padding:24px;background:#eeeddf;position:relative;min-height:180px;overflow:hidden;text-align:left}.feature-card:nth-child(2){background:#f1e8dc}.feature-card .feature-index{font-size:9px;font-weight:700;color:#9a9b7e;letter-spacing:1px}.feature-card h3{font-size:18px;letter-spacing:-.4px;font-weight:650;margin:12px 0 9px}.feature-card p{font-size:11px;line-height:1.7;color:#93917d;max-width:250px;margin:0 0 12px}.feature-card .feature-link{font-size:9px;color:#7b8261;font-weight:700}.feature-card:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #d7d8bd;border-radius:50%;right:-65px;bottom:-65px}.feature-lock{position:absolute;right:23px;top:22px;font-size:16px;color:#a5a58c}.app-footer{max-width:1240px;margin:auto;padding:30px 38px 28px;display:flex;gap:24px;justify-content:space-between;align-items:center;color:#b0a794;font-size:9px}.app-footer>span{font-weight:650;color:#928c78}.app-footer p{margin:0;line-height:1.7}.mobile-nav{display:none}.loading-view{padding:65px 25px;text-align:center;background:#fffdf8;border:1px solid var(--line);border-radius:22px}.loading-mark{font:italic 50px Georgia,serif;color:var(--terracotta)}.loading-view h1{font-size:22px;margin:18px 0 10px}.loading-view p{font-size:12px;color:var(--muted);line-height:1.8}.empty-message{padding:25px;background:#fffdf8;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:12px;line-height:1.7}.catalog-intro{padding:12px 0 24px}.catalog-intro h1{font-size:32px;letter-spacing:-1px;margin:0 0 12px}.catalog-intro p{font-size:12px;line-height:1.8;color:var(--muted);max-width:620px;margin:0}.bread-row{display:flex;align-items:center;gap:12px;margin:0 0 17px;color:#9d9483;font-size:10px}.back-button{min-height:44px;width:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:18px;color:#81795e}.quiz-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 23px}.quiz-title-row h1{font-size:29px;font-weight:650;letter-spacing:-1px;margin:0 0 9px}.quiz-subtitle{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.quiz-mode-pill{border:1px solid #dce1cc;border-radius:30px;color:#7c8762;padding:8px 12px;font-size:9px;white-space:nowrap;background:#edf0e3}.session-progress{background:#e8e4d5;border-radius:10px;overflow:hidden;height:5px;margin-bottom:24px}.session-progress>span{display:block;height:100%;background:#8c9770;width:0}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:22px;align-items:start}.question-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:27px;min-width:0}.question-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px;font-size:9px;color:#a09787}.question-meta .grade-tag{border-radius:6px;background:#eeefdf;color:#838c63;padding:6px 8px;font-size:8px;font-weight:650}.question-card h2{font-size:22px;line-height:1.65;font-weight:600;letter-spacing:-.4px;margin:0 0 14px}.question-instruction{font-size:12px;color:#928774;line-height:1.8;margin:0 0 21px}.answer-choices{display:grid;gap:11px;margin-top:24px}.answer-choice{display:flex;align-items:center;gap:13px;text-align:left;min-height:59px;border:1px solid #e4dfd1;border-radius:12px;background:#fffefa;padding:13px 16px;font-size:14px;width:100%}.answer-choice .choice-letter{font-size:11px;display:grid;place-items:center;background:#f2eee2;border:1px solid #e3decd;border-radius:8px;width:29px;height:29px;color:#90846b;flex:0 0 auto}.answer-choice[aria-pressed="true"]{background:#eff1e5;border-color:#a6b08b;box-shadow:inset 0 0 0 1px #a6b08b20}.answer-choice[aria-pressed="true"] .choice-letter{background:#8b9570;color:#fffcef;border-color:#8b9570}.answer-choice:disabled{opacity:1;cursor:default}.text-answer-label{display:block;font-size:11px;color:#8e8676;font-weight:650;margin:20px 0 8px}.text-answer,.group-select{display:block;width:100%;min-height:52px;border:1px solid #d8d7c4;background:#fffef9;border-radius:11px;padding:12px 14px;font-size:15px;line-height:1.5}.text-answer:disabled,.group-select:disabled{background:#f5f2e8;color:#706c5e;opacity:1}.check-zone{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.check-zone .button-primary{min-width:175px}.check-help{font-size:10px;color:#a39a88;line-height:1.7;margin:11px 0 0}.decision{display:flex;align-items:center;gap:8px;border:1px solid #dce4cb;background:#edf2e4;color:#6b7d50;border-radius:10px;padding:11px 13px;font-size:12px;margin:15px 0 0;min-height:44px}.decision.incorrect{background:#f7e8e0;border-color:#ead4c6;color:#ac6d50}.decision.needs_review{background:#f6eed9;border-color:#e7d8af;color:#a48b4c}.decision.unanswered{background:#f3f0e6;border-color:#e4decf;color:#978e78}.unit-locked-note{font-size:10px;color:#968e7a;line-height:1.7;margin:11px 0 0}.quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px}.quiz-nav .button-secondary,.quiz-nav .button-quiet{font-size:10px;min-width:120px}.quiz-side{display:grid;gap:16px;min-width:0}.map-panel{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:19px 16px}.map-panel summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650}.map-panel summary::-webkit-details-marker{display:none}.map-panel summary:after{content:"+";font-size:17px;font-weight:500;color:#8f9579}.map-panel[open] summary:after{content:"−"}.map-count{font-size:10px;font-weight:500;color:#9a917f}.question-map{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:7px;padding-top:13px}.map-number{display:grid;place-items:center;min-height:44px;border:1px solid #e8e2d4;border-radius:9px;background:#fffef9;font-size:11px;color:#9b927e}.map-number.is-current{border-color:#ab8c67;box-shadow:0 0 0 1px #ab8c6750;color:#796349}.map-number.is-answered{background:#efe8d6;border-color:#d9c9a4;color:#917646}.map-number.is-correct{background:#e8efdf;border-color:#d2dfc0;color:#6d8151}.map-number.is-incorrect{background:#f5e5db;border-color:#e8cdbb;color:#a76646}.map-number.is-pending{background:#f3edd9;border-color:#e4d6a6;color:#9a854e}.map-legend{display:flex;gap:11px;flex-wrap:wrap;font-size:8px;color:#a29a87;margin-top:17px;line-height:1.8}.map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%;background:#e6dfcd}.legend-dot.answered{background:#d3ba7e}.legend-dot.checked{background:#9caa80}.quiz-side-note{background:#edeedf;border:1px solid #dfe3cc;border-radius:17px;padding:18px 16px}.quiz-side-note p{font-size:10px;color:#92977a;line-height:1.8;margin:0}.quiz-side-note strong{display:block;color:#79835d;font-size:11px;margin:0 0 9px}.finish-button{width:100%;min-height:48px;background:#7c8260;border:1px solid #7c8260;color:#fffbee;border-radius:11px;font-size:11px;font-weight:650;padding:12px}.shared-bank{position:sticky;top:12px;z-index:6;background:#f1ecd9f5;backdrop-filter:blur(10px);border:1px solid #dfd5b8;border-radius:13px;padding:14px;margin:20px 0 24px;box-shadow:0 5px 14px #6c5d2f08}.shared-bank p{font-size:9px;font-weight:700;letter-spacing:.5px;color:#9d8b60;margin:0 0 10px}.shared-options{display:flex;gap:8px;flex-wrap:wrap}.shared-option{border:1px solid #dbcfaa;background:#fffdf2;display:flex;gap:6px;align-items:center;padding:7px 9px;border-radius:7px;font-size:11px;line-height:1.4;color:#89754c}.shared-option b{font-size:9px;color:#b69a60}.group-children{display:grid;gap:15px}.group-child{border:1px solid #e8e3d3;border-radius:14px;background:#fffefa;padding:18px;scroll-margin-top:130px;min-width:0}.child-question{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px}.child-number{display:grid;place-items:center;border:1px solid #e4ddc8;background:#f4efdf;min-width:28px;height:28px;border-radius:8px;color:#a08a5b;font-size:10px;flex:0 0 auto}.child-question label{font-size:14px;line-height:1.8;padding-top:1px;flex:1}.group-child .decision{font-size:11px;margin-top:12px}.mind-root{border-radius:16px;background:#e9ecdd;border:1px solid #d4dcc1;color:#7d875e;padding:18px;text-align:center;margin:20px auto 0;max-width:340px;font-size:14px;line-height:1.7}.mind-connector{height:22px;width:1px;background:#ccd2b6;margin:auto}.mind-branches{display:grid;grid-template-columns:1fr 1fr;gap:13px;position:relative;border-top:1px solid #d6dac6;padding-top:16px}.mind-branches .group-child:last-child:nth-child(odd){grid-column:1/-1}.mind-branches .group-child{padding:15px}.mind-branches .child-question{gap:8px}.mind-branches .child-question label{font-size:12px}.mind-branches .text-answer{font-size:14px}.result-layout{max-width:850px;margin:0 auto}.result-eyebrow{text-align:center;margin:10px 0 12px;color:#98967a;font-size:9px;letter-spacing:1.5px;font-weight:700}.result-title{text-align:center;font-size:31px;letter-spacing:-1px;margin:0 0 10px;font-weight:600}.result-subtitle{text-align:center;font-size:12px;line-height:1.8;color:#a09682;margin:0 0 24px}.result-card{background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:30px}.result-overview{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center}.score-ring{width:164px;height:164px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#9aa479 var(--score-angle),#ece8d8 0);margin:auto}.score-ring-inner{width:139px;height:139px;border-radius:50%;background:#fffdf8;display:flex;flex-direction:column;justify-content:center;align-items:center}.score-ring strong{font-size:40px;letter-spacing:-2px;font-weight:600;color:#7a865e;line-height:1.2}.score-ring small{font-size:10px;color:#a19a87;margin-top:6px}.result-text h2{font-size:24px;letter-spacing:-.8px;font-weight:600;line-height:1.4;margin:0 0 11px}.result-text p{font-size:11px;line-height:1.8;color:#9a907c;margin:0}.result-subject{font-size:9px;color:#9d9b7f;font-weight:650;letter-spacing:.5px;display:block;margin-bottom:9px}.result-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid var(--line);padding-top:23px;margin-top:26px}.result-count{border:1px solid #e7e4d6;border-radius:13px;background:#faf8f0;text-align:center;padding:15px 8px}.result-count strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.8px;color:#9c967c}.result-count span{display:block;font-size:9px;color:#a49b86;margin-top:6px}.result-count.correct strong{color:#87966a}.result-count.incorrect strong{color:#b77c60}.result-count.pending strong{color:#ba9e5e}.result-actions{display:flex;gap:11px;justify-content:center;margin:24px 0}.session-note{padding:15px;border:1px solid #dedfc9;background:#edeee0;color:#939779;border-radius:13px;text-align:center;font-size:10px;line-height:1.8;margin-top:20px}.locked-results{display:grid;grid-template-columns:1fr 1fr;gap:14px}.locked-result{display:block;text-align:left;background:#f1eddf;border:1px solid #e5decc;border-radius:17px;min-height:142px;padding:20px}.locked-result strong{display:block;font-size:13px;margin:8px 0}.locked-result p{font-size:10px;line-height:1.7;color:#9b947e;margin:0}.locked-result small{font-size:8px;color:#9c9a7f;letter-spacing:1px}.inline-error{padding:14px 16px;border:1px solid #e9cdbb;background:#f8e8de;color:#a26e52;border-radius:12px;font-size:12px;line-height:1.7;margin:15px 0}.toast{position:fixed;left:calc(50% + 90px);bottom:24px;transform:translateX(-50%);max-width:min(540px,calc(100vw - 40px));background:#4e4f3f;color:#fffbee;border-radius:12px;padding:14px 20px;box-shadow:0 8px 30px #3e392c26;font-size:12px;line-height:1.7;z-index:100}dialog{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 40px);border:1px solid #e4dfd0;border-radius:23px;background:#fffdf8;color:var(--ink);padding:0;box-shadow:0 30px 100px #3e342530;overflow:auto}dialog::backdrop{background:#3b362e65;backdrop-filter:blur(3px)}.modal-inner{padding:29px}.modal-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.modal-top h2{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.8px;margin:0}.modal-top p{font-size:9px;color:#9e967f;letter-spacing:1px;font-weight:700;margin:0 0 9px}.modal-close{border:1px solid var(--line);background:#faf7ec;border-radius:50%;width:44px;height:44px;min-width:44px;font-size:22px;font-weight:400;color:#9b9079}.modal-copy{font-size:12px;line-height:1.9;color:#958a75;margin:0 0 18px}.demo-note{font-size:10px;line-height:1.8;background:#f2efdf;border:1px solid #e5dfc5;color:#a08d61;padding:13px 15px;border-radius:11px;margin:0 0 21px}.mode-options{display:grid;gap:11px;margin:17px 0 21px}.mode-option{display:flex;gap:13px;align-items:flex-start;border:1px solid #e3dfcd;border-radius:13px;padding:16px;cursor:pointer;min-height:85px}.mode-option:has(input:checked){background:#edf0e0;border-color:#b3bd96}.mode-option input{accent-color:#7c8260;width:17px;height:17px;margin-top:3px;flex:0 0 auto}.mode-option strong{font-size:13px;font-weight:650;display:block;line-height:1.5}.mode-option small{font-size:10px;line-height:1.7;display:block;color:#a1967d;margin-top:5px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:23px}.modal-list{padding-left:19px;font-size:12px;color:#958a75;line-height:1.9;margin:0 0 20px}.modal-error{color:#a36648;font-size:11px;line-height:1.7;min-height:19px;margin:11px 0 0}.premium-badge{display:inline-flex;gap:6px;background:#eeecdf;border-radius:7px;color:#97977b;padding:6px 8px;font-size:8px;letter-spacing:.8px;font-weight:700;margin-bottom:16px}.premium-art{width:110px;height:110px;object-fit:contain;float:right;margin:-7px 0 0 8px;pointer-events:none}.no-motion *{animation:none!important;transition:none!important}@media(hover:hover){.nav-item:hover{background:#f5f2e8}.subject-card:hover,.free-card:hover{box-shadow:0 5px 18px #6f674d08}.answer-choice:hover:not(:disabled){border-color:#b5bc9f}.button-secondary:hover:not(:disabled){background:#f0f2e6}.map-number:hover{border-color:#adb58c}}@media(min-width:1360px){.hero-art .hero-ustaz{right:-8px}.hero-kauthar{left:30px}.hero-cat{left:0}}@media(max-width:1180px){.sidebar{width:205px;padding-left:17px;padding-right:17px}.app-shell{margin-left:205px}.topbar,main,.app-footer{padding-left:27px;padding-right:27px}.hero{padding:30px 28px;min-height:300px}.hero h1{font-size:35px}.hero-kauthar{left:-10px;height:245px;width:245px}.hero-ustaz{right:-64px;height:225px;width:225px}.hero-cat{left:-22px}.hero-copy{max-width:280px}.free-card{padding:18px 17px}.free-label{right:14px;top:24px}.subject-grid{grid-template-columns:1fr 1fr}.quiz-layout{grid-template-columns:minmax(0,1fr) 225px;gap:17px}.question-card{padding:22px}.map-panel{padding:15px 13px}.question-map{grid-template-columns:repeat(4,minmax(40px,1fr));gap:5px}.map-number{min-height:44px}.quiz-title-row h1{font-size:25px}.question-card h2{font-size:20px}.result-overview{gap:20px}.toast{left:calc(50% + 100px)}}@media(max-width:960px){.sidebar{width:184px;padding:28px 13px 22px}.app-shell{margin-left:184px}.brand{gap:7px;font-size:16px}.brand-mark{width:36px;height:36px;font-size:29px}.brand small{font-size:5px;letter-spacing:.8px}.nav-item{font-size:11px;gap:8px}.nav-item>span:first-child{font-size:20px;width:20px}.sidebar-note{padding-left:10px;padding-right:10px}.sidebar-note strong{font-size:10px}.topbar,main,.app-footer{padding-left:23px;padding-right:23px}.preview-banner{display:block;text-align:center;font-size:9px;padding:8px 18px}.preview-banner strong{margin-right:10px}.hero{padding:28px 25px;grid-template-columns:1.2fr 1fr;min-height:285px}.hero h1{font-size:29px}.hero-copy{font-size:10px;max-width:235px}.hero-kauthar{height:225px;width:225px;left:-27px;bottom:-25px}.hero-ustaz{height:200px;width:200px;right:-69px;bottom:-7px}.hero-cat{height:82px;width:82px;left:-20px;bottom:-19px}.hero-star{top:10px;left:5px}.free-grid{gap:11px}.free-card{padding:17px 15px}.free-card h3{font-size:14px;margin-top:15px}.free-card p{font-size:9px}.free-label{font-size:6px;right:11px}.free-card .subject-symbol{width:35px;height:35px;font-size:18px}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.free-card .card-start{font-size:9px}.learning-strip{gap:12px}.feature-card{padding:21px}.feature-card h3{font-size:16px}.feature-card p{font-size:10px}.quiz-layout{grid-template-columns:1fr}.quiz-side{grid-template-columns:1fr 1fr;align-items:start}.map-panel{grid-row:span 2}.question-map{grid-template-columns:repeat(4,minmax(44px,1fr));gap:7px}.quiz-side-note{align-self:start}.quiz-side .finish-button{align-self:start}.result-card{padding:24px}.result-overview{grid-template-columns:1fr 1.15fr}.score-ring{width:145px;height:145px}.score-ring-inner{width:122px;height:122px}.score-ring strong{font-size:35px}.result-text h2{font-size:21px}.result-title{font-size:28px}.app-footer{align-items:flex-start;font-size:8px}}@media(max-width:760px){.sidebar{display:none}.app-shell{margin-left:0;padding-bottom:78px}.preview-banner{padding:10px 18px;line-height:1.6;text-align:left;font-size:9px}.preview-banner strong,.preview-banner span{display:block}.preview-banner strong{font-size:10px;margin:0 0 2px}.topbar{padding:21px 22px 23px}.topbar-eyebrow{font-size:7px;letter-spacing:1.3px}.topbar #page-context{font-size:13px}.access-pill{font-size:8px;padding:8px 10px}main{padding:0 22px}.hero{min-height:300px;padding:30px 28px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:36px}.hero-copy{font-size:11px;max-width:280px}.hero-kauthar{height:255px;width:255px;left:-18px;bottom:-27px}.hero-ustaz{height:230px;width:230px;right:-65px;bottom:-9px}.hero-cat{height:92px;width:92px;left:-17px;bottom:-22px}.section{margin-top:29px}.free-card h3{font-size:15px}.free-card p{font-size:10px}.free-card .card-start{font-size:10px}.free-label{font-size:7px}.subject-info strong{font-size:12px}.subject-info small{font-size:9px}.subject-tier{font-size:9px}.section-heading h2{font-size:20px}.section-heading p{font-size:11px}.feature-card h3{font-size:18px}.feature-card p{font-size:11px}.feature-card .feature-link{font-size:10px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:30;background:#fffdf8f5;backdrop-filter:blur(12px);border-top:1px solid #e4e0d1;padding:8px 13px calc(8px + env(safe-area-inset-bottom));min-height:70px;box-shadow:0 -4px 20px #5b4a2a05}.mobile-nav button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border:0;border-radius:10px;background:transparent;color:#b1a893;font-size:9px;min-height:47px}.mobile-nav button>span{font-size:22px;line-height:1}.mobile-nav button.is-active{background:#eeefdf;color:#7c8761;font-weight:650}.app-footer{padding:26px 22px 25px;font-size:9px}.toast{bottom:90px;left:50%;font-size:11px}.quiz-title-row h1{font-size:28px}.quiz-layout{gap:20px}.question-card{padding:26px}.question-card h2{font-size:23px}.quiz-subtitle{font-size:12px}.question-meta{font-size:10px}.quiz-mode-pill{font-size:9px}.answer-choice{font-size:15px;min-height:61px}.question-instruction{font-size:12px}.check-help,.unit-locked-note{font-size:10px}.quiz-side{grid-template-columns:1fr}.map-panel{grid-row:auto}.question-map{grid-template-columns:repeat(7,minmax(44px,1fr));gap:7px}.map-panel{padding:15px 18px}.map-panel summary{font-size:13px}.map-count{font-size:11px}.map-legend{font-size:9px}.quiz-side-note{display:none}.finish-button{font-size:12px;min-height:49px}.quiz-nav .button-secondary,.quiz-nav .button-quiet{font-size:11px;min-height:46px}.result-title{font-size:29px}.result-subtitle{font-size:12px}.result-overview{grid-template-columns:1fr 1.3fr}.result-text p{font-size:12px}.result-count span{font-size:10px}.result-count strong{font-size:27px}.locked-result strong{font-size:14px}.locked-result p{font-size:11px}.shared-bank{top:10px}.group-child{scroll-margin-top:145px}}@media(max-width:480px){.topbar{padding:20px 18px}.topbar #page-context{font-size:12px}.topbar-eyebrow{font-size:6px;letter-spacing:1px}.access-pill{font-size:7px;padding:7px 8px}main{padding:0 18px}.hero{display:block;min-height:374px;padding:27px 25px}.hero h1{font-size:33px;letter-spacing:-1.2px;max-width:280px}.hero-copy{font-size:10px;max-width:228px;line-height:1.8;margin-bottom:17px}.hero .button-primary{font-size:10px;padding:10px 14px;position:relative;z-index:5;min-height:44px}.hero-art{position:absolute;height:170px;width:210px;right:-12px;bottom:-2px;min-height:0}.hero-kauthar{width:183px;height:183px;left:-8px;bottom:-13px}.hero-ustaz{width:174px;height:174px;right:-24px;bottom:-7px}.hero-cat{width:67px;height:67px;left:-18px;bottom:-5px}.hero-star{font-size:20px;left:-2px;top:4px}.hero-star.second{font-size:13px;top:4px;right:29px}.hero:before{width:250px;height:250px;right:-58px;top:auto;bottom:-12px}.hero:after{width:260px;height:260px;right:10px;bottom:-150px}.hero .eyebrow{font-size:7px;letter-spacing:1.3px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:15px}.section-heading h2{font-size:19px;margin-bottom:7px}.section-heading p{font-size:10px}.text-link{font-size:9px;line-height:1.7}.free-grid{grid-template-columns:1fr;gap:12px}.free-card{padding:18px 19px 14px;display:grid;grid-template-columns:45px 1fr;column-gap:15px;align-items:center}.free-card .subject-symbol{grid-column:1;grid-row:1/3;width:43px;height:43px;font-size:22px}.free-card h3{grid-column:2;grid-row:1;margin:0 0 6px;font-size:16px;padding-right:58px}.free-card p{grid-column:2;grid-row:2;min-height:0;font-size:10px;margin:0;line-height:1.6}.free-label{top:20px;right:17px;font-size:6px}.free-card .card-start{grid-column:1/-1;min-height:44px;margin-top:15px;font-size:10px;padding:13px 0 0}.subject-grid{gap:10px}.subject-card{padding:15px 12px;min-height:109px;display:block}.subject-card .subject-symbol{width:31px;height:31px;font-size:16px;border-radius:8px;margin-bottom:11px}.subject-info strong{font-size:11px}.subject-info small{font-size:8px;margin-top:5px}.subject-tier{position:absolute;right:12px;top:19px;font-size:7px}.filter-chip{min-height:44px;font-size:9px;padding:8px 12px}.learning-strip{grid-template-columns:1fr;gap:13px;margin-top:25px}.feature-card{padding:23px;min-height:164px}.feature-card p{max-width:250px;font-size:11px}.feature-card h3{font-size:19px}.app-footer{display:block;padding:25px 18px 20px}.app-footer p{margin-top:8px;font-size:8px;line-height:1.8}.catalog-intro{padding:8px 0 19px}.catalog-intro h1{font-size:28px}.catalog-intro p{font-size:11px}.bread-row{font-size:9px;gap:10px;margin-bottom:16px}.quiz-title-row{display:block;margin-bottom:18px}.quiz-title-row h1{font-size:25px;margin-bottom:10px}.quiz-subtitle{font-size:10px}.quiz-mode-pill{display:inline-block;margin-top:13px;font-size:8px}.question-card{padding:20px 18px;border-radius:18px}.question-meta{margin-bottom:18px;font-size:9px}.question-card h2{font-size:20px;line-height:1.65}.question-instruction{font-size:11px;margin-bottom:18px}.answer-choice{font-size:14px;min-height:59px;padding:12px}.answer-choice .choice-letter{width:28px;height:28px;min-width:28px}.answer-choices{gap:10px;margin-top:20px}.quiz-nav{gap:9px;flex-wrap:wrap}.quiz-nav .button-secondary,.quiz-nav .button-quiet{font-size:10px;padding:10px 12px;min-width:0;flex:1}.check-zone .button-primary{width:100%;font-size:12px}.check-help{font-size:9px}.question-map{grid-template-columns:repeat(5,minmax(44px,1fr));gap:7px}.map-panel{padding:14px 16px}.quiz-side{gap:15px}.shared-bank{padding:12px 11px;top:8px;margin:17px 0 19px}.shared-bank p{font-size:8px;line-height:1.6;margin-bottom:8px}.shared-options{gap:6px}.shared-option{font-size:11px;padding:7px 8px}.group-child{padding:16px 13px;scroll-margin-top:165px}.child-question{gap:9px}.child-question label{font-size:13px;line-height:1.7}.text-answer,.group-select{font-size:14px;min-height:51px}.mind-root{font-size:13px;padding:15px}.mind-branches{grid-template-columns:1fr;gap:12px;border-top:0;border-left:1px solid #d6dac6;padding-top:0;padding-left:12px;margin-left:10px}.mind-branches .group-child:last-child:nth-child(odd){grid-column:auto}.mind-branches .group-child{position:relative}.mind-branches .group-child:before{content:"";width:12px;height:1px;position:absolute;left:-13px;top:29px;background:#d6dac6}.mind-branches .child-question label{font-size:13px}.result-layout{padding-top:2px}.result-title{font-size:27px}.result-subtitle{font-size:11px;max-width:280px;margin-left:auto;margin-right:auto}.result-card{padding:24px 19px;border-radius:21px}.result-overview{grid-template-columns:1fr;gap:23px;text-align:center}.score-ring{width:156px;height:156px}.score-ring-inner{width:132px;height:132px}.score-ring strong{font-size:39px}.result-text h2{font-size:23px;margin-bottom:9px}.result-text p{font-size:11px;max-width:250px;margin:auto}.result-counts{grid-template-columns:1fr 1fr;gap:10px;margin-top:23px;padding-top:20px}.result-count{padding:15px 8px}.result-count strong{font-size:28px}.result-count span{font-size:10px}.result-actions{gap:9px;flex-wrap:wrap;margin:21px 0}.result-actions button{flex:1;min-width:125px;font-size:11px}.session-note{font-size:10px;padding:14px;line-height:1.8}.locked-results{grid-template-columns:1fr;gap:12px}.locked-result{padding:19px;min-height:129px}.locked-result strong{font-size:14px}.locked-result p{font-size:11px}.modal-inner{padding:25px 22px}.modal-top h2{font-size:23px}.modal-copy{font-size:12px}.modal-actions .button-primary,.modal-actions .button-secondary{font-size:11px;flex:1}.demo-note{font-size:10px}.toast{width:calc(100vw - 36px);bottom:88px;padding:12px 15px;font-size:11px}.preview-banner{font-size:8px;padding:9px 18px}.preview-banner strong{font-size:9px}.modal-list{font-size:11px}.premium-art{width:90px;height:90px}.result-eyebrow{font-size:8px}.quiz-title-row .quiz-mode-pill{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Larger reading and tap text for pupils; keep small labels secondary. */
[dir="auto"]{unicode-bidi:plaintext}.nav-item{font-size:14px}.hero-copy{font-size:14px}.button-primary,.button-secondary,.button-quiet,.button-danger{font-size:14px}.free-card h3{font-size:19px}.free-card p{font-size:13px;line-height:1.8;min-height:69px}.free-card .card-start{font-size:13px}.subject-info strong{font-size:14px}.subject-info small{font-size:11px}.subject-tier{font-size:10px}.section-heading p{font-size:13px}.text-link{font-size:12px}.feature-card p{font-size:13px}.feature-card .feature-link{font-size:12px}.quiz-subtitle{font-size:13px}.question-instruction{font-size:14px}.answer-choice{font-size:16px}.quiz-nav .button-secondary,.quiz-nav .button-quiet{font-size:13px}.finish-button{font-size:14px}.check-help,.unit-locked-note{font-size:12px}.child-question label{font-size:16px}.shared-option{font-size:14px}.text-answer,.group-select{font-size:16px}.result-text p,.result-subtitle{font-size:14px}.result-count span{font-size:12px}.result-actions button{font-size:14px}.session-note{font-size:12px}.locked-result p{font-size:13px}.modal-copy,.modal-list{font-size:14px}.mode-option strong{font-size:15px}.mode-option small{font-size:12px}.demo-note{font-size:12px}.modal-actions .button-primary,.modal-actions .button-secondary{font-size:14px}.mind-branches .child-question label{font-size:14px}.filter-chip{min-height:44px;font-size:12px}.score-ring strong{font-size:31px;letter-spacing:-1.3px}.free-card{min-height:238px}
@media(max-width:960px){.hero-copy{font-size:13px}.free-card p{font-size:12px}.free-card .card-start{font-size:12px}.free-card h3{font-size:16px}}
@media(max-width:480px){.hero{min-height:440px;padding:28px 23px}.hero h1{font-size:32px}.hero-copy{font-size:14px;max-width:260px}.hero .button-primary{font-size:13px}.hero-art{height:155px;bottom:-2px}.hero-kauthar{height:172px;width:172px}.hero-ustaz{height:163px;width:163px}.hero-cat{height:62px;width:62px}.free-card{min-height:0}.free-card h3{font-size:18px;padding-right:49px}.free-card p{font-size:13px;min-height:0}.free-card .card-start{font-size:13px}.subject-info strong{font-size:13px}.subject-info small{font-size:10px}.subject-tier{font-size:8px}.subject-card{min-height:122px}.section-heading p{font-size:12px}.section-heading h2{font-size:21px}.text-link{font-size:11px}.feature-card p{font-size:14px}.feature-card{min-height:185px}.feature-card .feature-link{font-size:12px}.question-instruction{font-size:14px}.question-card h2{font-size:21px}.quiz-subtitle{font-size:12px}.answer-choice{font-size:16px}.check-zone .button-primary{font-size:14px}.check-help,.unit-locked-note{font-size:12px}.child-question label,.mind-branches .child-question label{font-size:15px}.quiz-nav .button-secondary,.quiz-nav .button-quiet{font-size:12px}.shared-option{font-size:13px}.text-answer,.group-select{font-size:16px}.result-text p,.result-subtitle{font-size:14px}.result-count span{font-size:12px}.result-actions button{font-size:13px}.locked-result p{font-size:13px}.session-note{font-size:12px}.modal-copy,.modal-list{font-size:14px}.mode-option strong{font-size:15px}.mode-option small{font-size:12px}.modal-actions .button-primary,.modal-actions .button-secondary{font-size:13px}.filter-chip{font-size:11px}}

/* Adult/child proportions use the visible PNG body, not the square canvas.
   Ustaz:Kauthar body height = 1:0.72. Both soles share one ground line. */
.hero-art {
  --child-size: 265px;
  --adult-size: calc(var(--child-size) * 1.2675);
  --figure-ground: -16px;
}
.hero-art .hero-kauthar {
  width: var(--child-size);
  height: var(--child-size);
  bottom: calc(var(--figure-ground) - var(--child-size) * 0.04864434);
}
.hero-art .hero-ustaz {
  width: var(--adult-size);
  height: var(--adult-size);
  bottom: calc(var(--figure-ground) - var(--adult-size) * 0.03429027);
  right: -88px;
}
@media (min-width:1360px) {
  .hero-art .hero-ustaz { right: -51px; }
}
@media (max-width:1180px) {
  .hero-art { --child-size:245px; }
  .hero-art .hero-ustaz { right:-107px; }
}
@media (max-width:960px) {
  .hero-art { --child-size:225px; --figure-ground:-12px; }
  .hero-art .hero-ustaz { right:-112px; }
}
@media (max-width:760px) {
  .hero-art { --child-size:255px; --figure-ground:-14px; }
  .hero-art .hero-ustaz { right:-112px; }
}
@media (max-width:480px) {
  .hero { min-height:480px; }
  .hero-art { --child-size:172px; --figure-ground:8px; }
  .hero-art .hero-ustaz { right:-52px; }
}

@media (min-width:481px) and (max-width:640px) {
  .hero { display:block; min-height:480px; padding:28px 23px; }
  .hero h1 { font-size:32px; max-width:280px; }
  .hero-copy { font-size:14px; max-width:260px; }
  .hero-art { position:absolute; width:210px; height:155px; min-height:0; right:-12px; bottom:-2px; --child-size:172px; --figure-ground:8px; }
  .hero-art .hero-kauthar { left:-8px; }
  .hero-art .hero-ustaz { right:-52px; }
  .hero-art .hero-cat { height:62px; width:62px; left:-18px; bottom:-5px; }
}

/* Homepage readability and navigation. Assessment text/layout is owned separately. */
#app[data-view="home"] .section-heading h2,#app[data-view="home"] .free-card h3{font-size:1.375rem;line-height:1.35}
#app[data-view="home"] .section-heading p,#app[data-view="home"] .free-card>p{font-size:1rem;line-height:1.65;color:#635b4d}
#app[data-view="home"] .card-start,#app[data-view="home"] .text-link,#app[data-view="home"] .filter-chip{font-size:1rem;min-height:44px;white-space:normal}
#app[data-view="home"] .free-label{font-size:.875rem;line-height:1.4;letter-spacing:0}
#app[data-view="home"] .subject-info strong{font-size:1rem;line-height:1.45}
#app[data-view="home"] .subject-info small,#app[data-view="home"] .subject-tier{font-size:.875rem;line-height:1.5}
#app[data-view="home"] .catalog-toolbar{flex-wrap:wrap}
#app[data-view="home"] .feature-card h3{font-size:1.25rem;line-height:1.4}
#app[data-view="home"] .feature-card p,#app[data-view="home"] .feature-link{font-size:.875rem;line-height:1.7;color:#635b4d}
#app[data-view="home"] .section{scroll-margin-top:16px}
#free-title:focus{outline:3px solid #925238;outline-offset:5px;border-radius:3px}
#app[data-view="home"] button:focus-visible,.topbar button:focus-visible,.mobile-nav button:focus-visible,.parent-info summary:focus-visible{outline:3px solid #925238;outline-offset:3px}
#app[data-view="home"] .button-primary:hover{background:#8e4934}
#app[data-view="home"] .filter-chip[aria-pressed="true"]{border:2px solid #57694b;text-decoration:underline;text-underline-offset:3px}
.app-footer{color:#635b4d;font-size:.875rem;align-items:flex-start;flex-wrap:wrap}
.app-footer>span{color:#493a30}
.app-footer p{font-size:.875rem;line-height:1.7}
.parent-info{flex:1 1 100%;font-size:.875rem;border-top:1px solid #c7c1b1;padding-top:12px;margin-top:8px}
.parent-info summary{display:list-item;cursor:pointer;min-height:44px;line-height:1.7;padding:10px 0;color:#493a30;font-weight:600}
.parent-info p{margin:0 0 12px;max-width:800px}
.display-settings{flex:1 1 100%;font-size:.875rem;border-top:1px solid #c7c1b1;padding-top:12px;margin-top:8px}
.display-settings summary{cursor:pointer;min-height:44px;line-height:1.7;padding:10px 0;color:#493a30;font-weight:600}
.display-settings:not(:has(#mascot-motion:not([hidden]))){display:none}
.display-settings>.mascot-motion{margin:8px 0 12px}
.display-settings summary:focus-visible{outline:3px solid #925238;outline-offset:3px}
@media(max-width:760px){
 .app-shell{padding-bottom:calc(var(--mobile-nav-height,78px) + 14px)}
 .topbar{padding:16px 22px}
 .mobile-nav{gap:4px;padding-left:8px;padding-right:8px;border-color:#b6ae9b}
 .mobile-nav button{min-width:0;min-height:54px;font-size:.875rem;line-height:1.3;color:#625b4d;padding:7px 3px;white-space:normal;overflow-wrap:anywhere}
 .mobile-nav button.is-active{color:#46523a;box-shadow:inset 0 -3px #57694b}
 .mobile-nav button>span{font-size:24px;line-height:1}
 #app[data-view="home"] .section{margin-top:24px}
 #app[data-view="home"] .section-heading{align-items:flex-start;gap:12px}
 #app[data-view="home"] .section-heading h2{font-size:1.375rem}
 #app[data-view="home"] .section-heading .text-link{font-size:.875rem;max-width:110px}
 #app[data-view="home"] .free-card{padding:20px}
 #app[data-view="home"] .subject-card{padding:16px;gap:12px}
 #app[data-view="home"] .subject-info{min-width:0;overflow-wrap:anywhere}
 #app[data-view="home"] .subject-tier{white-space:normal}
 .app-footer{font-size:.875rem}
 .app-footer p{font-size:.875rem}
}
@media(max-width:480px){.topbar{padding:14px 18px}.parent-info p{font-size:.875rem}}
@media(max-width:360px){.mobile-nav{gap:0;padding-left:4px;padding-right:4px}.mobile-nav button{padding-inline:0}}
@media(max-width:760px){.mobile-nav.has-large-labels{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reflow the subject utility and its arrow at enlarged root text sizes. */
#app[data-view="home"] .section-heading{flex-wrap:wrap}
#app[data-view="home"] .section-heading .text-link{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.3em;min-width:0;overflow-wrap:break-word}
#app[data-view="home"] .section-heading .text-link>span{margin-left:0;flex:0 0 auto}

/* Keep access labels in normal card flow, including enlarged text. */
#app[data-view="home"] .section-heading .text-link{max-width:100%}
#app[data-view="home"] .free-card{display:grid;grid-template-columns:43px minmax(0,1fr);column-gap:15px;row-gap:10px;align-items:start}
#app[data-view="home"] .free-card .free-label{position:static;grid-column:1/-1;grid-row:1;justify-self:end;max-width:100%;white-space:normal}
#app[data-view="home"] .free-card .subject-symbol{grid-column:1;grid-row:2/4}
#app[data-view="home"] .free-card h3{grid-column:2;grid-row:2;padding-right:0;margin:0;min-width:0}
#app[data-view="home"] .free-card>p{grid-column:2;grid-row:3;min-width:0;margin:0;min-height:0}
#app[data-view="home"] .free-card .card-start{grid-column:1/-1;grid-row:4}

/* Hide the skip link by its own height, even when text is enlarged. */
.skip-link{top:0;transform:translateY(calc(-100% - 2px))}
.skip-link:focus{top:12px;transform:none}