:root{--bg-base: #f7faf8;--bg-surface: #ffffff;--bg-subtle: #edf3ee;--bg-card: rgba(255, 255, 255, .95);--border-subtle: rgba(0, 0, 0, .08);--border-strong: rgba(5, 150, 105, .25);--ink-main: #0f1c15;--ink-muted: #47584f;--ink-faint: #73857b;--theme-color: #059669;--theme-dark: #064e3b;--theme-light: #10b981;--theme-soft: #ecfdf5;--theme-glow: rgba(5, 150, 105, .18);--primary: #059669;--primary-dark: #064e3b;--primary-soft: #ecfdf5;--success: #10b981;--success-soft: #ecfdf5;--danger: #ef4444;--danger-soft: #fef2f2;--warning: #f59e0b;--warning-soft: #fffbeb;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--max-w: 1180px;--shadow-subtle: 0 2px 10px rgba(0, 0, 0, .04);--shadow-card: 0 6px 24px rgba(0, 0, 0, .05);--shadow-fluid: 0 14px 32px -6px rgba(0, 0, 0, .08);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-fluid: cubic-bezier(.16, 1, .3, 1)}[data-theme=algebra],[data-theme=student-produced-response],[data-theme=diagnostic],body.algebra-theme{--bg-base: #fdfbf7;--bg-surface: #ffffff;--bg-subtle: #fbf5ea;--border-strong: rgba(217, 119, 6, .25);--ink-main: #1c140d;--ink-muted: #574636;--ink-faint: #8a7664;--theme-color: #d97706;--theme-dark: #92400e;--theme-light: #f59e0b;--theme-soft: #fffbeb;--theme-glow: rgba(245, 158, 11, .18)}[data-theme=advanced-math],body.advanced-math-theme{--bg-base: #f8f8fc;--bg-surface: #ffffff;--bg-subtle: #f0f0fa;--border-strong: rgba(99, 102, 241, .25);--ink-main: #0f0e1c;--ink-muted: #494863;--ink-faint: #78769c;--theme-color: #6366f1;--theme-dark: #4338ca;--theme-light: #818cf8;--theme-soft: #f5f3ff;--theme-glow: rgba(99, 102, 241, .18)}[data-theme=problem-solving-data-analysis],body.problem-solving-data-analysis-theme{--bg-base: #f6fafb;--bg-surface: #ffffff;--bg-subtle: #eaf4f6;--border-strong: rgba(8, 145, 178, .25);--ink-main: #0c1a1f;--ink-muted: #3e545c;--ink-faint: #6f868e;--theme-color: #0891b2;--theme-dark: #155e75;--theme-light: #22d3ee;--theme-soft: #ecfeff;--theme-glow: rgba(8, 145, 178, .18)}[data-theme=geometry-trigonometry],body.geometry-trigonometry-theme{--bg-base: #fdf7f9;--bg-surface: #ffffff;--bg-subtle: #fcebf2;--border-strong: rgba(219, 39, 119, .25);--ink-main: #231018;--ink-muted: #5c3948;--ink-faint: #8c6b7a;--theme-color: #db2777;--theme-dark: #9d174d;--theme-light: #f472b6;--theme-soft: #fdf2f8;--theme-glow: rgba(219, 39, 119, .18)}[data-theme=guides],body.guides-theme{--bg-base: #f8f8fc;--bg-surface: #ffffff;--bg-subtle: #f0f0fa;--border-strong: rgba(79, 70, 229, .25);--ink-main: #11142d;--ink-muted: #4b4e72;--ink-faint: #797c9e;--theme-color: #4f46e5;--theme-dark: #3730a3;--theme-light: #6366f1;--theme-soft: #eef2ff;--theme-glow: rgba(79, 70, 229, .18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{color-scheme:light;scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%}body{background-color:var(--bg-base);color:var(--ink-main);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(72px + env(safe-area-inset-bottom))}@media(min-width:768px){body{padding-bottom:0}}body:before{content:"";position:fixed;top:-15%;left:-10%;width:70vw;height:70vw;background:radial-gradient(circle,var(--theme-glow) 0%,transparent 70%);border-radius:50%;filter:blur(80px);z-index:-2;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}.wrap{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:16px}@media(min-width:640px){.wrap{padding-inline:24px}}@media(min-width:1024px){.wrap{padding-inline:36px}}h1,h2,h3,h4{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;color:var(--ink-main);line-height:1.22;letter-spacing:-.025em;word-break:break-word}h1{font-size:clamp(1.45rem,5.2vw,2.45rem);font-weight:800;letter-spacing:-.035em}h2{font-size:clamp(1.25rem,3.8vw,1.8rem);font-weight:700;margin-bottom:8px}h3{font-size:1.12rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 16px;border-radius:var(--radius-full);font-weight:700;font-size:.88rem;cursor:pointer;transition:transform .2s var(--ease-spring),box-shadow .2s ease,background .2s ease;border:1px solid transparent;user-select:none;text-align:center}.btn:active{transform:scale(.97)}.btn-theme{background:linear-gradient(135deg,var(--theme-color) 0%,var(--theme-dark) 100%);color:#fff!important;box-shadow:0 4px 14px -2px var(--theme-glow)}.btn-theme:hover{box-shadow:0 8px 20px -2px var(--theme-glow);color:#fff!important}.btn-secondary{background:#fff;color:var(--ink-main)!important;border:1.5px solid var(--border-subtle);box-shadow:0 1px 3px #0000000a}.btn-secondary:hover{background:var(--bg-subtle);color:var(--theme-dark)!important;border-color:var(--theme-color)}.btn-sm{min-height:36px;padding:0 12px;font-size:.8rem}.btn-nav-action{min-height:36px;padding:0 14px;font-size:.82rem}.nav{position:sticky;top:0;z-index:100;height:56px;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}@media(min-width:768px){.nav{height:64px}}.nav-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:5px;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.15rem;color:var(--ink-main);flex-shrink:0}@media(min-width:640px){.brand{font-size:1.3rem;gap:6px}}.brand-symbol{font-family:Space Grotesk,serif;font-size:1.3em;font-weight:700;font-style:italic;color:var(--primary);line-height:.8}.brand-name span{color:var(--primary)}.brand-badge{display:none;background:linear-gradient(135deg,var(--theme-color),var(--theme-dark));color:#fff;padding:2px 7px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}@media(min-width:480px){.brand-badge{display:inline-block}}.nav-links{display:none;align-items:center;gap:20px;font-size:.88rem;font-weight:600;color:var(--ink-muted)}.nav-links a:hover{color:var(--theme-dark)}@media(min-width:820px){.nav-links{display:flex}}.topic-hero{padding:16px 0;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--theme-soft) 0%,rgba(255,255,255,.6) 70%,#ffffff 100%)}@media(min-width:640px){.topic-hero{padding:28px 0 24px}}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;color:var(--ink-faint);margin-bottom:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs a{color:var(--ink-muted);transition:color .15s;flex-shrink:0}.breadcrumbs a:hover{color:var(--theme-color)}.breadcrumbs span.separator{opacity:.35;flex-shrink:0}.breadcrumbs span.current{color:var(--ink-main);font-weight:700;flex-shrink:0}.topic-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.domain-pill{display:inline-flex;align-items:center;gap:5px;background:var(--theme-color);color:#fff;padding:3px 9px;border-radius:var(--radius-full);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 6px -1px var(--theme-glow)}.meta-badge-subtle{display:inline-flex;align-items:center;gap:4px;background:#fff;color:var(--ink-muted);border:1px solid var(--border-subtle);padding:3px 9px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;box-shadow:0 1px 3px #00000005}.topic-title{font-family:Space Grotesk,-apple-system,sans-serif;font-size:1.85rem;font-weight:800;color:var(--ink-main);letter-spacing:-.035em;line-height:1.15;margin:4px 0 6px}@media(min-width:640px){.topic-title{font-size:2.4rem}}.topic-hero-sub{font-size:.9rem;color:var(--ink-muted);font-weight:500;line-height:1.45;margin:0 0 12px}@media(min-width:640px){.topic-hero-sub{font-size:1rem}}.hero-chips-row{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:4px}.hero-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid rgba(0,0,0,.09);padding:4px 11px;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;color:var(--ink-muted);box-shadow:0 1px 3px #00000008}.hero-chip .chip-num,.hero-chip strong{font-weight:800;color:var(--ink-main)}.hero-chip.hero-chip-accent{background:var(--theme-soft);border-color:var(--border-strong);color:var(--theme-dark);font-weight:700}.hero-stats-strip,.topic-stats-grid{display:none!important}@media(max-width:767px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}.tab-nav-wrapper{position:fixed!important;inset:auto 0 0!important;z-index:9999!important;background:#fffffff2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid rgba(0,0,0,.08)!important;border-bottom:none!important;box-shadow:0 -4px 20px #0000000f!important;padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px))!important}.tab-nav-wrapper .wrap{padding:0 2px!important;max-width:100%!important}.tab-nav-list{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:2px!important;padding:2px 0 0!important;margin:0!important;overflow:visible!important}.tab-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:5px 2px 3px!important;border-radius:10px!important;background:transparent!important;border:none!important;position:relative!important;min-height:50px!important;color:var(--ink-faint)!important;touch-action:manipulation;transition:color .15s ease,background .15s ease;cursor:pointer}.tab-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0}.tab-svg{width:21px;height:21px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .2s cubic-bezier(.16,1,.3,1),stroke .15s ease}.tab-label{font-size:.68rem!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1!important;color:inherit!important;white-space:nowrap!important}.tab-count-badge{position:absolute!important;top:-4px!important;right:-9px!important;padding:1.5px 5px!important;font-size:.55rem!important;font-weight:800!important;line-height:1.1!important;background:var(--theme-color)!important;color:#fff!important;border-radius:var(--radius-full)!important;border:1.5px solid #ffffff!important;box-shadow:0 1px 4px #00000029!important}.tab-btn.active{color:var(--theme-color)!important;background:var(--theme-soft)!important}.tab-btn.active .tab-label{font-weight:800!important;color:var(--theme-dark)!important}.tab-btn.active .tab-svg{stroke:var(--theme-color)!important;transform:scale(1.1)}.tab-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2.5px;background:var(--theme-color);border-radius:var(--radius-full)}}@media(min-width:768px){body{padding-bottom:0!important}.tab-nav-wrapper{position:sticky;top:64px;z-index:90;background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:none;border-bottom:1.5px solid var(--border-subtle);box-shadow:0 4px 12px #00000005;padding:0}.tab-nav-list{display:flex;justify-content:center;gap:8px;padding:8px 0;overflow-x:auto}.tab-btn{display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);font-size:.84rem;font-weight:700;color:var(--ink-muted);background:transparent;border:1px solid transparent;transition:all .2s ease;flex-shrink:0;cursor:pointer}.tab-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;position:relative}.tab-svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.tab-btn:hover{color:var(--theme-color);background:var(--theme-soft)}.tab-btn.active{background:var(--theme-color);color:#fff!important;border-color:var(--theme-color);box-shadow:0 4px 14px -2px var(--theme-glow)}.tab-btn.active .tab-svg{stroke:#fff}.tab-btn.active .tab-label{color:#fff!important}.tab-count-badge{position:static;background:#ffffff40;color:#fff;padding:2px 7px;border-radius:var(--radius-full);font-size:.7rem;font-weight:800;margin-left:2px;border:none}.tab-btn:not(.active) .tab-count-badge{background:var(--bg-subtle);color:var(--ink-muted)}}.tab-panels-container{padding:20px 0 60px;flex:1}@media(min-width:640px){.tab-panels-container{padding:32px 0 80px}}.tab-panel{display:none;animation:fadeIn .25s ease}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-header{margin-bottom:20px}@media(min-width:640px){.panel-header{margin-bottom:28px}}.panel-lead{font-size:.94rem;color:var(--ink-muted);max-width:800px;line-height:1.55}.concept-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 14px;margin-bottom:16px;box-shadow:var(--shadow-subtle)}@media(min-width:640px){.concept-card{padding:30px 26px;border-radius:var(--radius-xl);margin-bottom:24px;box-shadow:var(--shadow-card)}}.concept-badge{display:inline-block;font-size:.72rem;font-weight:800;color:var(--theme-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.concept-lead{font-size:.94rem;color:var(--ink-muted);margin:4px 0 12px}.concept-rules-list{margin:12px 0 16px;padding-left:18px;font-size:.9rem}.concept-rules-list li{margin-bottom:6px;color:var(--ink-muted)}.dual-method-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}@media(min-width:768px){.dual-method-grid{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}}.method-box{border-radius:var(--radius-md);padding:14px 12px;border:1px solid var(--border-subtle);font-size:.9rem}@media(min-width:640px){.method-box{padding:18px 16px}}.method-box-trad{background:#f8fafc;border-color:#e2e8f0}.method-box-trick{background:var(--theme-soft);border-color:var(--border-strong)}.method-header{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:800;margin-bottom:8px}.method-box-trad .method-header{color:#334155}.method-box-trick .method-header{color:var(--theme-dark)}.example-box{background:var(--bg-base);border-left:4px solid var(--theme-color);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:14px 12px;margin-top:16px;font-size:.92rem}@media(min-width:640px){.example-box{padding:20px;margin-top:20px}}.example-title{font-size:.82rem;font-weight:800;text-transform:uppercase;color:var(--theme-dark);margin-bottom:6px}.solution-steps{display:flex;flex-direction:column;gap:6px;margin:8px 0}.solution-step{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;line-height:1.55;background:var(--bg-surface);padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);min-width:0}@media(min-width:640px){.solution-step{padding:9px 12px;gap:10px;font-size:.92rem}}.solution-step .step-badge{flex-shrink:0;font-weight:800;font-size:.68rem;text-transform:uppercase;background:var(--theme-soft);color:var(--theme-dark);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);margin-top:2px;letter-spacing:.03em}.solution-step .step-content{flex:1;color:var(--ink-main);min-width:0;overflow:visible!important;word-break:break-word;scrollbar-width:none!important}.solution-step .step-content::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.practice-filters{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding:2px 2px 8px;margin-bottom:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.practice-filters::-webkit-scrollbar{display:none}@media(min-width:768px){.practice-filters{flex-wrap:wrap;overflow-x:visible;gap:8px;margin-bottom:22px}}.filter-chip{flex-shrink:0;white-space:nowrap;padding:6px 14px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;background:#fff;color:var(--ink-muted);border:1.5px solid rgba(0,0,0,.09);cursor:pointer;transition:all .2s ease;min-height:34px;display:inline-flex;align-items:center;box-shadow:0 1px 3px #00000005}@media(min-width:640px){.filter-chip{font-size:.82rem;padding:6px 16px;min-height:36px}}.filter-chip:hover{color:var(--theme-dark);border-color:var(--theme-color);background:var(--theme-soft)}.filter-chip.active{background:var(--theme-color);color:#fff!important;border-color:var(--theme-color);box-shadow:0 4px 12px -2px var(--theme-glow);font-weight:700}.question-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:18px 16px;margin-bottom:16px;box-shadow:0 4px 16px #00000008}@media(min-width:640px){.question-card{padding:26px 22px;border-radius:20px;margin-bottom:20px}}.q-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.q-header-left{display:flex;flex-direction:column;gap:2px}.q-number{font-weight:800;font-family:Space Grotesk,sans-serif;font-size:1.02rem;color:var(--ink-main);line-height:1.2}.q-archetype-tag{font-size:.74rem;font-weight:600;color:var(--ink-faint)}.q-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.diff-badge{padding:3px 9px;border-radius:var(--radius-full);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.diff-easy{background:#ecfdf5;color:#047857;border:1px solid rgba(5,150,105,.2)}.diff-medium{background:#fffbeb;color:#b45309;border:1px solid rgba(217,119,6,.2)}.diff-hard{background:#fef2f2;color:#b91c1c;border:1px solid rgba(220,38,38,.2)}.q-body{font-size:1rem;line-height:1.6;margin-bottom:14px;color:var(--ink-main);word-break:break-word}@media(min-width:640px){.q-body{font-size:1.05rem;margin-bottom:18px}}.options-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:14px}@media(min-width:640px){.options-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}}.option-btn{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#fff;color:var(--ink-main);border:1.5px solid rgba(0,0,0,.09);border-radius:var(--radius-md);text-align:left;font-size:.94rem;font-weight:600;transition:all .18s ease;cursor:pointer;box-shadow:0 1px 3px #00000005;min-height:48px;user-select:none}.option-btn:active{transform:scale(.985)}.option-btn:hover{border-color:var(--theme-color);background:var(--theme-soft);color:var(--theme-dark)}.option-label{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);color:var(--ink-main);border:1.5px solid var(--border-subtle);font-weight:800;font-size:.82rem;font-family:Space Grotesk,sans-serif;flex-shrink:0;transition:all .18s ease}.option-text{flex:1;color:var(--ink-main);font-size:.94rem;font-weight:600;line-height:1.4;min-width:0;word-break:break-word}.option-btn:hover .option-label{border-color:var(--theme-color);color:var(--theme-color);background:#fff}.option-btn.selected{border-color:var(--theme-color);background:var(--theme-soft);color:var(--theme-dark)}.option-btn.selected .option-label{background:var(--theme-color);color:#fff;border-color:var(--theme-color)}.option-btn.correct{border-color:var(--success);background:var(--success-soft);color:#065f46}.option-btn.correct .option-label{background:var(--success);color:#fff;border-color:var(--success)}.option-btn.wrong{border-color:var(--danger);background:var(--danger-soft);color:#991b1b}.option-btn.wrong .option-label{background:var(--danger);color:#fff;border-color:var(--danger)}.q-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;margin-top:14px}@media(max-width:420px){.q-actions{grid-template-columns:1fr 1fr}.q-actions .btn-check-answer{grid-column:1 / -1}}@media(min-width:640px){.q-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}}.solution-drawer{display:none;margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-subtle)}.solution-drawer.open{display:block}.pyq-matrix-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 14px;margin-bottom:20px}@media(min-width:640px){.pyq-matrix-card{padding:30px;border-radius:var(--radius-xl);margin-bottom:24px}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin:14px 0}.pyq-table{width:100%;min-width:460px;border-collapse:collapse;font-size:.88rem}.pyq-table th,.pyq-table td{padding:10px 14px;border-bottom:1px solid var(--border-subtle);text-align:left}.pyq-table th{background:var(--bg-subtle);font-weight:800}.formula-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:768px){.formula-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}}.formula-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 14px}@media(min-width:640px){.formula-card{padding:22px;border-radius:var(--radius-lg)}}.formula-card h3{color:var(--theme-dark);margin-bottom:8px;font-size:1.05rem}.trap-card{background:#fffdf5;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:var(--radius-md);padding:12px 14px;margin-bottom:10px}@media(min-width:640px){.trap-card{padding:16px 18px;margin-bottom:14px}}.trap-title{font-weight:800;color:#92400e;font-size:.88rem;margin-bottom:4px}.trap-desc{font-size:.85rem;color:#78350f}.mock-level-selector{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}@media(min-width:640px){.mock-level-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}}.level-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;user-select:none}@media(min-width:640px){.level-card{display:block;text-align:center;padding:16px;border-radius:var(--radius-lg)}}.level-card.active{border-color:var(--theme-color);background:var(--theme-soft)}.level-title{font-weight:800;font-size:.88rem;color:var(--ink-main)}.level-sub{font-size:.74rem;color:var(--ink-faint)}@media(min-width:640px){.level-title{font-size:.95rem}.level-sub{font-size:.78rem;margin-top:2px}}.mock-test-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 14px;box-shadow:var(--shadow-card)}@media(min-width:640px){.mock-test-container{padding:30px 22px;border-radius:var(--radius-xl)}}.mock-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}@media(min-width:480px){.mock-header{flex-direction:row;align-items:center;justify-content:space-between}}.mock-timer{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:.95rem;color:var(--theme-dark);background:var(--theme-soft);padding:5px 12px;border-radius:var(--radius-full)}mjx-container{display:inline-block!important;vertical-align:middle;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;scrollbar-width:none!important}mjx-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}mjx-container>svg{max-width:100%!important;height:auto!important}mjx-container[display=true]{display:block!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:4px 0}mjx-container[display=true]::-webkit-scrollbar{display:block!important;height:4px}mjx-container[display=true]::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.option-text,.option-text mjx-container,.option-btn mjx-container,.q-body mjx-container,.step-content mjx-container{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;scrollbar-width:none!important}.option-text::-webkit-scrollbar,.option-text mjx-container::-webkit-scrollbar,.option-btn mjx-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.mock-level-selector{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px}@media(min-width:640px){.mock-level-selector{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}}.level-card{background:#fff;border:1.5px solid rgba(0,0,0,.08);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000005}.level-card:hover{border-color:var(--theme-color);background:var(--theme-soft);transform:translateY(-1px)}.level-card.active{border-color:var(--theme-color);background:var(--theme-soft);box-shadow:0 4px 16px -2px var(--theme-glow)}.level-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:.96rem;color:var(--ink-main);margin-bottom:4px}.level-card.active .level-title{color:var(--theme-dark)}.level-sub{font-size:.76rem;font-weight:600;color:var(--ink-faint)}footer{background:#fff;border-top:1px solid var(--border-subtle);padding:28px 0;font-size:.82rem;color:var(--ink-muted);margin-top:auto}@media(min-width:640px){footer{padding:36px 0;font-size:.85rem}}.footer-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-weight:600}@media(min-width:640px){.footer-links{gap:18px}}.spr-container{margin:16px 0;padding:16px;background:#fbfcfb;border:1.5px dashed rgba(0,0,0,.12);border-radius:var(--radius-md)}.spr-badge-label{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-dark);background:var(--theme-soft);padding:3px 10px;border-radius:var(--radius-full);margin-bottom:12px}.spr-input-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spr-input{flex:1;min-width:180px;height:46px;padding:0 16px;font-size:1.05rem;font-weight:700;font-family:Space Grotesk,monospace;color:var(--ink-main);background:#fff;border:2px solid rgba(0,0,0,.12);border-radius:var(--radius-sm);transition:all .2s ease;outline:none}.spr-input:focus{border-color:var(--theme-color);box-shadow:0 0 0 3px var(--theme-glow)}.spr-input.correct{border-color:#10b981;background:#ecfdf5;color:#065f46}.spr-input.wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b}.spr-check-btn{height:46px;padding:0 20px;background:var(--theme-color);color:#fff;font-size:.88rem;font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.spr-check-btn:hover{background:var(--theme-dark);transform:translateY(-1px)}.spr-rules-hint{margin-top:8px;font-size:.76rem;color:var(--ink-faint);line-height:1.4}.spr-feedback{margin-top:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:.86rem;font-weight:700;display:flex;align-items:center;gap:8px}.spr-feedback.correct{background:#ecfdf5;color:#065f46;border:1px solid rgba(16,185,129,.3)}.spr-feedback.wrong{background:#fef2f2;color:#991b1b;border:1px solid rgba(239,68,68,.3)}.sat-module-nav{display:flex;gap:10px;margin-bottom:24px;background:#fff;padding:6px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle)}.module-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-sm);background:transparent;border:1.5px solid transparent;cursor:pointer;transition:all .2s ease}.module-tab-btn .module-badge{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint)}.module-tab-btn .module-title{font-size:.94rem;font-weight:700;color:var(--ink-main);margin-top:2px}.module-tab-btn:hover{background:var(--bg-subtle)}.module-tab-btn.active{background:var(--theme-soft);border-color:var(--theme-color)}.module-tab-btn.active .module-badge{color:var(--theme-color)}.module-tab-btn.active .module-title{color:var(--theme-dark)}.guide-article-wrap{display:grid;grid-template-columns:1fr;gap:32px;padding:24px 0 60px}@media(min-width:1024px){.guide-article-wrap{grid-template-columns:280px 1fr;align-items:start}}.guide-toc-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card);position:sticky;top:90px}.guide-toc-title{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin-bottom:14px}.guide-toc-list{list-style:none;display:flex;flex-direction:column;gap:10px}.guide-toc-list a{color:var(--ink-muted);font-size:.88rem;font-weight:600;text-decoration:none;transition:color .15s ease}.guide-toc-list a:hover{color:var(--theme-color)}.guide-prose{font-size:1.05rem;line-height:1.75;color:var(--ink-main)}.guide-prose h2{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:800;margin:36px 0 16px;padding-bottom:8px;border-bottom:1.5px solid var(--border-subtle);color:var(--ink-main)}.guide-prose h3{font-size:1.25rem;font-weight:700;margin:24px 0 12px;color:var(--ink-main)}.guide-prose p{margin-bottom:18px}.guide-callout{margin:24px 0;padding:20px;background:var(--theme-soft);border-left:4px solid var(--theme-color);border-radius:0 var(--radius-md) var(--radius-md) 0}.guide-callout-title{font-weight:800;font-size:.95rem;color:var(--theme-dark);margin-bottom:6px}.desmos-syntax-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;margin-bottom:18px}.desmos-syntax-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.desmos-syntax-code{background:#1e1e2e;color:#a6e3a1;font-family:JetBrains Mono,monospace;font-size:.92rem;padding:10px 14px;border-radius:var(--radius-sm);display:block;margin:10px 0;overflow-x:auto}.walkthrough-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;margin-bottom:22px;box-shadow:var(--shadow-card)}.walkthrough-comparison{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}@media(min-width:768px){.walkthrough-comparison{grid-template-columns:1fr 1fr}}.method-box{padding:16px;border-radius:var(--radius-md);border:1.5px solid}.method-box.traditional{background:#f8fafc;border-color:#cbd5e1}.method-box.desmos{background:#ecfdf5;border-color:#a7f3d0}.method-title{font-weight:800;font-size:.88rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.method-box.traditional .method-title{color:#475569}.method-box.desmos .method-title{color:#047857}.time-saved-badge{display:inline-block;background:#059669;color:#fff;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:var(--radius-full)}