@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-main:#f0f4ff;--bg-card:#fff;--bg-alt:#f5f7ff;--bg-subtle:#eef1fb;--bg-slot:#f0f4ff;--primary:#2d3ecc;--primary-hover:#1e2fa8;--primary-light:#4f63e0;--accent:#f5a623;--accent-hover:#e08c00;--success:#10b981;--danger:#ef4444;--grad-hero:linear-gradient(135deg, #2d3ecc 0%, #6246ea 50%, #a855f7 100%);--grad-gold:linear-gradient(135deg, #f7c538 0%, #f5a623 100%);--grad-teal:linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);--grad-dark:linear-gradient(135deg, #1e2b8f 0%, #0f172a 100%);--grad-subtle:linear-gradient(135deg, #f0f4ff 0%, #e8ecff 100%);--text-main:#1e293b;--text-bold:#0a0f1e;--text-muted:#5a6a85;--text-subtle:#8da0b8;--text-invert:#fff;--border-card:#dde3f0;--border-subtle:#c8d0e5;--border-strong:#b0bcd8;--shadow-xs:0 1px 2px #2d3ecc0a;--shadow-sm:0 2px 8px #2d3ecc0f;--shadow-card:0 4px 20px #2d3ecc14, 0 1px 3px #0000000a;--shadow-lg:0 16px 40px #2d3ecc1f, 0 4px 8px #0000000d;--shadow-glow:0 0 0 3px #2d3ecc2e;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-base:all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-main:#080d1a;--bg-card:#0e1628;--bg-alt:#111e35;--bg-subtle:#0a1220;--bg-slot:#0c1424;--primary:#4f63e0;--primary-hover:#6b7ff7;--primary-light:#818cf8;--accent:#f7c538;--accent-hover:#fde047;--grad-hero:linear-gradient(135deg, #1a2a8a 0%, #3d2ea0 50%, #6d28d9 100%);--grad-subtle:linear-gradient(135deg, #0e1628 0%, #111e35 100%);--text-main:#c8d5ec;--text-bold:#f0f5ff;--text-muted:#7a90b3;--text-subtle:#4a607a;--text-invert:#fff;--border-card:#ffffff14;--border-subtle:#ffffff0d;--border-strong:#ffffff1f;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 2px 8px #0006;--shadow-card:0 4px 20px #00000080, 0 1px 3px #0000004d;--shadow-lg:0 16px 40px #000000a6;--shadow-glow:0 0 0 3px #4f63e04d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 50% at 50% -20%,#2d3ecc14 0%,#0000 60%),radial-gradient(50% 30% at 80% 90%,#a855f70d 0%,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.7;transition:background-color .3s,color .3s}[data-theme=dark] body{background-image:radial-gradient(80% 50% at 50% -10%,#2d3ecc2e 0%,#0000 60%),radial-gradient(50% 30% at 80% 90%,#6d28d91f 0%,#0000 60%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-light) 100%);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}::selection{color:var(--text-bold);background:#2d3ecc33}.info-header{z-index:200;-webkit-backdrop-filter:blur(20px)saturate(180%);transition:var(--transition-base);background:#ffffffd1;border-bottom:1px solid #2d3ecc1a;position:sticky;top:0;box-shadow:0 2px 20px #2d3ecc12}[data-theme=dark] .info-header{background:#0e1628d9;border-bottom-color:#4f63e026;box-shadow:0 2px 20px #0006}.info-header:before{content:"";background:var(--grad-hero);border-radius:0 0 var(--radius-sm) var(--radius-sm);height:3px;position:absolute;top:0;left:0;right:0}.info-header-container{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:0 auto;padding:14px 28px;display:flex}.info-brand-block{cursor:pointer;transition:var(--transition-fast);align-items:center;gap:12px;display:flex}.info-brand-block:hover{opacity:.85}.info-logo-badge{border-radius:var(--radius-md);background:var(--grad-hero);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #2d3ecc59}.info-brand-texts{flex-direction:column;gap:1px;display:flex}.info-brand-title{letter-spacing:-.02em;background:var(--grad-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.12rem;font-weight:900;line-height:1.15}[data-theme=dark] .info-brand-title{background:linear-gradient(90deg,#818cf8,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.info-brand-sub{color:var(--text-muted);letter-spacing:.02em;font-size:.7rem;font-weight:600}.voice-status-indicator{color:#059669;border-radius:var(--radius-full);white-space:nowrap;background:#10b98114;border:1px solid #10b98133;align-items:center;gap:6px;padding:5px 12px;font-size:.74rem;font-weight:700;display:flex}[data-theme=dark] .voice-status-indicator{color:#34d399;background:#10b9811f;border-color:#10b98140}.text-emerald{color:#10b981}.info-header-actions{align-items:center;gap:10px;display:flex}.info-theme-btn{background:var(--bg-alt);border:1px solid var(--border-card);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);letter-spacing:-.01em;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;display:flex}.info-theme-btn:hover{border-color:var(--primary);color:var(--primary);background:#2d3ecc0f;transform:translateY(-1px)}@media (width<=600px){.theme-text-hide{display:none}.info-header-container{padding:12px 16px}.voice-status-indicator{display:none}}.informative-page-wrapper{flex-direction:column;min-height:100vh;display:flex}.info-main-content{flex-direction:column;gap:32px;width:100%;max-width:1280px;margin:0 auto;padding:28px 28px 80px;display:flex}@media (width<=640px){.info-main-content{gap:24px;padding:18px 14px 60px}}.info-breadcrumb{color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#ffffffa6;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;padding:10px 18px;font-size:.8rem;display:flex}[data-theme=dark] .info-breadcrumb{background:#0e162899}.crumb-link{cursor:pointer;transition:var(--transition-fast);font-weight:600}.crumb-link:hover{color:var(--primary)}.breadcrumb-current{color:var(--primary);font-weight:800}.info-hero-section{background:var(--grad-hero);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;gap:20px;padding:52px 48px;display:flex;position:relative;overflow:hidden}.info-hero-section:before{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;right:-60px}.info-hero-section:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-80px;left:10%}@media (width<=640px){.info-hero-section{padding:32px 24px}}.info-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.editorial-pill{color:#fff;border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff4d;padding:5px 14px;font-size:.76rem;font-weight:700}.editorial-date{color:#ffffffbf;font-size:.82rem;font-weight:500}.info-hero-title{color:#fff;letter-spacing:-.035em;text-shadow:0 2px 20px #00000026;z-index:1;font-size:2.6rem;font-weight:900;line-height:1.18;position:relative}@media (width<=640px){.info-hero-title{font-size:1.8rem}}.info-hero-lead{color:#ffffffe0;z-index:1;max-width:760px;font-size:1.06rem;line-height:1.7;position:relative}.info-hero-meta-bar{z-index:1;border-top:1px solid #fff3;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding-top:20px;display:grid;position:relative}.meta-item{flex-direction:column;gap:3px;display:flex}.meta-label{color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.meta-value{color:#fff;font-size:.92rem;font-weight:800}.adsense-banner-wrapper{justify-content:center;width:100%;display:flex}.adsense-slot-card{background:var(--bg-card);border:1.5px dashed var(--border-subtle);border-radius:var(--radius-md);width:100%;max-width:1000px;transition:var(--transition-fast);flex-direction:column;align-items:center;gap:8px;padding:12px 18px;display:flex}.adsense-disclaimer{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.1em;background:var(--bg-alt);border-radius:var(--radius-full);padding:2px 10px;font-size:.65rem;font-weight:700}.adsense-placeholder-box{background:var(--grad-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-card);justify-content:center;align-items:center;width:100%;min-height:90px;padding:14px;display:flex}[data-theme=dark] .adsense-placeholder-box{background:#ffffff08}.adsense-box-text{color:var(--text-subtle);text-align:center;letter-spacing:.02em;font-size:.76rem;font-weight:600}.info-overview-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:24px 30px;display:flex}.info-section-title{color:var(--text-bold);letter-spacing:-.015em;font-size:1.45rem;font-weight:800;line-height:1.3}.info-section-sub{color:var(--text-muted);margin-top:4px;font-size:.92rem}.info-section-p{color:var(--text-main);font-size:.98rem;line-height:1.7}.info-table-section{flex-direction:column;gap:18px;display:flex}.table-header-lead{flex-direction:column;gap:4px;display:flex}.clean-curriculum-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}@media (width<=1100px){.clean-curriculum-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.clean-curriculum-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.clean-curriculum-grid{grid-template-columns:1fr}}.grid-pillar-column{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.grid-pillar-column:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-4px)}.grid-column-header{border-bottom:1px solid var(--border-card);align-items:center;gap:10px;padding:18px 16px 16px;display:flex}.col-theme-grammar .grid-column-header{background:linear-gradient(135deg,#2d3ecc1a 0%,#4f63e00d 100%)}.col-theme-vocabulary .grid-column-header{background:linear-gradient(135deg,#d977061f 0%,#f5a6230d 100%)}.col-theme-writing .grid-column-header{background:linear-gradient(135deg,#0d94881f 0%,#10b9810d 100%)}.col-theme-speakingListening .grid-column-header{background:linear-gradient(135deg,#7c3aed1f 0%,#a855f70d 100%)}.col-theme-reading .grid-column-header{background:linear-gradient(135deg,#e11d481f 0%,#ef44440d 100%)}.grid-icon-circle{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 2px 8px #0000001a}.col-theme-grammar .grid-icon-circle,.col-theme-blue .grid-icon-circle{background:var(--grad-hero);color:#fff}.col-theme-vocabulary .grid-icon-circle,.col-theme-amber .grid-icon-circle{background:var(--grad-gold);color:#0f172a}.col-theme-writing .grid-icon-circle,.col-theme-teal .grid-icon-circle{background:var(--grad-teal);color:#fff}.col-theme-speakingListening .grid-icon-circle,.col-theme-violet .grid-icon-circle{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7)}.col-theme-reading .grid-icon-circle,.col-theme-rose .grid-icon-circle{color:#fff;background:linear-gradient(135deg,#e11d48,#f43f5e)}.grid-header-text{flex-direction:column;gap:2px;min-width:0;display:flex}.grid-column-title{color:var(--text-bold);letter-spacing:-.01em;font-size:.95rem;font-weight:900;line-height:1.2}.grid-column-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.grid-topic-list{flex-direction:column;flex:1;gap:9px;padding:14px;list-style:none;display:flex}.grid-topic-item{color:var(--text-main);align-items:flex-start;gap:9px;font-size:.83rem;line-height:1.45;display:flex}.grid-bullet-dot{background:var(--primary);opacity:.6;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:7px}.grid-topic-name{letter-spacing:-.01em;font-weight:600}.grid-column-footer{border-top:1px solid var(--border-card);padding:12px 14px 16px}.btn-jump-detail{background:var(--bg-alt);border:1px solid var(--border-card);width:100%;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);letter-spacing:.01em;padding:8px 12px;font-size:.78rem;font-weight:700}.btn-jump-detail:hover{background:var(--grad-hero);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #2d3ecc4d}.detailed-modules-container{flex-direction:column;gap:28px;display:flex}.detailed-modules-header{flex-direction:column;gap:4px;display:flex}.module-article-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;padding:28px;display:flex}.module-article-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.module-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.module-number-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:800}.module-number-pill.pill-blue{color:#2563eb;background:#2563eb1a}.module-number-pill.pill-amber{color:#d97706;background:#d977061a}.module-number-pill.pill-teal{color:#0d9488;background:#0d94881a}.module-number-pill.pill-violet{color:#7c3aed;background:#7c3aed1a}.module-number-pill.pill-rose{color:#e11d48;background:#e11d481a}.module-title{color:var(--text-bold);font-size:1.28rem;font-weight:800}.module-badge-tag{color:var(--text-muted);background:var(--bg-alt);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:flex}.module-intro-text{color:var(--text-muted);font-size:.94rem;line-height:1.6}.module-topics-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.subtopic-card{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px 18px;transition:transform .16s,border-color .16s;display:flex}.subtopic-card:hover{border-color:var(--primary-light);transform:translateY(-2px)}.subtopic-card-head{align-items:baseline;gap:8px;display:flex}.subtopic-index{color:var(--primary);font-size:.82rem;font-weight:800}.subtopic-name{color:var(--text-bold);font-size:.94rem;font-weight:800;line-height:1.3}.subtopic-summary{color:var(--text-main);flex:1;font-size:.84rem;line-height:1.5}.subtopic-example-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.example-text-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.example-label{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.example-quote{color:var(--text-bold);font-size:.82rem;font-weight:600;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn-audio-listen{background:var(--bg-alt);border:1px solid var(--border-card);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;align-items:center;gap:5px;padding:5px 9px;font-size:.72rem;font-weight:700;transition:all .15s;display:flex}.btn-audio-listen:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.info-schedule-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:22px;padding:28px 32px;display:flex}.schedule-header{align-items:center;gap:14px;display:flex}.section-icon-badge{border-radius:var(--radius-md);width:40px;height:40px;color:var(--primary);background:#2563eb1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.schedule-timeline-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.timeline-card{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:18px 20px;display:flex}.timeline-week-pill{background:var(--primary);color:#fff;border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:.72rem;font-weight:800;display:inline-block}.timeline-title{color:var(--text-bold);font-size:.98rem;font-weight:800}.timeline-bullets{color:var(--text-main);flex-direction:column;gap:6px;padding-left:18px;font-size:.83rem;list-style:outside;display:flex}.info-faq-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:22px;padding:28px 32px;display:flex}.faq-header{align-items:center;gap:14px;display:flex}.faq-list-accordion{flex-direction:column;gap:12px;display:flex}.faq-item-card{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-md);overflow:hidden}.faq-question-btn{cursor:pointer;text-align:left;width:100%;color:var(--text-bold);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:.95rem;font-weight:700;display:flex}.faq-answer-panel{color:var(--text-main);border-top:1px solid var(--border-subtle);margin-top:4px;padding:12px 20px 16px;font-size:.9rem;line-height:1.65}.info-footer{background:var(--bg-card);border-top:1px solid var(--border-card);margin-top:auto;padding:40px 24px 20px}.info-footer-container{border-bottom:1px solid var(--border-card);grid-template-columns:2fr 1fr 1fr;gap:36px;max-width:1200px;margin:0 auto;padding-bottom:30px;display:grid}@media (width<=768px){.info-footer-container{grid-template-columns:1fr;gap:24px}}.footer-col-main{flex-direction:column;gap:12px;display:flex}.footer-brand-wrap{color:var(--primary);align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.footer-brand-name{color:var(--text-bold)}.footer-desc{color:var(--text-muted);max-width:440px;font-size:.85rem;line-height:1.6}.footer-col-links{flex-direction:column;gap:10px;display:flex}.footer-heading{color:var(--text-bold);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800}.footer-col-links ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-col-links button,.footer-col-links a{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.84rem;transition:color .15s}.footer-col-links a{text-decoration:none}.footer-col-links button:hover,.footer-col-links a:hover{color:var(--primary)}.footer-bottom-bar a{color:var(--primary);margin-top:8px;font-weight:700;display:inline-block}.footer-bottom-bar{text-align:center;max-width:1200px;color:var(--text-subtle);margin:0 auto;padding-top:20px;font-size:.78rem}.info-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.info-modal-sheet{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);overflow:hidden}.info-modal-sheet-header{background:var(--bg-alt);border-bottom:1px solid var(--border-card);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-sheet-title{color:var(--text-bold);font-size:1.1rem;font-weight:800}.btn-sheet-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.info-modal-sheet-body{color:var(--text-main);padding:22px;font-size:.9rem;line-height:1.65}.legal-text-content{flex-direction:column;gap:12px;display:flex}.legal-text-content ul{flex-direction:column;gap:8px;padding-left:20px;display:flex}.contact-email-badge{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-sm);color:var(--primary);font-weight:700;font-family:var(--font-mono);padding:6px 12px;display:inline-block}.level-home-main{min-height:70vh}.level-home-hero{border-radius:var(--radius-2xl);color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(125deg,#192b83 0%,#4654d7 54%,#8055d9 100%);padding:clamp(36px,7vw,76px) clamp(24px,6vw,72px);position:relative;overflow:hidden}.level-home-hero:after{content:"A1 · A2 · B1 · B2 · C1 · C2";opacity:.12;letter-spacing:.08em;font-size:clamp(1.5rem,5vw,4rem);font-weight:900;position:absolute;bottom:-10px;right:3%}.level-home-hero .editorial-pill{color:#f7c538;background:#ffffff21}.level-home-hero h1{color:#fff;letter-spacing:-.055em;max-width:760px;margin:18px 0 12px;font-size:clamp(2.3rem,6vw,4.8rem);line-height:1.03}.level-home-hero p{color:#ffffffd4;max-width:640px;margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.level-home-section{flex-direction:column;gap:22px;display:flex}.level-home-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.level-home-heading h2{color:var(--text-bold);letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(1.5rem,3vw,2rem)}.level-home-heading>p{color:var(--text-muted);font-size:.88rem}.level-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.level-home-card{text-align:left;min-height:220px;color:var(--text-main);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);cursor:pointer;transition:var(--transition-base);flex-direction:column;align-items:flex-start;gap:9px;padding:24px;display:flex;position:relative;overflow:hidden}.level-home-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.level-home-number{color:var(--text-subtle);opacity:.22;font-size:2.6rem;font-weight:900;position:absolute;top:12px;right:18px}.level-home-code{color:var(--primary);letter-spacing:-.04em;font-size:1.8rem;font-weight:900}.level-home-card strong{color:var(--text-bold);font-size:1rem}.level-home-description{color:var(--text-muted);font-size:.85rem;line-height:1.55}.level-home-link{color:var(--primary);align-items:center;gap:7px;margin-top:auto;padding-top:10px;font-size:.85rem;font-weight:800;display:inline-flex}@media (width<=850px){.level-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.level-home-grid{grid-template-columns:1fr}.level-home-card{min-height:190px}}.level-selector-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:22px 26px;display:flex}.level-selector-label-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.selector-title{color:var(--text-bold);letter-spacing:-.02em;font-size:1rem;font-weight:900}.selector-hint{color:var(--text-muted);font-size:.8rem;font-style:italic}.level-pills-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-level-selector-pill{border-radius:var(--radius-full);border:1.5px solid var(--border-card);background:var(--bg-alt);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);letter-spacing:.01em;align-items:center;gap:7px;padding:9px 18px;font-size:.85rem;font-weight:700;display:flex}.btn-level-selector-pill:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm);background:#2d3ecc0d;transform:translateY(-2px)}.selector-dot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #ffffff80}.lvl-emerald .selector-dot{background:#10b981}.lvl-rose .selector-dot{background:#f43f5e}.lvl-blue .selector-dot{background:#4f63e0}.lvl-sky .selector-dot{background:#0284c7}.lvl-purple .selector-dot{background:#8b5cf6}.lvl-indigo .selector-dot{background:#6366f1}.btn-level-selector-pill.active{color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 14px #0000002e}.btn-level-selector-pill.active.lvl-emerald{background:linear-gradient(135deg,#059669,#10b981)}.btn-level-selector-pill.active.lvl-rose{background:linear-gradient(135deg,#e11d48,#f43f5e)}.btn-level-selector-pill.active.lvl-blue{background:var(--grad-hero)}.btn-level-selector-pill.active.lvl-sky{background:linear-gradient(135deg,#0284c7,#38bdf8)}.btn-level-selector-pill.active.lvl-purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.btn-level-selector-pill.active.lvl-indigo{background:linear-gradient(135deg,#4f46e5,#818cf8)}.col-theme-grammar .grid-icon-circle{background:var(--grad-hero);color:#fff}.col-theme-vocabulary .grid-icon-circle{background:var(--grad-gold);color:#0f172a}.col-theme-writing .grid-icon-circle{background:var(--grad-teal);color:#fff}.col-theme-speaking-listening .grid-icon-circle{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7)}.col-theme-reading .grid-icon-circle{color:#fff;background:linear-gradient(135deg,#e11d48,#f43f5e)}.mcer-overview-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.mcer-level-summary-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);flex-direction:column;gap:10px;padding:22px;display:flex;position:relative;overflow:hidden}.mcer-level-summary-card:before{content:"";background:var(--primary);opacity:0;height:3px;transition:var(--transition-fast);position:absolute;top:0;left:0;right:0}.mcer-level-summary-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.mcer-level-summary-card:hover:before{opacity:1}.mcer-level-summary-card.highlighted{border-color:var(--primary);box-shadow:var(--shadow-glow)}.mcer-level-summary-card.highlighted:before{opacity:1}.mcer-card-top{justify-content:space-between;align-items:center;display:flex}.mcer-tag{text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.tag-emerald{color:#10b981;background:#10b9811f}.tag-rose{color:#f43f5e;background:#f43f5e1f}.tag-blue{color:#2563eb;background:#2563eb1f}.tag-sky{color:#0284c7;background:#0284c71f}.tag-purple{color:#8b5cf6;background:#8b5cf61f}.tag-indigo{color:#6366f1;background:#6366f11f}.mcer-cat{color:var(--text-muted);font-size:.72rem;font-weight:600}.mcer-level-title{color:var(--text-bold);font-size:1.05rem;font-weight:800}.mcer-level-desc{color:var(--text-main);flex:1;font-size:.83rem;line-height:1.5}.mcer-card-action{color:var(--primary);align-items:center;gap:6px;margin-top:4px;font-size:.78rem;font-weight:700;display:flex}.dedicated-pages-nav-bar{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:18px;padding:24px 28px;display:flex}.dedicated-nav-title-group{flex-direction:column;gap:4px;display:flex}.dedicated-nav-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);background:#2d3ecc14;border:1px solid #2d3ecc26;align-self:flex-start;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-block}[data-theme=dark] .dedicated-nav-badge{background:#4f63e026;border-color:#4f63e040}.dedicated-nav-heading{color:var(--text-bold);letter-spacing:-.025em;font-size:1.2rem;font-weight:900}.dedicated-nav-buttons-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.btn-dedicated-page-tab{border-radius:var(--radius-lg);border:1px solid var(--border-card);background:var(--bg-alt);min-height:56px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);letter-spacing:-.01em;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.btn-dedicated-page-tab:hover{border-color:var(--primary);color:var(--primary);background:#2d3ecc0d;transform:translateY(-2px)}.btn-dedicated-page-tab.active{background:var(--grad-hero);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 16px #2d3ecc4d}.btn-dedicated-page-tab.active.tab-color-amber{background:var(--grad-gold);color:#0f172a;box-shadow:0 4px 16px #f5a62359}.btn-dedicated-page-tab.active.tab-color-teal{background:var(--grad-teal);color:#fff;box-shadow:0 4px 16px #10b9814d}.btn-dedicated-page-tab.active.tab-color-violet{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 16px #7c3aed59}.btn-dedicated-page-tab.active.tab-color-rose{color:#fff;background:linear-gradient(135deg,#e11d48,#f43f5e);box-shadow:0 4px 16px #e11d484d}.level-home-return-link{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:5px;padding:0;font-size:.86rem;font-weight:800}.level-home-return-link:hover{text-decoration:underline}.topic-practice-card{border:1px solid var(--border-card);border-radius:var(--radius-xl);background:linear-gradient(145deg, var(--bg-card), var(--bg-alt));box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:clamp(20px,3vw,30px);display:flex}.topic-practice-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.practice-eyebrow{color:var(--primary);letter-spacing:.1em;font-size:.68rem;font-weight:900}.topic-practice-heading h3{color:var(--text-bold);margin:5px 0 0;font-size:1.25rem}.practice-level-tag{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-muted);padding:5px 10px;font-size:.74rem;font-weight:800}.topic-practice-card>p{color:var(--text-main);margin:0;line-height:1.65}.practice-checklist{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.practice-checklist li{color:var(--text-muted);font-size:.8rem}.practice-checklist li:before{content:"✓";color:var(--success);margin-right:6px;font-weight:900}.practice-answer-label{color:var(--text-bold);font-size:.84rem;font-weight:800}.practice-answer-input{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);width:100%;min-height:130px;color:var(--text-main);font:inherit;resize:vertical;padding:13px 15px;font-size:.9rem;line-height:1.55}.practice-answer-input:focus{outline:2px solid var(--primary);outline-offset:2px}.practice-save-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.practice-save-row>span{color:var(--text-muted);font-size:.78rem}.practice-save-button{padding:10px 16px}@media (width<=560px){.topic-practice-heading{align-items:flex-start}.practice-save-row{flex-direction:column;align-items:stretch}.practice-save-button{justify-content:center;width:100%}}.dedicated-page-view-wrapper{flex-direction:column;gap:28px;scroll-margin-top:96px;display:flex}.dedicated-skill-page{flex-direction:column;gap:24px;display:flex}.dedicated-skill-header-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:32px 36px;display:flex}.skill-hero-top-badge{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.skill-pill-tag{color:var(--primary);background:#2563eb1a;border:1px solid #2563eb33;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.skill-level-indicator{color:var(--text-muted);font-size:.82rem;font-weight:700}.dedicated-skill-title{color:var(--text-bold);letter-spacing:-.02em;font-size:1.95rem;font-weight:800;line-height:1.25}.dedicated-skill-intro{color:var(--text-main);max-width:950px;font-size:1.02rem;line-height:1.7}.skill-meta-summary-bar{border-top:1px solid var(--border-card);flex-wrap:wrap;align-items:center;gap:24px;padding-top:16px;display:flex}.skill-meta-block{flex-direction:column;gap:2px;display:flex}.meta-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.meta-val{color:var(--text-bold);font-size:.92rem;font-weight:800}.dedicated-topics-breakdown{flex-direction:column;gap:18px;display:flex}.breakdown-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.breakdown-title{color:var(--text-bold);font-size:1.3rem;font-weight:800}.breakdown-count{color:var(--text-muted);font-size:.84rem;font-weight:600}.detailed-topics-vertical-list{flex-direction:column;gap:18px;display:flex}.dedicated-topic-item-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s;overflow:hidden}.dedicated-topic-item-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-card)}.dedicated-topic-card-header{background:var(--bg-alt);border-bottom:1px solid var(--border-card);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.topic-card-badge{align-items:center;gap:12px;display:flex}.badge-num{border-radius:var(--radius-sm);background:var(--primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.topic-main-name{color:var(--text-bold);font-size:1.15rem;font-weight:800}.topic-skill-tag{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-card);text-transform:uppercase;padding:4px 10px;font-size:.72rem;font-weight:800}.dedicated-topic-card-body{flex-direction:column;gap:16px;padding:24px;display:flex}.topic-summary-paragraph{color:var(--text-main);font-size:.95rem;line-height:1.6}.topic-deep-explanation{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-main);padding:16px 18px;font-size:.92rem;line-height:1.65}.topic-deep-explanation strong{color:var(--text-bold);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.8rem;font-weight:800;display:block}.topic-rule-box{border-radius:var(--radius-sm);background:#2563eb0d;border:1px solid #2563eb26;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.rule-badge{color:var(--primary);text-transform:uppercase;font-size:.72rem;font-weight:800}.rule-formula{font-family:var(--font-mono);color:var(--text-bold);font-size:.88rem;font-weight:700}.topic-keypoints-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.keypoints-title{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.keypoints-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.keypoint-chip{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-sm);color:var(--text-main);padding:3px 9px;font-size:.78rem;font-weight:600}.topic-example-player-box{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.example-text-side{flex-direction:column;flex:1;gap:4px;min-width:240px;display:flex}.example-badge-title{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800}.example-actual-text{color:var(--text-bold);font-size:1rem;font-weight:700;line-height:1.45}.btn-native-audio-play{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .16s;display:flex;box-shadow:0 2px 8px #2563eb40}.btn-native-audio-play:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-native-audio-play.playing{background:#059669;border-color:#059669;box-shadow:0 2px 8px #0596694d}.dedicated-page-footer-nav{border-top:1px solid var(--border-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.btn-nav-prev,.btn-nav-next{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-size:.86rem;font-weight:700;transition:all .16s;display:flex}.btn-nav-prev:hover,.btn-nav-next:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-nav-next{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-nav-next:hover{background:var(--primary-hover);color:#fff}.overview-curriculum-container{flex-direction:column;gap:18px;display:flex}.visual-study-card-wrapper{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);flex-direction:column;gap:24px;padding:32px 36px;display:flex;box-shadow:0 8px 30px #0000000d}@media (width<=640px){.visual-study-card-wrapper{padding:20px 16px}}.visual-card-title-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.visual-card-badge{color:#1e3a8a;text-transform:uppercase;letter-spacing:.06em;background:#1e3a8a14;border:1px solid #1e3a8a33;border-radius:999px;padding:4px 14px;font-size:.75rem;font-weight:800;display:inline-block}[data-theme=dark] .visual-card-badge{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}.visual-card-main-title{letter-spacing:-.025em;font-size:2.35rem;font-weight:900;line-height:1.15}.title-navy{color:#1e3a8a}[data-theme=dark] .title-navy{color:#60a5fa}.title-gold{color:#f59e0b}.visual-card-subtitle{color:var(--text-muted);max-width:600px;font-size:.95rem}.visual-card-modes-bar{background:var(--bg-alt);border-radius:var(--radius-md);border:1px solid var(--border-card);justify-content:center;align-self:center;align-items:center;gap:8px;padding:5px;display:flex}.btn-mode-tab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:7px 18px;font-size:.84rem;font-weight:700;transition:all .15s}.btn-mode-tab:hover{color:var(--text-main)}.btn-mode-tab.active{background:var(--bg-card);color:#1e3a8a;box-shadow:0 2px 8px #0000000f}[data-theme=dark] .btn-mode-tab.active{color:#60a5fa}.infographic-three-col-card{background:#fff;border:1px solid #1e2a781a;border-radius:24px;grid-template-columns:1.05fr 1.15fr 1.95fr;display:grid;overflow:hidden;box-shadow:0 16px 40px #1e2a781f,0 2px 10px #0000000a}@media (width<=768px){.infographic-three-col-card{border-radius:18px;grid-template-columns:1fr}}.infographic-col{flex-direction:column;display:flex}.col-left-gold{background:#f7c538}[data-theme=dark] .col-left-gold{background:#eab308}.gold-header{color:#1a2875;background:#f7c538;border-bottom:2px dashed #1a28754d}[data-theme=dark] .gold-header{color:#0f172a;background:#eab308;border-bottom:2px dashed #0f172a59}.gold-cell{color:#1a2875;background:#f7c538;border-bottom:1.5px dashed #1a287540;font-weight:800}[data-theme=dark] .gold-cell{color:#0f172a;background:#eab308;border-bottom:1.5px dashed #0f172a47}.col-middle-white,[data-theme=dark] .col-middle-white{background:#fff;border-left:1px solid #e2e8f0cc;border-right:1px solid #e2e8f0cc}.white-header,[data-theme=dark] .white-header{color:#1a2875;background:#fff;border-bottom:2px dashed #cbd5e1}.white-cell{color:#1a2875;background:#fff;border-bottom:1.5px dashed #e2e8f0;font-weight:800}[data-theme=dark] .white-cell{color:#1a2875;background:#fff;border-bottom:1.5px dashed #e2e8f0}.col-right-navy{background:#1e2b8f}[data-theme=dark] .col-right-navy{background:#1a2473}.navy-header{color:#fff;background:#1e2b8f;border-bottom:2px dashed #ffffff47}.navy-header .col-h-title{color:#f7c538!important}[data-theme=dark] .navy-header{color:#fff;background:#1a2473;border-bottom:2px dashed #ffffff40}[data-theme=dark] .navy-header .col-h-title{color:#f7c538!important}.navy-cell{color:#fff;background:#1e2b8f;border-bottom:1.5px dashed #fff3;font-weight:700}[data-theme=dark] .navy-cell{color:#fff;background:#1a2473;border-bottom:1.5px dashed #fff3}.col-header-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px 14px;display:flex}.col-h-title{letter-spacing:.05em;text-transform:uppercase;font-size:.96rem;font-weight:900}.col-h-sub{opacity:.9;font-size:.72rem;font-weight:600}.col-rows-list{flex-direction:column;flex:1;display:flex}.row-cell{text-align:center;cursor:pointer;justify-content:center;align-items:center;min-height:52px;padding:14px 16px;transition:all .15s;display:flex;position:relative}.row-cell:last-child{border-bottom:none!important}.row-cell:hover{filter:brightness(.96)}[data-theme=dark] .row-cell:hover{filter:brightness(1.15)}.cell-bold-text{letter-spacing:.04em;font-size:1.05rem;font-weight:900}.cell-main-text{letter-spacing:.03em;font-size:1.05rem;font-weight:800}.cell-audio-icon{opacity:.4;margin-left:6px;transition:opacity .15s}.row-cell:hover .cell-audio-icon{opacity:1}.cell-translate-text{letter-spacing:.02em;font-size:.88rem;font-weight:700}.infographic-comparison-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.comparison-box-card{background:var(--bg-alt);border:1px solid var(--border-card);border-top:4px solid var(--primary);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:20px;display:flex}.comp-card-top{justify-content:space-between;align-items:center;display:flex}.comp-big-letter{font-size:1.8rem;font-weight:900}.comp-badge-pill{border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:800}.comp-rule-text{color:var(--text-muted);font-size:.84rem;line-height:1.45}.comp-items-list{flex-direction:column;gap:8px;display:flex}.comp-item-row{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.comp-item-row:hover{border-color:var(--primary);transform:translate(2px)}.comp-item-en{color:var(--text-bold);align-items:center;gap:6px;font-size:.88rem;display:flex}.comp-item-es{color:var(--text-muted);font-size:.76rem}.infographic-swatches-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.color-swatch-card{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:all .16s;display:flex}.color-swatch-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.swatch-circle{border-radius:50%;flex-shrink:0;width:32px;height:32px;box-shadow:0 2px 6px #00000026}.swatch-circle.with-border{border:1px solid #cbd5e1}.swatch-info{flex-direction:column;flex:1;min-width:0;display:flex}.swatch-name-en{color:var(--text-bold);font-size:.92rem;font-weight:800}.swatch-name-es{color:var(--text-muted);font-size:.74rem}.swatch-sound-icon{color:var(--text-subtle);opacity:.4;transition:opacity .15s}.color-swatch-card:hover .swatch-sound-icon{opacity:1;color:var(--primary)}.infographic-signboards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.signboard-card{background:var(--bg-alt);border:1px solid var(--border-card);border-left:5px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:6px;padding:16px 18px;transition:all .16s;display:flex}.signboard-card:hover{background:var(--bg-card);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.signboard-top-row{justify-content:space-between;align-items:center;display:flex}.sign-category{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.sign-main-text{letter-spacing:.04em;font-size:1.15rem;font-weight:900}.sign-es-text{color:var(--text-main);font-size:.8rem}.infographic-categories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.category-block-card{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:18px;display:flex}.cat-header-strip{border-left:4px solid var(--primary);justify-content:space-between;align-items:center;padding-left:10px;display:flex}.cat-header-title{color:var(--text-bold);font-size:.95rem;font-weight:800}.cat-badge{color:var(--text-muted);font-size:.72rem;font-weight:700}.cat-items-list{flex-direction:column;gap:8px;display:flex}.cat-item-line{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;transition:all .15s;display:flex}.cat-item-line:hover{border-color:var(--primary);transform:translate(2px)}.cat-en-line{color:var(--text-bold);align-items:center;gap:6px;font-size:.86rem;display:flex}.cat-es-line{color:var(--text-muted);font-size:.76rem}.visual-card-examples-strip{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.examples-strip-head{color:var(--text-bold);align-items:center;gap:8px;font-size:.84rem;font-weight:800;display:flex}.examples-pills-row{flex-direction:column;gap:8px;display:flex}.example-mini-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;transition:all .15s;display:flex}.example-mini-card:hover{border-color:var(--primary)}.ex-en-text{color:var(--text-bold);align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.ex-es-text{color:var(--text-muted);font-size:.8rem}.visual-card-footer-note{text-align:center;color:var(--text-subtle);padding-top:4px;font-size:.78rem}.featured-visual-sheet-section{flex-direction:column;gap:16px;margin:6px 0;display:flex}.visual-sheet-selector-tabs{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.sheet-selector-info{align-items:center;gap:8px;display:flex}.sheet-selector-lbl{color:var(--text-bold);letter-spacing:-.01em;font-size:.88rem;font-weight:800}.sheet-pills-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-sheet-pill{border:1px solid var(--border-card);background:var(--bg-alt);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .16s}.btn-sheet-pill:hover{border-color:var(--primary);color:var(--text-bold);transform:translateY(-1px)}.btn-sheet-pill.active{color:#fff;background:#1e3a8a;border-color:#1e3a8a;box-shadow:0 2px 8px #1e3a8a40}[data-theme=dark] .btn-sheet-pill.active{color:#fff;background:#2563eb;border-color:#2563eb}.visual-card-brand-footer{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding-top:14px;display:flex}.visual-card-logo-pill{cursor:default;background:#1e2b8f0f;border:1px solid #1e2b8f29;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;display:inline-flex}[data-theme=dark] .visual-card-logo-pill{background:#ffffff14;border-color:#ffffff26}.clock-icon-circle{color:#f7c538;background:#1e2b8f;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}[data-theme=dark] .clock-icon-circle{color:#fff;background:#3b82f6}.brand-pill-text{color:#1e2b8f;letter-spacing:.02em;font-size:.82rem;font-weight:800}[data-theme=dark] .brand-pill-text{color:#93c5fd}.visual-card-hint-text{color:var(--text-muted);font-size:.74rem}.topic-navigator-bar{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.topic-nav-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.topic-nav-title-group{align-items:center;gap:8px;display:flex}.topic-nav-label{color:var(--text-bold);font-size:.92rem;font-weight:800}.topic-nav-badge-count{color:var(--primary);background:#2563eb14;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.view-mode-toggle-group{background:var(--bg-alt);border-radius:var(--radius-sm);border:1px solid var(--border-card);align-items:center;gap:6px;padding:4px;display:flex}.btn-view-mode{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .15s}.btn-view-mode.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.topic-pills-scroll-row{scrollbar-width:thin;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.btn-topic-nav-pill{border:1px solid var(--border-card);background:var(--bg-alt);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.btn-topic-nav-pill:hover{border-color:var(--primary);transform:translateY(-1px)}.btn-topic-nav-pill.active{color:#fff;background:#1e2b8f;border-color:#1e2b8f;box-shadow:0 4px 12px #1e2b8f40}[data-theme=dark] .btn-topic-nav-pill.active{color:#fff;background:#2563eb;border-color:#2563eb}.pill-num-badge{background:#00000014;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:800;display:flex}.btn-topic-nav-pill.active .pill-num-badge{color:#fff;background:#ffffff40}.focused-topic-lesson-wrapper{flex-direction:column;gap:24px;display:flex}.topic-lesson-hero-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:28px 32px;display:flex}@media (width<=640px){.topic-lesson-hero-card{padding:20px 18px}}.topic-lesson-meta-strip{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topic-lesson-badge{color:#1e2b8f;text-transform:uppercase;letter-spacing:.05em;background:#1e2b8f14;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:800}[data-theme=dark] .topic-lesson-badge{color:#93c5fd;background:#60a5fa26}.topic-lesson-title{color:var(--text-bold);letter-spacing:-.02em;font-size:2rem;font-weight:900;line-height:1.2}.topic-lesson-summary{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.topic-pedagogical-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.pedagogical-card-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:24px;display:flex}.card-box-header{align-items:center;gap:10px;display:flex}.card-box-header-title{color:var(--text-bold);font-size:1.05rem;font-weight:800}.card-box-body{color:var(--text-main);font-size:.92rem;line-height:1.6}.visual-formula-pill-box{color:#f8fafc;border-radius:var(--radius-md);background:#1e293b;align-items:center;gap:10px;padding:12px 18px;font-family:Fira Code,monospace;font-size:.9rem;font-weight:700;display:flex;box-shadow:inset 0 2px 4px #0003}.formula-label-tag{color:#0f172a;letter-spacing:.04em;background:#f59e0b;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:800}.dos-donts-container{flex-direction:column;gap:10px;display:flex}.dos-donts-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.dos-donts-row{grid-template-columns:1fr}}.box-dont{border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444433;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.box-dont .dd-label{color:#dc2626;font-size:.78rem;font-weight:800}.box-dont .dd-text{color:#991b1b;font-size:.88rem;font-weight:700}[data-theme=dark] .box-dont .dd-text{color:#fca5a5}.box-do{border-radius:var(--radius-md);background:#10b98114;border:1px solid #10b98133;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.box-do .dd-label{color:#059669;font-size:.78rem;font-weight:800}.box-do .dd-text{color:#065f46;font-size:.88rem;font-weight:700}[data-theme=dark] .box-do .dd-text{color:#6ee7b7}.quick-quiz-box{background:var(--bg-alt);border:1px solid var(--border-card);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:20px 24px;display:flex}.quiz-head{justify-content:space-between;align-items:center;display:flex}.quiz-title{color:var(--text-bold);font-size:.95rem;font-weight:800}.quiz-question-text{color:var(--text-bold);font-size:1.05rem;font-weight:700}.quiz-options-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-quiz-option{border-radius:var(--radius-sm);border:1.5px solid var(--border-card);background:var(--bg-card);color:var(--text-bold);cursor:pointer;padding:8px 20px;font-size:.9rem;font-weight:700;transition:all .15s}.btn-quiz-option:hover{border-color:var(--primary);transform:translateY(-1px)}.btn-quiz-option.correct{color:#fff;background:#10b981;border-color:#10b981}.btn-quiz-option.incorrect{color:#fff;background:#ef4444;border-color:#ef4444}.quiz-feedback-text{border-radius:var(--radius-sm);padding:8px 12px;font-size:.86rem;font-weight:700}.quiz-feedback-text.correct{color:#059669;background:#10b9811a}.quiz-feedback-text.incorrect{color:#dc2626;background:#ef44441a}.topic-pagination-bar{border-top:1px solid var(--border-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 0;display:flex}.btn-topic-page-prev,.btn-topic-page-next{border-radius:var(--radius-md);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-bold);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:all .16s;display:flex}.btn-topic-page-prev:hover,.btn-topic-page-next:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-topic-page-prev:disabled,.btn-topic-page-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.topic-pagination-counter{color:var(--text-muted);font-size:.84rem;font-weight:800}