.formula-lab{--formula-ink:#173f42;--formula-green:#13675d;color:var(--formula-ink)}.formula-hero{background:linear-gradient(125deg,#e5f3eb,#fff1cf);border:1px solid #c6dbcc;border-radius:28px;grid-template-columns:1.5fr 1fr;gap:28px;margin:24px 0;padding:clamp(24px,4vw,58px);display:grid}.formula-hero h1{margin:22px 0;font-size:clamp(34px,4.5vw,62px);line-height:1.14}.formula-hero em{color:var(--formula-green);font-style:normal}.formula-hero h2{font-size:36px}.formula-kicker{letter-spacing:.07em;color:#315f56;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.formula-hero-art{text-align:center;place-content:center;gap:8px;display:grid}.formula-hero-art b{background:#fffaf0;border:1px solid #d6cc9f;border-radius:40px;padding:10px 50px;font-family:Amiri,serif;font-size:120px;line-height:1.2;box-shadow:0 12px 28px #476c4414}.formula-hero-art span{font-size:18px;font-weight:700}.formula-source{padding:12px;font-size:13px;line-height:1.7}.formula-controls{border:0;min-width:0;margin:0;padding:0}.formula-toolbar,.formula-filters{flex-wrap:wrap;align-items:center;gap:20px;margin:24px 0;display:flex}.formula-filters>label{flex:1;gap:8px;min-width:180px;display:grid}.formula-topic-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.formula-topic-list button{text-align:start;gap:6px;min-height:90px;display:grid}.formula-topic-list small{color:#567168;font-size:10px}.formula-topic-list button[aria-pressed=true]{background:#e2f1e8;border-color:#13675d}.formula-discovery{background:#fff;border:1px solid #c4dacf;border-radius:24px;grid-template-columns:1fr 1.1fr;gap:32px;padding:clamp(18px,3vw,34px);scroll-margin-top:20px;display:grid}.formula-discovery h2{font-size:30px}.formula-scope{border-left:3px solid #b67a20;padding-left:14px;font-size:14px}.formula-experiment{background:#eff7f1;border-radius:20px;min-width:0;padding:22px}.formula-experiment label{gap:8px;display:grid}.formula-feedback{overflow-wrap:anywhere;background:#e4f3ea;border:1px solid #a9ccb5;border-radius:18px;margin:20px 0;padding:22px}.formula-feedback>.jawi{font-size:48px;line-height:1.7}.formula-steps{gap:10px;padding:0;list-style:none;display:grid}.formula-steps li{border:1px solid #c5dacb;border-radius:12px;align-items:center;gap:14px;padding:12px;transition:background .3s,border-color .3s;display:flex}.formula-steps li.active{background:#fff5cf;border-color:#b18528}.formula-steps li>b{text-align:center;background:#fff;border-radius:50%;flex-shrink:0;width:26px;height:26px}.formula-answer-grid{gap:10px;margin:12px 0 20px;display:grid}.formula-answer-grid button{text-align:start;min-height:48px}.formula-answer-grid button[aria-pressed=true]{background:#e1f0e5;border:2px solid #13675d}.formula-answer-grid .jawi{font-size:26px}.formula-feedback .actions{gap:8px}.formula-mnemonic{background:#fff4d5;border-radius:16px;margin-top:24px;padding:16px}.formula-mnemonic [role=group]{flex-wrap:wrap;gap:8px;display:flex}.formula-mnemonic button[aria-pressed=true]{color:#fff;background:#15655b}.formula-boundary{justify-content:center;align-items:center;gap:8px;font-size:44px;display:flex}.formula-boundary>span{color:#a26213;font-size:30px}.formula-family .lab-built-word{font-size:40px}.formula-family .lab-letter-bank{direction:rtl;flex-wrap:wrap;gap:6px;display:flex}.formula-family .lab-letter-bank button{min-width:44px;min-height:48px;font-size:26px}.formula-fact{background:#fff4d5;border:1px solid #e5cf93;border-radius:20px;align-items:flex-start;gap:22px;margin:24px 0;padding:26px;display:flex}.formula-fact button{margin-top:12px}.formula-games,.formula-brain-break{background:#fff;border:1px solid #cadfd1;border-radius:24px;margin:30px 0;padding:clamp(18px,3vw,34px)}.formula-mode-buttons{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.formula-mode-buttons button[aria-pressed=true]{color:#fff;background:#17695e}.formula-game-round fieldset{border:0;padding:0}.formula-game-round legend{font-weight:700}.formula-game-round progress{accent-color:#13675d;width:100%}.formula-scorecards{flex-wrap:wrap;gap:24px;margin:24px 0;display:flex}.formula-scorecards>div{background:#edf7ee;border-radius:18px;padding:24px;display:grid}.formula-scorecards b{font-size:34px}.formula-table-scroll{overflow-x:auto}.formula-progress table{border-collapse:collapse;width:100%;font-size:14px}.formula-progress th,.formula-progress td{text-align:start;border-bottom:1px solid #d5e3db;min-width:95px;padding:12px}.formula-progress caption{text-align:start;padding:12px 0;font-size:13px}.formula-sheet-controls{gap:14px;display:grid}.formula-sheet-controls label{gap:8px;display:grid}.formula-sheet-controls label:has(input[type=checkbox]){display:flex}.formula-print-pages{display:none}.formula-rotation{background:#f4e5b5;border-radius:30px;grid-template-columns:1fr 1fr;place-items:center;width:160px;height:160px;margin:25px auto;transition:transform .6s;display:grid}.formula-rotation span{font-family:Amiri,serif;font-size:44px}.formula-rotation.rotated{transform:rotate(180deg)}.formula-still *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.formula-lab :focus-visible,.formula-links :focus-visible{outline-offset:4px;outline:3px solid #a45b12}.lab-source-picker{justify-content:space-between;align-items:center;gap:20px;display:flex}.lab-source-picker label{gap:8px;min-width:220px;display:grid}.formula-sheet-preview{border-top:1px solid #d6e3dc;margin-top:20px;padding-top:20px}.formula-links .actions{gap:8px}@media (max-width:900px){.formula-topic-list{grid-template-columns:repeat(3,minmax(0,1fr))}.formula-discovery,.formula-hero{grid-template-columns:1fr}.formula-hero-art{display:none}}@media (max-width:550px){.formula-topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-topic-list button{padding:12px;font-size:13px}.formula-filters{display:grid}.formula-filters>label{min-width:0}.formula-toolbar{gap:12px;display:grid}.lab-source-picker{display:grid}.formula-hero h1{font-size:36px}.formula-experiment{padding:16px}.formula-discovery{gap:20px}.formula-progress th,.formula-progress td{padding:8px}.formula-scorecards>div{width:100%}}@media (prefers-reduced-motion:reduce){.formula-lab *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.formula-worksheet{display:none!important}body[data-formula-print=true] .formula-worksheet{box-shadow:none!important;border:0!important;padding:0!important;display:block!important}body[data-formula-print=true] main>:not(.formula-lab):not(.formula-worksheet),body[data-formula-print=true] .formula-lab>:not(.formula-worksheet),body[data-formula-print=true] .formula-sheet-controls,body[data-formula-print=true] .formula-sheet-preview{display:none!important}body[data-formula-print=true] .formula-print-pages{display:block!important}.formula-print-sheet{page:formula;color:#000;margin:0;padding:5mm}.formula-print-sheet article{break-inside:avoid;margin:10mm 0}.formula-print-sheet h3{font-size:13pt;line-height:1.5}.formula-print-sheet small{font-size:9pt;line-height:1.5}.formula-print-sheet .jawi{font-size:20pt}.formula-answer-sheet{break-before:page}.formula-print-sheet a{overflow-wrap:anywhere}@page formula{size:A4;margin:12mm}}.formula-sheet-controls{grid-template-columns:minmax(0,1fr);min-width:0}.formula-sheet-controls>*{min-width:0;max-width:100%}.formula-sheet-controls select,.formula-filters select,.formula-experiment select{width:100%;min-width:0;max-width:100%}.formula-sheet-controls label,.formula-lab fieldset{min-width:0}.formula-sheet-controls .actions{flex-wrap:wrap}.formula-mnemonic>.jawi{margin:14px 0;font-size:48px}.formula-feedback mark{background:#ffe09a;border-bottom:3px solid #a36916}.formula-family .lab-feedback{background:#e4f3ea;border:1px solid #aacbb6;border-radius:14px;padding:16px}.formula-family .lab-feedback .jawi{font-size:36px}.formula-answer-grid button:disabled{opacity:1}.formula-answer-grid button[aria-pressed=false]:disabled{color:#496158;background:#f4f7f4}@media print{.formula-print-sheet article{margin:4mm 0}.formula-print-sheet h3{margin:3mm 0 2mm}.formula-print-sheet p{margin:2mm 0;line-height:1.5}}