:root{--color-primary: #3498db;--color-primary-dark: #2980b9;--color-primary-light: #5dade2;--color-secondary: #2c3e50;--color-secondary-dark: #1a252f;--color-secondary-light: #34495e;--color-accent: #e74c3c;--color-accent-dark: #c0392b;--color-accent-light: #ec7063;--color-success: #27ae60;--color-success-dark: #1e8449;--color-warning: #f39c12;--color-warning-dark: #d68910;--color-info: #8e44ad;--color-info-dark: #6c3483;--color-background: #f5f5f5;--color-surface: #ffffff;--color-border: #dfe6e9;--color-border-dark: #b2bec3;--color-text: #2c3e50;--color-text-light: #5d6b74;--color-text-inverse: #ffffff;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: var(--font-sans);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img,svg,video,canvas,iframe{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--space-8);max-width:1200px;margin:0 auto;width:100%}.page{display:flex;flex-direction:column;gap:var(--space-6)}.page h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin-bottom:var(--space-2)}.page h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-2)}.page p{margin-bottom:var(--space-4)}.page ul,.page ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.page li{margin-bottom:var(--space-2)}.app-header{background:var(--color-secondary);color:var(--color-text-inverse);padding:var(--space-4) var(--space-8)}.app-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.app-nav{background:var(--color-secondary-light);padding:var(--space-2) var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-2)}.app-nav a{color:var(--color-text-inverse);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:background var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.app-nav a:hover,.app-nav a.active{background:var(--color-secondary)}.app-footer{background:var(--color-secondary);color:var(--color-text-inverse);text-align:center;padding:var(--space-4);margin-top:auto;font-size:var(--font-size-sm)}.card{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-4)}.card p:last-child{margin-bottom:0}.card+.card{margin-top:var(--space-4)}button{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-fast);margin-right:var(--space-2)}button:hover{background:var(--color-primary-dark)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:var(--color-secondary)}button.secondary:hover{background:var(--color-secondary-dark)}button.danger{background:var(--color-accent)}button.danger:hover{background:var(--color-accent-dark)}button.success{background:var(--color-success)}button.success:hover{background:var(--color-success-dark)}button.ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}button.ghost:hover{background:var(--color-primary);color:var(--color-text-inverse)}.home{display:flex;flex-direction:column;gap:var(--space-10);padding-bottom:var(--space-8)}.home-hero{background:var(--color-secondary);color:var(--color-text-inverse);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8);text-align:center}.hero-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);max-width:640px;margin:0 auto var(--space-6);opacity:.9}.hero-actions{display:flex;justify-content:center}.btn{display:inline-block;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:background var(--transition-fast),transform var(--transition-fast)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.home-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-6)}.section-header{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary)}.pedagogic-message{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text);margin:0}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.home-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);text-decoration:none;color:var(--color-text);border:2px solid transparent;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-3)}.home-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-number{width:40px;height:40px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-summary{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-normal);margin:0;flex:1}.card-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.practice-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);text-decoration:none;color:var(--color-text);border:2px solid transparent;display:flex;align-items:center;gap:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.practice-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.practice-icon{font-size:2.5rem;flex-shrink:0}.practice-content{flex:1;min-width:0}.practice-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1)}.practice-summary{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0;line-height:var(--line-height-normal)}@media (max-width: 640px){.home{gap:var(--space-8)}.home-hero{padding:var(--space-8) var(--space-4);border-radius:var(--radius-md)}.hero-title{font-size:var(--font-size-xl)}.hero-subtitle{font-size:var(--font-size-base)}.home-grid,.practice-grid{grid-template-columns:1fr}.practice-card{padding:var(--space-4);flex-direction:column;align-items:flex-start}.practice-icon{font-size:2rem}.app-header{padding:var(--space-3) var(--space-4)}.app-header h1{font-size:var(--font-size-lg)}.app-nav{padding:var(--space-2) var(--space-4);gap:var(--space-1)}.app-nav a{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.main-content{padding:var(--space-4)}.sda-page{max-width:100%}.sda-hero{padding:var(--space-8) var(--space-4);border-radius:var(--radius-md)}.sda-hero__title{font-size:var(--font-size-2xl)}.sda-hero__subtitle{font-size:var(--font-size-base)}.sda-section{margin-bottom:var(--space-8)}.sda-section__title{font-size:var(--font-size-lg)}.sda-objectives{padding:var(--space-4)}.sda-infographics__grid,.sda-flashcards__grid,.sda-challenges__grid{grid-template-columns:1fr}.sda-quiz,.sda-flashcards,.sda-challenges,.sda-activity{padding:var(--space-5)}.sda-nav-footer{flex-direction:column;gap:var(--space-3);align-items:stretch}.sda-nav-footer__home,.sda-nav-footer__glossary,.sda-nav-footer__next{justify-content:center}.glossary-page{max-width:100%}.glossary-categories{gap:var(--space-1)}.glossary-category-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.glossary-section{padding:var(--space-4)}.routine-table-wrapper,.comparison-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}.routine-table,.comparison-grid__table{min-width:480px}.tuning-diagram__string{flex-wrap:wrap}.lesson-idea-item,.calibration-step{flex-direction:column;gap:var(--space-2)}.challenge-box__list li{flex-direction:column;gap:var(--space-1)}}@media (min-width: 1024px){.home-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.home-grid,.practice-grid,.sda-flashcards__grid,.sda-challenges__grid{grid-template-columns:repeat(2,1fr)}}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #60a5fa;--color-secondary: #102033;--color-secondary-dark: #07111f;--color-secondary-light: #243b5a;--color-accent: #f97316;--color-accent-dark: #c2410c;--color-accent-light: #fdba74;--color-success: #10b981;--color-success-dark: #047857;--color-warning: #facc15;--color-warning-dark: #ca8a04;--color-info: #7c3aed;--color-info-dark: #5b21b6;--color-background: #f7f4ea;--color-surface: #fffdf8;--color-border: #e6dfcf;--color-border-dark: #c6bba6;--color-text: #172033;--color-text-light: #5d6472;--shadow-sm: 0 2px 0 rgba(16, 32, 51, .08);--shadow-md: 0 8px 18px rgba(16, 32, 51, .12);--shadow-lg: 0 16px 34px rgba(16, 32, 51, .16);--shadow-xl: 0 24px 54px rgba(16, 32, 51, .22)}body{background:radial-gradient(circle at top left,rgba(250,204,21,.24),transparent 28rem),radial-gradient(circle at 88% 8%,rgba(37,99,235,.18),transparent 24rem),linear-gradient(180deg,#fffaf0 0%,var(--color-background) 44%,#eef7f4 100%)}.app-layout{position:relative}.app-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background-image:linear-gradient(90deg,rgba(16,32,51,.08) 1px,transparent 1px),linear-gradient(rgba(16,32,51,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%)}.main-content{max-width:1180px;padding:var(--space-8) var(--space-6)}.app-header{background:linear-gradient(135deg,#102033f5,#243b5af5),var(--color-secondary);box-shadow:0 10px 24px #10203338}.app-header__inner{width:min(1180px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-header__brand{display:flex;align-items:center;gap:var(--space-3)}.app-header__logo{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--color-warning);color:var(--color-secondary-dark);font-size:1.7rem;font-weight:var(--font-weight-bold);box-shadow:5px 5px 0 var(--color-accent)}.app-header h1{font-size:var(--font-size-lg);letter-spacing:0;line-height:1.1}.app-header p{margin:var(--space-1) 0 0;color:#ffffffc2;font-size:var(--font-size-sm)}.app-header__tag{border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);color:#ffffffdb;font-size:var(--font-size-sm);white-space:nowrap}.app-nav{position:sticky;top:0;z-index:10;justify-content:center;background:#fffdf8eb;border-bottom:1px solid rgba(16,32,51,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 18px #10203314;gap:var(--space-2)}.app-nav a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;color:var(--color-secondary);background:#fffaf0;border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:0 2px #1020331a;padding:var(--space-2) var(--space-3)}.app-nav__icon{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-full);background:#2563eb1f;color:var(--color-primary-dark);font-weight:var(--font-weight-bold)}.app-nav a:hover,.app-nav a.active{color:var(--color-secondary-dark);background:var(--color-warning);border-color:#10203338;transform:translateY(-1px)}.app-nav a.active .app-nav__icon{background:var(--color-secondary);color:var(--color-text-inverse)}.home{gap:var(--space-12)}.home-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:var(--space-8);min-height:390px;text-align:left;padding:var(--space-10);border-radius:8px;background:linear-gradient(135deg,#102033f0,#2563ebe0),var(--color-secondary);box-shadow:var(--shadow-xl)}.home-hero:before,.home-hero:after{content:"";position:absolute;z-index:-1}.home-hero:before{inset:auto -8% -28% 34%;height:260px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 10px,transparent 10px 22px);transform:rotate(-8deg)}.home-hero:after{width:320px;height:320px;right:-90px;top:-95px;border:42px solid rgba(250,204,21,.5);border-radius:50%}.hero-content{position:relative;z-index:1}.hero-kicker,.card-eyebrow{display:inline-flex;align-items:center;width:fit-content;color:var(--color-secondary-dark);background:var(--color-warning);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.home .hero-title{max-width:780px;margin:var(--space-4) 0;font-size:clamp(2.25rem,5vw,3.85rem);line-height:1;letter-spacing:0;color:var(--color-text-inverse)}.hero-subtitle{max-width:680px;margin:0 0 var(--space-6);font-size:var(--font-size-md);opacity:.94}.hero-actions{justify-content:flex-start;flex-wrap:wrap;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--radius-full);box-shadow:0 4px #07111f47}.btn-primary{background:var(--color-accent)}.btn-primary:hover{background:var(--color-warning);color:var(--color-secondary-dark)}.btn-ghost{color:var(--color-text-inverse);border:1px solid rgba(255,255,255,.38);background:#ffffff1f}.btn-ghost:hover{background:#ffffff38;transform:translateY(-1px)}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.hero-stat{display:grid;gap:0;min-width:128px;padding:var(--space-3) var(--space-4);border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.hero-stat strong{font-size:var(--font-size-2xl);line-height:1}.hero-stat span{color:#ffffffc7;font-size:var(--font-size-xs)}.hero-orbit{position:relative;min-height:300px}.hero-disc{position:absolute;inset:34px 18px auto auto;display:grid;place-items:center;width:238px;height:238px;border-radius:50%;background:radial-gradient(circle,var(--color-warning) 0 16%,transparent 17% 26%,rgba(255,255,255,.16) 27% 29%,transparent 30%),conic-gradient(from 20deg,#f97316,#facc15,#10b981,#60a5fa,#7c3aed,#f97316);box-shadow:18px 18px #07111f47}.hero-disc span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--color-secondary-dark);color:var(--color-text-inverse);font-weight:var(--font-weight-bold)}.hero-wave{position:absolute;right:36px;bottom:22px;display:flex;align-items:end;gap:9px;height:84px;padding:var(--space-4);border-radius:8px;background:#ffffff24}.hero-wave i{display:block;width:13px;min-height:18px;border-radius:var(--radius-full);background:var(--color-warning)}.hero-wave i:nth-child(2){height:52px;background:var(--color-accent-light)}.hero-wave i:nth-child(3){height:34px;background:var(--color-primary-light)}.hero-wave i:nth-child(4){height:70px;background:var(--color-success)}.hero-wave i:nth-child(5){height:44px;background:var(--color-warning)}.hero-wave i:nth-child(6){height:62px;background:var(--color-info)}.hero-wave i:nth-child(7){height:28px;background:var(--color-accent)}.hero-note{position:absolute;display:grid;place-items:center;width:54px;height:54px;border-radius:8px;background:var(--color-surface);color:var(--color-secondary);font-size:2rem;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md)}.hero-note--one{left:14px;top:28px;transform:rotate(-10deg)}.hero-note--two{left:70px;bottom:42px;transform:rotate(9deg)}.hero-note--three{right:32px;top:12px;transform:rotate(12deg)}.section-header,.home-card,.practice-card,.sda-objectives,.info-box,.curiosity-box,.definition-box,.activity-box,.content-card,.accordion__item,.quiz-card,.sda-quiz,.sda-flashcards,.sda-challenges,.glossary-section,.glossary-item,.chord-card,.tuning-diagram,.strum-card{border-radius:8px}.section-header{position:relative;overflow:hidden;border:2px solid rgba(16,32,51,.08);border-left:8px solid var(--color-primary);box-shadow:var(--shadow-md)}.section-header:after{content:"♪";position:absolute;right:var(--space-5);bottom:-.35em;color:#2563eb14;font-size:8rem;font-weight:var(--font-weight-bold)}.home-section h3,.sda-section__title,.practice-section h2,.glossary-header h2{color:var(--color-secondary-dark)}.home-grid{align-items:stretch}.home-card{position:relative;overflow:hidden;min-height:250px;border:2px solid rgba(16,32,51,.1);box-shadow:8px 8px #10203314}.home-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--color-accent),var(--color-warning),var(--color-success),var(--color-primary))}.home-card:hover,.practice-card:hover,.sda-infographic-card:hover,.chord-card:hover{transform:translateY(-5px) rotate(-.25deg)}.card-number{border-radius:8px;background:var(--color-secondary);box-shadow:4px 4px 0 var(--color-warning)}.card-title{font-size:var(--font-size-xl);color:var(--color-secondary-dark)}.card-link{color:var(--color-accent-dark);font-weight:var(--font-weight-bold)}.practice-card{align-items:flex-start;border:2px solid rgba(16,32,51,.1);box-shadow:8px 8px #f9731621}.practice-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:8px;background:#ffedd5}.sda-page,.practice-page,.glossary-page{max-width:980px}.sda-hero,.practice-hero{position:relative;overflow:hidden;border-radius:8px;text-align:left;box-shadow:var(--shadow-xl)}.sda-hero{background:linear-gradient(135deg,#102033,#2563eb 58%,#10b981)}.practice-hero{background:linear-gradient(135deg,#102033,#f97316 56%,#facc15)}.sda-hero:after,.practice-hero:after{content:"♫";position:absolute;right:var(--space-8);bottom:-.45em;color:#ffffff29;font-size:12rem;line-height:1;font-weight:var(--font-weight-bold)}.sda-hero__badge,.practice-hero__badge{border-radius:var(--radius-full);background:var(--color-warning);color:var(--color-secondary-dark)}.sda-section__header,.practice-section__header,.glossary-section__header{border-bottom:3px solid rgba(16,32,51,.1)}.sda-section__icon,.practice-section__icon,.glossary-section__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:var(--color-warning);box-shadow:4px 4px #1020331a}.info-box,.curiosity-box,.definition-box,.activity-box{border:1px solid rgba(16,32,51,.08);border-left-width:8px;box-shadow:var(--shadow-sm)}.sda-infographic-card{border:2px solid rgba(16,32,51,.08);box-shadow:6px 6px #2563eb1a}.sda-infographic-card__image,.practice-visual__image{border-radius:8px}.sda-activity{border-radius:8px;background:linear-gradient(135deg,#047857,#10b981 58%,#2563eb);box-shadow:var(--shadow-lg)}.sda-activity__tasks{border-radius:8px;background:#ffffff29}.flashcard__face{border-radius:8px}.flashcard__face--front{background:linear-gradient(135deg,var(--color-secondary),var(--color-info))}.flashcard__face--back{background:linear-gradient(135deg,var(--color-primary),var(--color-success))}.quiz-card{border:2px solid rgba(16,32,51,.08);border-top-width:8px}.quiz-card__option{border-radius:8px}.glossary-category-btn,.glossary-search__input,.sda-nav-footer__home,.sda-nav-footer__glossary,.sda-nav-footer__next{box-shadow:0 3px #1020331a}@media (max-width: 820px){.home-hero{grid-template-columns:1fr;min-height:auto}.hero-orbit{min-height:245px}.hero-disc{width:200px;height:200px;inset:22px 20px auto auto}.hero-wave{right:10px}}@media (max-width: 640px){.main-content{padding:var(--space-4)}.app-header__inner{align-items:flex-start}.app-header__tag{display:none}.app-header__logo{width:38px;height:38px;font-size:1.35rem}.app-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.app-nav a{flex:0 0 auto}.home-hero{padding:var(--space-8) var(--space-5)}.hero-title{font-size:2.35rem}.hero-subtitle{font-size:var(--font-size-base)}.hero-stats{display:grid;grid-template-columns:1fr}.hero-orbit{display:none}}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-light)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.info-box,.curiosity-box,.definition-box,.activity-box{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);border-left:4px solid var(--color-primary)}.info-box__header,.curiosity-box__header,.activity-box__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.info-box__icon,.curiosity-box__icon,.activity-box__icon{font-size:var(--font-size-lg)}.info-box__title,.curiosity-box__title,.activity-box__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.curiosity-box{border-left-color:var(--color-warning)}.curiosity-box__icon{font-size:var(--font-size-lg)}.activity-box{border-left-color:var(--color-success)}.definition-box{border-left-color:var(--color-info);border-radius:var(--radius-md)}.definition-box__term{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-info-dark);margin-bottom:var(--space-2)}.definition-box__definition{color:var(--color-text)}.section-header{margin-bottom:var(--space-6)}.section-header__eyebrow{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-2)}.section-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin:0}.section-header__description{margin-top:var(--space-3);font-size:var(--font-size-md);color:var(--color-text-light);max-width:65ch}.content-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--space-4)}.content-card__header{background:var(--color-secondary);color:var(--color-text-inverse);padding:var(--space-4) var(--space-5)}.content-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.content-card__meta{display:block;font-size:var(--font-size-xs);color:#ffffffb3;margin-top:var(--space-1)}.content-card__body{padding:var(--space-5)}.timeline{display:flex;flex-direction:column;gap:0;padding-left:var(--space-2);margin-bottom:var(--space-4)}.timeline__item{display:flex;gap:var(--space-4);position:relative}.timeline__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline__dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-primary);border:2px solid var(--color-surface);box-shadow:var(--shadow-sm);flex-shrink:0;z-index:1}.timeline__line{width:2px;flex:1;background:var(--color-border);margin:var(--space-1) 0;min-height:var(--space-4)}.timeline__content{padding-bottom:var(--space-5)}.timeline__label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-primary-dark);display:block;margin-bottom:var(--space-1)}.timeline__body{color:var(--color-text)}.comparison-grid{overflow-x:auto;margin-bottom:var(--space-4)}.comparison-grid__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.comparison-grid__header{background:var(--color-secondary);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold)}.comparison-grid__row:nth-child(2n){background:#00000005}.comparison-grid__cell{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.glossary-item{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm);border-left:3px solid var(--color-info)}.glossary-item__term{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-secondary);margin-bottom:var(--space-2)}.glossary-item__definition{color:var(--color-text);line-height:var(--line-height-relaxed)}.glossary-item__example{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-background);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-light);font-style:italic}.accordion{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.accordion__item{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.accordion__item--open{box-shadow:var(--shadow-md)}.accordion__trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:none;border:none;text-align:left;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-secondary);cursor:pointer;transition:background var(--transition-fast);margin:0;border-radius:var(--radius-md)}.accordion__trigger:hover{background:#00000008}.accordion__icon{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-bold)}.accordion__body{padding:0 var(--space-5) var(--space-4);color:var(--color-text);line-height:var(--line-height-relaxed);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.flashcard{perspective:1000px;cursor:pointer;margin-bottom:var(--space-4)}.flashcard__inner{position:relative;width:100%;min-height:200px;transition:transform .5s ease;transform-style:preserve-3d}.flashcard--flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.flashcard__face--front{background:var(--color-secondary);color:var(--color-text-inverse)}.flashcard__face--back{background:var(--color-primary);color:var(--color-text-inverse);transform:rotateY(180deg)}.flashcard__hint{margin-top:var(--space-4);font-size:var(--font-size-xs);opacity:.6}.quiz-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);margin-bottom:var(--space-4);border-top:4px solid var(--color-secondary)}.quiz-card--correct{border-top-color:var(--color-success)}.quiz-card--incorrect{border-top-color:var(--color-accent)}.quiz-card__question{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-5)}.quiz-card__options{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-card__option{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-align:left;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);margin:0}.quiz-card__option:hover:not(:disabled){background:var(--color-secondary-light);color:var(--color-text-inverse);border-color:var(--color-secondary-light)}.quiz-card__option--selected{border-color:var(--color-primary);background:#3498db1a}.quiz-card__option--correct{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.quiz-card__option--incorrect{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.quiz-card__explanation{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-background);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-light);border-left:3px solid var(--color-info)}.video-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--space-4)}.video-card__media{position:relative;background:#000;aspect-ratio:16 / 9}.video-card__media iframe,.video-card__media video{width:100%;height:100%;display:block}.video-card__media iframe{border:none}.video-card__thumbnail{width:100%;height:100%;object-fit:cover}.video-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#ffffff4d}.video-card__duration{position:absolute;bottom:var(--space-2);right:var(--space-2);background:#000000bf;color:#fff;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.video-card__info{padding:var(--space-4)}.video-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin:0}.sda-page{max-width:900px;margin:0 auto}.sda-hero{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:var(--color-text-inverse);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-8);text-align:center}.sda-hero__badge{display:inline-block;background:#ffffff26;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.sda-hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.sda-hero__subtitle{font-size:var(--font-size-md);opacity:.9;max-width:60ch;margin:0 auto;line-height:var(--line-height-relaxed)}.sda-section{margin-bottom:var(--space-10)}.sda-section__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.sda-section__icon{font-size:var(--font-size-2xl)}.sda-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin:0}.sda-section__content{display:flex;flex-direction:column;gap:var(--space-4)}.sda-content-block{width:100%}.sda-objectives{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary)}.sda-objectives__header{margin-bottom:var(--space-4)}.sda-objectives__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.sda-objectives__item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.sda-objectives__check{color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0}.sda-infographics__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.sda-infographic-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sda-infographic-card__image{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-3);border:1px solid var(--color-border);background:#f6f8fb}.sda-infographic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sda-infographic-card:hover .sda-infographic-card__image{transform:scale(1.01)}.sda-infographic-card__icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-3)}.sda-infographic-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-2)}.sda-infographic-card__desc{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin:0}.sda-activity{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--color-text-inverse);border-radius:var(--radius-xl);padding:var(--space-8)}.sda-activity .sda-section__icon{filter:brightness(0) invert(1)}.sda-activity .sda-section__title{color:var(--color-text-inverse)}.sda-activity__description{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.sda-activity__tasks{background:#ffffff1a;border-radius:var(--radius-lg);padding:var(--space-5)}.sda-activity__tasks-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.sda-activity__tasks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.sda-activity__task{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.sda-activity__task-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);flex-shrink:0}.sda-quiz{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);border-top:4px solid var(--color-info)}.sda-quiz__intro{color:var(--color-text-light);margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.sda-quiz__cards{display:flex;flex-direction:column;gap:var(--space-5)}.sda-quiz__actions{text-align:center;margin-top:var(--space-6)}.sda-quiz__retry-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.sda-quiz__retry-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.self-assessment{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);border-top:4px solid var(--color-info)}.sa-start{text-align:center;padding:var(--space-6) 0}.sa-start__intro{color:var(--color-text-light);margin-bottom:var(--space-5);font-size:var(--font-size-md)}.sa-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.sa-btn--start{background:var(--color-success);color:var(--color-text-inverse);font-size:var(--font-size-lg);padding:var(--space-5) var(--space-10)}.sa-btn--start:hover{background:var(--color-success-dark);transform:translateY(-1px)}.sa-btn--next{background:var(--color-primary);color:var(--color-text-inverse)}.sa-btn--next:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.sa-btn--retry{background:var(--color-primary);color:var(--color-text-inverse)}.sa-btn--retry:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.sa-progress{margin-bottom:var(--space-5)}.sa-progress__text{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-2)}.sa-progress__bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.sa-progress__bar-fill{height:100%;background:var(--color-info);border-radius:3px;transition:width .3s ease}.sa-question-card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.sa-question-card__text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-5);line-height:var(--line-height-tight)}.sa-question-card__options{display:flex;flex-direction:column;gap:var(--space-3)}.sa-question-card__actions{margin-top:var(--space-5);text-align:right}.sa-option{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-md);text-align:left;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);margin:0}.sa-option:hover:not(:disabled){border-color:var(--color-primary);background:#3498db0d}.sa-option:disabled{cursor:default}.sa-option__letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-background);color:var(--color-text-light);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.sa-option--selected{border-color:var(--color-primary);background:#3498db14}.sa-option--selected .sa-option__letter{background:var(--color-primary);color:var(--color-text-inverse)}.sa-option--correct{border-color:var(--color-success);background:#27ae601a}.sa-option--correct .sa-option__letter{background:var(--color-success);color:var(--color-text-inverse)}.sa-option--incorrect{border-color:var(--color-accent);background:#e74c3c14}.sa-option--incorrect .sa-option__letter{background:var(--color-accent);color:var(--color-text-inverse)}.sa-option__text{flex:1;padding-top:2px}.sa-explanation{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-light);border-left:3px solid var(--color-info)}.sa-mini-score{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-light);padding-top:var(--space-3)}.sa-result{text-align:center;padding:var(--space-6) 0}.sa-result__score{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.sa-result__number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary)}.sa-result__divider{font-size:var(--font-size-2xl);color:var(--color-text-light)}.sa-result__percentage{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-info);margin-bottom:var(--space-3)}.sa-result__bar{width:100%;max-width:300px;height:12px;background:var(--color-border);border-radius:6px;overflow:hidden;margin:0 auto var(--space-4)}.sa-result__bar-fill{height:100%;background:var(--color-success);border-radius:6px;transition:width .6s ease}.sa-result__message{font-size:var(--font-size-md);color:var(--color-text-light)}.sa-incorrect{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.sa-incorrect__title{font-size:var(--font-size-lg);color:var(--color-secondary);margin-bottom:var(--space-4)}.sa-incorrect__list{display:flex;flex-direction:column;gap:var(--space-4)}.sa-incorrect__item{background:var(--color-background);border-radius:var(--radius-md);padding:var(--space-4);border-left:3px solid var(--color-accent)}.sa-incorrect__question{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text)}.sa-incorrect__your{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-1)}.sa-incorrect__wrong{color:var(--color-accent);font-weight:var(--font-weight-medium)}.sa-incorrect__right{font-size:var(--font-size-sm);color:var(--color-text-light)}.sa-incorrect__correct-answer{color:var(--color-success);font-weight:var(--font-weight-medium)}.sa-actions{text-align:center;margin-top:var(--space-6)}.sda-flashcards{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);border-top:4px solid var(--color-secondary)}.sda-flashcards__intro{color:var(--color-text-light);margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.sda-flashcards__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.sda-challenges{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);border-top:4px solid var(--color-success)}.sda-challenges__intro{color:var(--color-text-light);margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.sda-challenges__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.sda-challenge-card{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border);transition:box-shadow var(--transition-fast)}.sda-challenge-card:hover{box-shadow:var(--shadow-md)}.sda-challenge-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.sda-challenge-card__icon{font-size:var(--font-size-xl)}.sda-challenge-card__type{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.sda-challenge-card__type--comparar{background:#e8f4fd;color:#2c5282}.sda-challenge-card__type--identificar{background:#fef5e7;color:#946c21}.sda-challenge-card__type--justificar{background:#e8e5fd;color:#553c9a}.sda-challenge-card__type--crear{background:#e5f5e5;color:#276749}.sda-challenge-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-2)}.sda-challenge-card__prompt{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.sda-challenge-card__steps{margin-bottom:var(--space-4)}.sda-challenge-card__steps-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.sda-challenge-card__steps-list{padding-left:var(--space-5);margin:0;font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed)}.sda-challenge-card__steps-list li{margin-bottom:var(--space-1)}.sda-challenge-card__evidence{font-size:var(--font-size-sm);color:var(--color-text-light);background:var(--color-surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border-left:3px solid var(--color-info)}.sda-nav-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) 0;margin-top:var(--space-8);border-top:1px solid var(--color-border)}.sda-nav-footer__home,.sda-nav-footer__next{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.sda-nav-footer__home{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.sda-nav-footer__home:hover{background:var(--color-border)}.sda-nav-footer__next{background:var(--color-primary);color:var(--color-text-inverse)}.sda-nav-footer__next:hover{background:var(--color-primary-dark)}.sda-nav-footer__glossary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-decoration:none;background:var(--color-info);color:var(--color-text-inverse);transition:background var(--transition-fast)}.sda-nav-footer__glossary:hover{background:var(--color-info-dark)}.glossary-page{max-width:900px;margin:0 auto}.glossary-header{margin-bottom:var(--space-6)}.glossary-header h2{font-size:var(--font-size-2xl);color:var(--color-secondary);margin-bottom:var(--space-2)}.glossary-header p{color:var(--color-text-light);margin:0}.glossary-search{position:relative;margin-bottom:var(--space-5)}.glossary-search__input{width:100%;padding:var(--space-4) var(--space-5);padding-right:var(--space-10);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--transition-fast)}.glossary-search__input:focus{outline:none;border-color:var(--color-primary)}.glossary-search__input::placeholder{color:var(--color-text-light)}.glossary-search__clear{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);background:var(--color-border-dark);color:var(--color-text-inverse);border:none;width:28px;height:28px;border-radius:var(--radius-full);font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.glossary-search__clear:hover{background:var(--color-text-light)}.glossary-categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.glossary-category-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.glossary-category-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.glossary-category-btn.active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.glossary-empty{text-align:center;padding:var(--space-10);background:var(--color-surface);border-radius:var(--radius-lg)}.glossary-empty p{color:var(--color-text-light);margin-bottom:var(--space-4)}.glossary-sections{display:flex;flex-direction:column;gap:var(--space-8)}.glossary-section{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.glossary-section__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.glossary-section__icon{font-size:var(--font-size-xl)}.glossary-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin:0;flex:1}.glossary-section__count{background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.glossary-section__list{display:flex;flex-direction:column;gap:var(--space-3)}.glossary-term-sda{font-size:var(--font-size-xs);color:var(--color-info);font-weight:var(--font-weight-medium)}.glossary-footer{text-align:center;padding:var(--space-6);color:var(--color-text-light);font-size:var(--font-size-sm)}.practice-page{max-width:900px;margin:0 auto}.practice-hero{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-text-inverse);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-8);text-align:center}.practice-hero__badge{display:inline-block;background:#ffffff26;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.practice-hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.practice-hero__subtitle{font-size:var(--font-size-md);opacity:.9;max-width:60ch;margin:0 auto;line-height:var(--line-height-relaxed)}.practice-visual{margin-bottom:var(--space-8)}.practice-visual__image{width:100%;display:block;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);background:var(--color-surface)}.practice-section{margin-bottom:var(--space-10)}.practice-section__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.practice-section__icon{font-size:var(--font-size-2xl)}.practice-section h2{margin:0}.chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.chord-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.chord-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.chord-diagram-svg{display:block;margin-bottom:var(--space-3)}.chord-diagram-name{font-family:var(--font-sans)}.chord-card__info{width:100%}.chord-card__label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin-bottom:var(--space-2)}.chord-card__desc{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal);margin-bottom:var(--space-2)}.chord-card__tip{font-size:var(--font-size-xs);color:var(--color-text-light);font-style:italic}.tuning-diagram{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);margin:var(--space-4) 0}.tuning-diagram__string{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-background);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.tuning-diagram__num{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-primary);min-width:30px}.tuning-diagram__note{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-secondary);flex:1}.tuning-diagram__hint{font-size:var(--font-size-xs);color:var(--color-text-light)}.strum-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.strum-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);border:2px solid transparent;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.strum-card--active{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.strum-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.strum-card__icon{font-size:var(--font-size-xl)}.strum-card__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-secondary);margin:0}.strum-card__count{font-size:var(--font-size-xs);color:var(--color-text-light)}.strum-card__play-btn{margin-left:auto;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-primary);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--font-size-sm);cursor:pointer}.strum-card__play-btn:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.strum-card__pattern{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-accent);text-align:center;padding:var(--space-4);background:var(--color-background);border-radius:var(--radius-md);letter-spacing:.1em;font-family:monospace}.strum-card__desc{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal)}.progression-info{display:flex;flex-direction:column;gap:var(--space-2)}.progression-info__sequence{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);font-family:monospace;letter-spacing:.08em;margin-bottom:var(--space-2)}.progression-info__usage{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--space-2)}.song-content{display:flex;flex-direction:column;gap:var(--space-3)}.song-content__strum{font-size:var(--font-size-md);color:var(--color-accent);font-family:monospace}.song-content__lyrics{font-size:var(--font-size-sm);color:var(--color-text-light);padding:var(--space-3);background:var(--color-background);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.challenge-section{margin-top:var(--space-12)}.challenge-box{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-dark) 100%);color:var(--color-text-inverse);border-radius:var(--radius-xl);padding:var(--space-8)}.challenge-box__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.challenge-box__icon{font-size:var(--font-size-3xl)}.challenge-box h2{color:var(--color-text-inverse);margin:0}.challenge-box__intro{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);opacity:.95}.challenge-box__list{list-style:none;padding:0;margin:0 0 var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-3)}.challenge-box__list li{display:flex;gap:var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal);background:#ffffff1a;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.challenge-box__list li strong{flex-shrink:0}.calibration-steps{list-style:none;padding:0;margin:0 0 var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-3)}.calibration-step{display:flex;gap:var(--space-4);align-items:flex-start}.calibration-step__num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.calibration-step p{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-light)}.level-detail{display:flex;flex-direction:column;gap:var(--space-3)}.tracking-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.routine-table-wrapper{overflow-x:auto}.routine-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.routine-table thead{background:var(--color-secondary);color:var(--color-text-inverse)}.routine-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold)}.routine-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.routine-table tbody tr:nth-child(2n){background:#00000005}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.webapp-category .category-desc{margin-bottom:var(--space-4)}.webapp-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.webapp-link{display:inline-block;margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-fast)}.webapp-link:hover{background:var(--color-primary-dark)}.lesson-ideas{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.lesson-idea-item{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border-left:3px solid var(--color-primary)}.lesson-idea-item__num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);flex-shrink:0}@media (max-width: 640px){.practice-hero{padding:var(--space-8) var(--space-4);border-radius:var(--radius-md)}.practice-hero__title{font-size:var(--font-size-xl)}.practice-visual{margin-bottom:var(--space-6)}.chord-grid,.strum-grid,.tracking-grid,.tips-grid{grid-template-columns:1fr}.challenge-box{padding:var(--space-6) var(--space-4)}.tuning-diagram{padding:var(--space-3)}.practice-page{max-width:100%}.practice-section__header{flex-wrap:wrap;gap:var(--space-2)}.practice-section__icon{font-size:var(--font-size-xl)}.strum-card__header{flex-wrap:wrap}.chord-card{flex-direction:row;text-align:left;gap:var(--space-4);align-items:flex-start}.chord-card__info{flex:1}}@media (min-width: 768px){.webapp-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.card,.home-card,.practice-card,.content-card,.chord-card,.strum-card,.sda-infographic-card,.sda-challenge-card,.flashcard__face,.quiz-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.home-card:hover,.practice-card:hover,.chord-card:hover,.sda-infographic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.home-card:hover,.practice-card:hover{border-color:var(--color-primary)}.sda-hero__badge,.practice-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.sda-hero__badge,.practice-hero__badge{background:#ffffff26}.home-card,.practice-card{border:2px solid transparent}.sda-section__icon,.practice-section__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.webapp-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-5);background:var(--color-primary);color:var(--color-text-inverse);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast),transform var(--transition-fast)}.webapp-link:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.course-nav{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-6);background:var(--color-secondary);border-top:2px solid rgba(255,255,255,.08)}.course-nav__eyebrow{color:var(--color-warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;margin-right:var(--space-2);white-space:nowrap}.course-nav a{display:inline-flex;align-items:center;min-height:36px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-decoration:none;color:#ffffffc7;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border:1px solid rgba(255,255,255,.14);background:#ffffff0f;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.course-nav a:hover{background:#ffffff29;color:var(--color-text-inverse);transform:translateY(-1px)}.course-nav a.active{background:var(--color-warning);color:var(--color-secondary-dark);border-color:#10203338;font-weight:var(--font-weight-bold)}.dynamic-hero{position:relative;overflow:hidden;margin-bottom:var(--space-8);padding:var(--space-8) var(--space-8);border-radius:8px;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-lg)}.dynamic-hero:after{content:"♫";position:absolute;right:var(--space-6);bottom:-.4em;color:#ffffff1f;font-size:9rem;line-height:1;font-weight:var(--font-weight-bold);pointer-events:none}.dynamic-hero .hero-kicker{display:inline-flex;align-items:center;width:fit-content;color:var(--color-secondary-dark);background:var(--color-warning);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.dynamic-hero h1{margin:var(--space-3) 0 var(--space-2);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.15}.dynamic-hero p{max-width:52ch;opacity:.9;font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.dynamic-state{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-text-light);font-size:var(--font-size-md);background:var(--color-surface);border-radius:8px;border:2px dashed var(--color-border)}.dynamic-state:before{content:"♪";display:block;margin-right:var(--space-3);font-size:var(--font-size-2xl);opacity:.3}.dynamic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.dynamic-grid .home-card{display:flex;flex-direction:column;gap:var(--space-3)}.dynamic-grid .home-card h2{font-size:var(--font-size-lg)}.topic-page{max-width:820px;margin:0 auto;padding:0}.topic-back{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#2563eb14;transition:background var(--transition-fast),transform var(--transition-fast)}.topic-back:hover{background:#2563eb29;transform:translate(-2px)}.topic-content{background:var(--color-surface);border-radius:8px;padding:var(--space-8);margin-bottom:var(--space-6);box-shadow:var(--shadow-md);border:1px solid rgba(16,32,51,.06)}.topic-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-secondary-dark);margin-bottom:var(--space-6);line-height:var(--line-height-tight)}.topic-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin:var(--space-8) 0 var(--space-3);line-height:var(--line-height-tight)}.topic-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin:var(--space-6) 0 var(--space-2);line-height:var(--line-height-tight)}.topic-content p,.topic-content li{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);margin-bottom:var(--space-3)}.topic-content ul,.topic-content ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.topic-content li{margin-bottom:var(--space-2)}.topic-content strong{color:var(--color-secondary-dark)}.topic-resources{background:var(--color-surface);border-radius:8px;padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-md);border:1px solid rgba(16,32,51,.06)}.topic-resources h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary-dark);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid rgba(16,32,51,.08)}.topic-resources ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.topic-resources li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:8px;background:var(--color-background);border:1px solid rgba(16,32,51,.06);transition:border-color var(--transition-fast)}.topic-resources li:hover{border-color:var(--color-primary)}.topic-resources li a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);word-break:break-word}.topic-resources li a:hover{text-decoration:underline}.topic-resources li span{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-light);background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);text-transform:uppercase;font-weight:var(--font-weight-semibold)}.request-form{display:grid;gap:var(--space-3)}.request-form label{display:grid;gap:var(--space-1);font-weight:var(--font-weight-medium)}.request-form input,.request-form select,.request-form textarea{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);font-family:var(--font-sans);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text)}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.request-form__status{margin-top:var(--space-3);font-size:var(--font-size-sm)}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5)}.course-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-4);border-radius:8px;text-decoration:none;color:var(--color-text);background:var(--color-surface);border:2px solid rgba(16,32,51,.1);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.course-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--color-accent),var(--color-warning),var(--color-success),var(--color-primary))}.course-card{position:relative;overflow:hidden}.course-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.course-card span{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.course-card h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-secondary-dark);margin:0}.course-card p{font-size:var(--font-size-sm);color:var(--color-primary-dark);font-weight:var(--font-weight-medium);margin:0}.flow-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.flow-row div{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border-radius:8px;border:1px solid rgba(16,32,51,.08);text-align:center;box-shadow:var(--shadow-sm)}.flow-row strong{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:var(--font-weight-bold)}.flow-row span{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-normal)}.admin-guide{max-width:820px;margin:0 auto}.admin-guide .dynamic-hero{background:linear-gradient(135deg,var(--color-secondary-dark) 0%,var(--color-secondary) 100%);border:2px solid rgba(250,204,21,.25)}.admin-guide .dynamic-hero:after{content:"⚙";right:var(--space-4);bottom:-.15em;font-size:8rem;color:#facc151f}.admin-guide .topic-content{border-left:4px solid var(--color-warning)}.admin-guide pre{white-space:pre-wrap;overflow:auto;background:var(--color-secondary);color:#ffffffe6;padding:var(--space-5);border-radius:8px;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:var(--space-3) 0}.legacy-section{margin-top:var(--space-10);padding-top:var(--space-6);border-top:2px dashed var(--color-border)}.legacy-section h2{font-size:var(--font-size-lg);color:var(--color-text-light);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.legacy-section>p{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-5)}@media (max-width: 640px){.course-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:var(--space-2) var(--space-4);gap:var(--space-1)}.course-nav__eyebrow{display:none}.course-nav a{flex:0 0 auto;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.dynamic-hero{padding:var(--space-6) var(--space-4)}.dynamic-hero h1{font-size:var(--font-size-xl)}.dynamic-hero p{font-size:var(--font-size-sm)}.dynamic-grid{grid-template-columns:1fr}.topic-page{max-width:100%}.topic-content{padding:var(--space-5) var(--space-4)}.topic-content h1{font-size:var(--font-size-xl)}.topic-content h2{font-size:var(--font-size-lg)}.topic-resources li{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.course-grid{grid-template-columns:1fr}.flow-row{grid-template-columns:1fr 1fr}.admin-guide{max-width:100%}}@media (min-width: 641px) and (max-width: 1023px){.topic-page{max-width:700px}.dynamic-grid{grid-template-columns:repeat(2,1fr)}}:root{--color-background: #070816;--color-surface: rgba(18, 20, 42, .84);--color-border: rgba(255,255,255,.12);--color-text: #eef2ff;--color-text-light: #aab4d6;--color-secondary: #eef2ff;--color-primary: #7c5cff;--color-primary-light: #a58bff;--color-accent: #ff4fd8;--color-success: #00e6a8;--color-warning: #ffb347;--shadow-xl: 0 24px 80px rgba(0,0,0,.45)}body{background:radial-gradient(circle at 15% 10%,rgba(124,92,255,.22),transparent 28%),radial-gradient(circle at 85% 0%,rgba(255,79,216,.16),transparent 24%),linear-gradient(180deg,#070816,#0b0d1f 48%,#090b18);color:var(--color-text)}.app-header{background:transparent;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header__logo{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 0 28px #7c5cff80}.app-header__tag{background:#ffffff14;border-color:#ffffff1a}.level-nav,.app-nav{background:transparent}.level-nav a,.app-nav a{border:1px solid rgba(255,255,255,.08);background:#ffffff09;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.level-nav a.active,.app-nav a:hover,.app-nav a.active{background:linear-gradient(135deg,#7c5cffe6,#ff4fd8b8);border-color:transparent}.main-content{max-width:1280px}.page h2,.page h3{color:var(--color-text)}.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:2rem;min-height:360px;padding:2.2rem;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(135deg,#ffffff14,#ffffff05),radial-gradient(circle at 70% 15%,rgba(255,79,216,.2),transparent 28%),radial-gradient(circle at 25% 90%,rgba(0,230,168,.16),transparent 24%);overflow:hidden;box-shadow:var(--shadow-xl)}.hero-kicker{color:#b9c4ff;letter-spacing:.14em;text-transform:uppercase}.home .hero-title{font-size:clamp(2rem,4vw,3.4rem);line-height:.98;max-width:680px}.hero-subtitle{color:var(--color-text-light);max-width:640px}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:0;box-shadow:0 14px 32px #7c5cff52}.btn-ghost{border-color:#ffffff2e;color:var(--color-text);background:#ffffff0a}.lab-console{display:grid;gap:1.15rem;padding:1.2rem;border-radius:24px;background:#060814c7;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #ffffff08}.console-screen{display:grid;gap:.25rem;padding:1rem;border-radius:16px;background:linear-gradient(135deg,#00e6a82e,#7c5cff2e)}.console-screen span{color:var(--color-success);font-size:.75rem;letter-spacing:.18em}.console-screen strong{font-size:1.35rem}.console-bars{display:flex;align-items:end;gap:.45rem;height:100px}.console-bars i{display:block;flex:1;border-radius:999px;background:linear-gradient(180deg,var(--color-accent),var(--color-primary));animation:pulseBars 1.8s ease-in-out infinite}.console-bars i:nth-child(1){height:32%}.console-bars i:nth-child(2){height:72%;animation-delay:.15s}.console-bars i:nth-child(3){height:48%;animation-delay:.3s}.console-bars i:nth-child(4){height:86%;animation-delay:.45s}.console-bars i:nth-child(5){height:56%;animation-delay:.6s}.console-bars i:nth-child(6){height:68%;animation-delay:.75s}.console-dials{display:flex;gap:.7rem}.console-dials b{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 35% 35%,#fff,#ffffff1f 18%,#ffffff0a 20%)}@keyframes pulseBars{50%{transform:scaleY(.72);opacity:.72}}.course-card,.practice-card,.home-card,.topic-content,.topic-resources,.dynamic-state{background:#ffffff0e;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 42px #0000002e}.course-card{position:relative;overflow:hidden;min-height:160px}.course-card:after{content:"";position:absolute;inset:auto -20% -45% auto;width:160px;height:160px;border-radius:50%;filter:blur(4px);opacity:.42}.course-card--1:after{background:#7c5cff}.course-card--2:after{background:#00e6a8}.course-card--3:after{background:#ff4fd8}.course-card--4:after{background:#ffb347}.course-card span{color:var(--color-text-light)}.course-card h4{font-size:1.3rem}.course-card p{color:var(--color-text-light)}.course-card:hover,.practice-card:hover,.home-card:hover{transform:translateY(-6px);border-color:#ffffff38}.flow-row div{background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.flow-row strong{color:var(--color-success)}.dynamic-hero{background:linear-gradient(135deg,#7c5cff38,#ff4fd81f),#ffffff0b;border:1px solid rgba(255,255,255,.1)}.card-summary,.practice-summary,.dynamic-hero p{color:var(--color-text-light)}.card-link{color:#d9d1ff}@media (max-width: 900px){.home-hero{grid-template-columns:1fr}.lab-console{max-width:420px}}.portal-home{gap:2.2rem}.immersive-hero{min-height:560px;display:block;padding:clamp(1.4rem,3vw,2.4rem);isolation:isolate;background:linear-gradient(120deg,#05081433,#050814b8),radial-gradient(circle at 18% 18%,rgba(255,255,255,.16),transparent 18%),radial-gradient(circle at 75% 22%,rgba(255,79,216,.42),transparent 24%),radial-gradient(circle at 75% 78%,rgba(0,230,168,.22),transparent 20%),linear-gradient(135deg,#120b2e,#151442 42%,#071018)}.immersive-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 82%);mask-image:radial-gradient(circle at center,black 35%,transparent 82%);opacity:.42}.hero-veil{position:absolute;inset:auto -10% -24% auto;width:min(560px,58vw);height:min(560px,58vw);border-radius:50%;background:conic-gradient(from 90deg,#ff4fd8d9,#7c5cff1a,#00e6a8bf,#ff4fd8d9);filter:blur(24px);opacity:.62;z-index:-1}.immersive-hero .hero-content{position:relative;max-width:720px;padding-top:clamp(.8rem,4vw,2rem)}.immersive-hero .hero-title{font-size:clamp(2.35rem,5vw,4.7rem);max-width:760px;letter-spacing:-.055em}.immersive-hero .hero-subtitle{max-width:560px;font-size:1.08rem}.signal-field{position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,3vw,2rem);width:min(420px,42vw);height:260px}.signal-field span{position:absolute;inset:auto 0 0 0;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:signalRipple 4.5s ease-in-out infinite}.signal-field span:nth-child(1){height:80px;animation-delay:0s}.signal-field span:nth-child(2){height:130px;animation-delay:.7s}.signal-field span:nth-child(3){height:185px;animation-delay:1.4s}.signal-field span:nth-child(4){height:240px;animation-delay:2.1s}@keyframes signalRipple{50%{transform:translateY(-12px) scaleX(1.04);opacity:.45}}.floating-panel{position:absolute;display:grid;gap:.2rem;min-width:140px;padding:.9rem 1rem;border-radius:18px;background:#06081485;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 48px #0000003d}.floating-panel small{color:var(--color-success);letter-spacing:.18em}.floating-panel strong{font-size:1.05rem}.panel-a{right:25%;top:16%}.panel-b{right:8%;top:38%}.panel-c{right:22%;bottom:16%}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.course-card{min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;border-radius:28px;transform-style:preserve-3d}.course-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 22%,rgba(5,8,20,.86))}.course-card>*{position:relative;z-index:1}.course-card--1{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.2),transparent 25%),linear-gradient(145deg,#7c5cff,#211357)}.course-card--2{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.18),transparent 25%),linear-gradient(145deg,#00e6a8,#08382f)}.course-card--3{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.18),transparent 25%),linear-gradient(145deg,#ff4fd8,#51143f)}.course-card--4{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.18),transparent 25%),linear-gradient(145deg,#ffb347,#4d2a05)}.course-card h4{font-size:1.45rem;line-height:1.05}.course-card:hover{transform:translateY(-10px) rotateX(2deg)}.lab-strip{padding:1.2rem;border-radius:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.lab-strip .flow-row div{min-height:110px;align-content:end;border-radius:18px}.lab-strip .flow-row strong{font-size:2rem}.practice-grid{gap:1rem}.practice-card{border-radius:24px}.practice-icon{filter:drop-shadow(0 0 16px rgba(255,255,255,.2))}@media (max-width: 980px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-panel,.signal-field{display:none}.immersive-hero{min-height:auto}}@media (max-width: 640px){.course-grid{grid-template-columns:1fr}.immersive-hero .hero-title{font-size:2.15rem}}.app-header__brand{gap:.9rem}.app-header__logo{display:none}.app-header__logo-image{width:56px;height:56px;flex:0 0 auto;filter:drop-shadow(0 14px 28px rgba(124,92,255,.34))}.app-header h1{font-size:1.55rem;letter-spacing:.12em;font-weight:800}.app-header p{color:#eef2ffb8}.home-card,.practice-card,.dynamic-state,.topic-content,.topic-resources,.course-card,.flow-row div,.home-card .card-title,.practice-title,.course-card h4,.topic-content h1,.topic-content h2,.topic-content h3,.dynamic-grid .home-card h2,.legacy-section h2,.home-section h3{color:var(--color-text)}.home-card .card-summary,.practice-summary,.course-card p,.flow-row span,.dynamic-state,.topic-content p,.topic-content li,.topic-resources span{color:var(--color-text-light)}.card-eyebrow,.card-link,.topic-back,.topic-resources a{color:#dcd4ff}.topic-back{background:#7c5cff24}.topic-content{border-color:#ffffff1a}.topic-content strong{color:var(--color-text)}.dynamic-hero .hero-kicker{color:var(--color-text);background:#ffffff1a}.request-form input,.request-form select,.request-form textarea{color:var(--color-text);background:#ffffff0f}.request-form input::placeholder,.request-form textarea::placeholder{color:#eef2ff80}.app-header__logo-image{display:none}.app-header__wordmark{display:block;width:min(320px,58vw);height:auto;filter:drop-shadow(0 16px 32px rgba(124,92,255,.24))}.app-header__brand>div{display:none}@media (max-width: 640px){.app-header__wordmark{width:min(250px,68vw)}.app-header__tag{display:none}}.topic-showcase{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6)}.topic-showcase h2{margin-bottom:var(--space-5);color:var(--color-secondary)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.resource-card{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.resource-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#3498db1a,#8e44ad1a);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold)}.resource-card__header a{font-size:var(--font-size-sm);color:var(--color-primary-dark);text-decoration:none}.resource-card--image img{display:block;width:100%;height:auto}.resource-card--pdf iframe{display:block;width:100%;min-height:520px;border:0;background:#f7f9fb}@media (max-width: 760px){.topic-showcase{padding:var(--space-4)}.resource-card--pdf iframe{min-height:420px}}.sda-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.sda-card{display:flex;flex-direction:column;overflow:hidden;min-height:100%;color:inherit;text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:22px;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.sda-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.sda-card__cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center;border-bottom:1px solid var(--color-border)}.sda-card__body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.sda-card__preview{display:grid;gap:var(--space-3)}.sda-card__preview-group{padding:var(--space-3);border:1px solid rgba(52,152,219,.18);border-radius:var(--radius-md);background:#3498db0e}.sda-card__preview-group strong{display:block;margin-bottom:var(--space-2);color:var(--color-secondary);font-size:var(--font-size-sm)}.sda-card__preview-group ul{margin:0;padding-left:var(--space-4)}.sda-card__preview-group li{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-light)}.topic-page--editorial{max-width:1280px}.topic-cover{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:var(--space-8);align-items:center;padding:var(--space-8);background:linear-gradient(135deg,#2c3e50fa,#3498dbd1);color:var(--color-text-inverse);border-radius:28px;box-shadow:var(--shadow-xl);overflow:hidden}.topic-cover h1{margin:var(--space-3) 0;color:var(--color-text-inverse);font-size:clamp(2rem,4vw,4rem);line-height:1}.topic-cover p{color:#ffffffdb;font-size:var(--font-size-md)}.topic-cover .hero-kicker{color:#ffffffb8}.topic-cover__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.topic-cover__actions a{color:var(--color-text-inverse);text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);background:#ffffff1f}.topic-cover__image{display:block;overflow:hidden;border-radius:22px;box-shadow:var(--shadow-xl);background:#fff}.topic-cover__image img{display:block;width:100%;height:auto}.topic-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.topic-meta-block{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.topic-meta-block h2{margin-bottom:var(--space-3);color:var(--color-secondary);font-size:var(--font-size-lg)}.topic-meta-block ul{margin:0;padding-left:var(--space-5)}.topic-meta-block li{margin-bottom:var(--space-2);color:var(--color-text-light)}.slide-strip{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.slide-strip__header{margin-bottom:var(--space-5)}.slide-strip__header h2{color:var(--color-secondary)}.slide-strip__header p{color:var(--color-text-light)}.slide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}.slide-card{display:block;overflow:hidden;color:inherit;text-decoration:none;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slide-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.slide-card span{display:block;padding:var(--space-2) var(--space-3);color:var(--color-secondary);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border)}.slide-card img{display:block;width:100%;height:auto}.topic-content--reading{max-width:920px;margin:0 auto}@media (max-width: 980px){.topic-cover,.topic-meta-grid{grid-template-columns:1fr}}.topic-content--interleaved{display:grid;gap:var(--space-4)}.reading-block{display:flow-root}.inline-slide{float:right;width:min(44%,420px);margin:var(--space-2) 0 var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-lg)}.inline-slide a{display:block;color:inherit;text-decoration:none}.inline-slide span,.inline-slide strong{display:block;padding-inline:var(--space-3)}.inline-slide span{padding-top:var(--space-3);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.inline-slide strong{padding-top:var(--space-1);padding-bottom:var(--space-3);color:var(--color-secondary);line-height:1.25}.inline-slide img{display:block;width:100%;height:auto;border-top:1px solid var(--color-border)}@media (max-width: 860px){.inline-slide{float:none;width:100%;margin:var(--space-4) 0}}.purpose-box{max-width:980px;margin:0 auto;padding:var(--space-6);border:1px solid rgba(39,174,96,.22);border-left:8px solid var(--color-success);border-radius:var(--radius-xl);background:linear-gradient(135deg,#27ae601a,#3498db0f);box-shadow:var(--shadow-md)}.purpose-box span{display:block;margin-bottom:var(--space-2);color:var(--color-success-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.purpose-box p{margin:0;color:var(--color-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.topic-meta-grid--compact .topic-meta-block{padding:var(--space-4);background:#ffffffc7}.topic-meta-grid--compact .topic-meta-block h2{font-size:var(--font-size-base)}.topic-meta-grid--compact .topic-meta-block li{font-size:var(--font-size-sm);line-height:1.45}.didactic-callout{clear:both;margin:var(--space-8) 0;padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.didactic-callout h2{margin-bottom:var(--space-3);font-size:var(--font-size-xl)}.didactic-callout--ejemplos-musicales-y-de-escucha{background:#3498db14;border-left:8px solid var(--color-primary)}.didactic-callout--dificultades-frecuentes{background:#f39c121a;border-left:8px solid var(--color-warning)}.didactic-callout--glosario{background:#8e44ad14;border-left:8px solid var(--color-info)}.didactic-callout--glosario ul{columns:2;column-gap:var(--space-8)}.didactic-callout--glosario li{break-inside:avoid}@media (max-width: 760px){.didactic-callout--glosario ul{columns:1}}.topic-cover,.topic-cover h1,.topic-cover p,.topic-cover .hero-kicker,.topic-cover__actions a{text-shadow:0 1px 2px rgba(0,0,0,.22)}.topic-cover__actions a{color:#fff;background:#00000038;border-color:#ffffff8c}.topic-cover__actions a:hover{background:#00000057}.topic-meta-block,.purpose-box,.didactic-callout,.inline-slide{color:var(--color-text)}.topic-meta-block h2,.purpose-box p,.didactic-callout h2,.inline-slide strong{color:var(--color-secondary-dark);text-shadow:none}.topic-meta-block li,.didactic-callout li,.didactic-callout p{color:var(--color-text)}.inline-slide{float:none;clear:both;width:min(760px,100%);margin:var(--space-7, 1.75rem) auto var(--space-8)}.inline-slide span{color:var(--color-primary-dark)}.didactic-callout--sintesis-final{background:linear-gradient(135deg,#2c3e500f,#27ae601a);border-left:8px solid var(--color-success)}.didactic-callout--sintesis-final h2:before{content:"✓ ";color:var(--color-success-dark)}.sda-card__quicklinks{display:flex;flex-wrap:wrap;gap:.55rem;margin:.7rem 0 .85rem}.sda-card__quicklinks a,.topic-cover__actions a[href="#autoevaluacion"]{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.42rem .75rem;border-radius:999px;border:1px solid rgba(91,78,255,.24);background:#ffffffeb;color:#1d2142;font-size:.86rem;font-weight:800;text-decoration:none;box-shadow:0 8px 20px #14173c14}.sda-card__quicklinks a:hover,.topic-cover__actions a[href="#autoevaluacion"]:hover{transform:translateY(-1px);background:#fff;color:#5b4eff}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{color:#5b4eff}.topic-test-anchor{scroll-margin-top:2rem}.teacher-overrides{margin:1.5rem 0 2rem;padding:1.2rem;border:1px solid rgba(91,78,255,.18);border-radius:24px;background:linear-gradient(135deg,#fffffff5,#f2efffe6);color:#1b1f3f;box-shadow:0 18px 45px #1f235214}.teacher-overrides__kicker{display:inline-flex;margin-bottom:.8rem;color:#5b4eff;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.teacher-overrides__block{padding:.9rem 1rem;border-radius:18px;background:#ffffffc7}.teacher-overrides__block+.teacher-overrides__block{margin-top:.8rem}.teacher-overrides__block h2{margin:0 0 .45rem;color:#1b1f3f;font-size:1rem}.teacher-overrides__block p,.teacher-overrides__block li{color:#263052}.teacher-overrides__block--notice{border-left:5px solid #ffb703}.page,.practice-page,.dynamic-page,.topic-page,.practice-section,.content-card,.info-box,.activity-box,.sda-card,.topic-meta-block,.didactic-callout,.teacher-overrides,.chord-card,.strum-card,.youtube-list-card{color:#182033}.practice-section p,.practice-section li,.content-card p,.info-box p,.activity-box p,.sda-card p,.topic-meta-block li,.didactic-callout p,.teacher-overrides p,.chord-card p,.strum-card p{color:#26324f}.practice-hero,.dynamic-hero,.immersive-hero,.topic-cover{color:#fff}.practice-hero h1,.practice-hero h2,.practice-hero p,.practice-hero span,.dynamic-hero h1,.dynamic-hero h2,.dynamic-hero p,.dynamic-hero span,.immersive-hero h1,.immersive-hero h2,.immersive-hero p,.immersive-hero span,.topic-cover h1,.topic-cover p,.topic-cover span{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.32)}.practice-hero__badge,.hero-kicker,.card-eyebrow{color:#102033;text-shadow:none}.app-nav__external--uke{background:#fff7ed;color:#7c2d12;border-color:#f9731647}.app-nav__external--evalia{background:#ecfdf5;color:#065f46;border-color:#10b98147}@media (max-width: 640px){.app-nav{flex-wrap:wrap;overflow-x:visible}.app-nav a{flex:1 1 104px;justify-content:center}}.youtube-lists-section{border:2px solid rgba(220,38,38,.12);background:linear-gradient(135deg,#fff,#fff7f7)}.youtube-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.youtube-list-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-radius:18px;background:#fff;border:1px solid rgba(220,38,38,.18);text-decoration:none;box-shadow:0 12px 28px #6e181814}.youtube-list-card span{color:#b91c1c;font-size:.78rem;font-weight:900;text-transform:uppercase}.youtube-list-card strong{color:#1f2937}.youtube-list-card em{color:#dc2626;font-style:normal;font-weight:800}.chord-grid--extended{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.course-nav{background:#fff!important;border-top:1px solid #d9e2f1!important;border-bottom:1px solid #d9e2f1!important;box-shadow:0 8px 24px #1020330f}.course-nav__eyebrow{color:#4b5563!important;text-shadow:none!important}.course-nav a{color:#172033!important;background:#f3f6fb!important;border-color:#cbd5e1!important;text-shadow:none!important;font-weight:800!important}.course-nav a:hover{color:#0f172a!important;background:#e8eef8!important;border-color:#94a3b8!important}.course-nav a.active{color:#fff!important;background:#1f3a5f!important;border-color:#1f3a5f!important}.didactic-callout--dificultades-frecuentes,.didactic-callout--glosario,.didactic-callout--ejemplos-musicales-y-de-escucha,.didactic-callout--sintesis-final{color:#172033!important;text-shadow:none!important}.didactic-callout--dificultades-frecuentes{background:#fff7e6!important;border-color:#f59e0b!important}.didactic-callout--glosario{background:#f5efff!important;border-color:#7c3aed!important}.didactic-callout--ejemplos-musicales-y-de-escucha{background:#eaf4ff!important;border-color:#2563eb!important}.didactic-callout--sintesis-final{background:#ecfdf3!important;border-color:#16a34a!important}.didactic-callout--dificultades-frecuentes h2,.didactic-callout--glosario h2,.didactic-callout--ejemplos-musicales-y-de-escucha h2,.didactic-callout--sintesis-final h2{color:#111827!important;text-shadow:none!important}.didactic-callout--dificultades-frecuentes p,.didactic-callout--dificultades-frecuentes li,.didactic-callout--glosario p,.didactic-callout--glosario li,.didactic-callout--ejemplos-musicales-y-de-escucha p,.didactic-callout--ejemplos-musicales-y-de-escucha li,.didactic-callout--sintesis-final p,.didactic-callout--sintesis-final li{color:#1f2937!important;text-shadow:none!important}.challenge-box,.practice-hero,.dynamic-hero,.immersive-hero{color:#fff!important}.challenge-box *,.practice-hero *,.dynamic-hero *,.immersive-hero *{color:inherit}.practice-page{background:#f6f8fc!important;color:#111827!important}.practice-page .practice-hero{background:linear-gradient(135deg,#111827,#9a3412 58%,#b45309)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)}.practice-page .practice-hero__badge{background:#fff!important;color:#7c2d12!important;text-shadow:none!important;border:1px solid rgba(124,45,18,.22)}.practice-page .practice-hero__title,.practice-page .practice-hero__subtitle{color:#fff!important;opacity:1!important;text-shadow:0 2px 12px rgba(0,0,0,.42)!important}.practice-page .practice-section{padding:1.25rem!important;border-radius:24px!important;background:#fff!important;border:1px solid #dbe3ef!important;box-shadow:0 18px 42px #0f172a12!important;color:#111827!important}.practice-page .practice-section__header{border-bottom-color:#cbd5e1!important}.practice-page .practice-section__icon{background:#f59e0b!important;color:#111827!important;text-shadow:none!important}.practice-page .practice-section h2,.practice-page .practice-section h3,.practice-page .practice-section h4,.practice-page .chord-card__label,.practice-page .strum-card__name,.practice-page .progression-info__sequence{color:#0f172a!important;text-shadow:none!important}.practice-page .practice-section p,.practice-page .practice-section li,.practice-page .chord-card__desc,.practice-page .chord-card__tip,.practice-page .strum-card__desc,.practice-page .strum-card__count,.practice-page .progression-info__usage,.practice-page .tuning-diagram__hint{color:#1f2937!important;opacity:1!important;text-shadow:none!important}.practice-page .chord-card,.practice-page .strum-card,.practice-page .content-card,.practice-page .tuning-diagram,.practice-page .info-box,.practice-page .youtube-list-card{background:#fff!important;color:#111827!important;border:1px solid #cbd5e1!important;box-shadow:0 10px 26px #0f172a14!important}.practice-page .tuning-diagram__string{background:#f8fafc!important;color:#111827!important;border-left-color:#2563eb!important}.practice-page .tuning-diagram__num,.practice-page .tuning-diagram__note{color:#0f172a!important}.practice-page .strum-card__pattern{color:#111827!important;background:#fef3c7!important;border:1px solid #f59e0b!important}.practice-page .strum-card__play-btn{background:#1f3a5f!important;color:#fff!important;border:1px solid #1f3a5f!important}.practice-page .youtube-lists-section{background:#fff7f7!important;border-color:#fecaca!important}.practice-page .youtube-list-card span,.practice-page .youtube-list-card em{color:#991b1b!important}.practice-page .youtube-list-card strong{color:#111827!important}.practice-page{background:linear-gradient(180deg,#f7efe2,#eef4ec)!important}.practice-page .practice-section{background:#fffaf0!important;border-color:#e2d3bd!important;box-shadow:0 18px 42px #462d1214!important}.practice-page .chord-card,.practice-page .strum-card,.practice-page .content-card,.practice-page .tuning-diagram,.practice-page .info-box,.practice-page .youtube-list-card{background:#fffdf7!important;border-color:#e6d8c3!important}.practice-page .tuning-diagram__string{background:#f5ead8!important}.practice-page .youtube-lists-section{background:linear-gradient(135deg,#fff4e6,#fef2f2)!important;border-color:#e8c9ae!important}.practice-page .strum-card__pattern{background:#f8e7b5!important}.didactic-callout--ejemplos,.didactic-callout--dificultades,.didactic-callout--propuestas,.didactic-callout--glosario,.didactic-callout--sintesis{color:#1f2937;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 42px #0f172a1a}.didactic-callout--ejemplos{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.didactic-callout--dificultades{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.didactic-callout--propuestas{background:linear-gradient(135deg,#ecfeff,#cffafe)}.didactic-callout--glosario{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.didactic-callout--sintesis{background:linear-gradient(135deg,#eef2ff,#ddd6fe);border-color:#4f46e547}.didactic-callout--ejemplos h2,.didactic-callout--dificultades h2,.didactic-callout--propuestas h2,.didactic-callout--glosario h2,.didactic-callout--sintesis h2,.didactic-callout--ejemplos p,.didactic-callout--dificultades p,.didactic-callout--propuestas p,.didactic-callout--glosario p,.didactic-callout--sintesis p,.didactic-callout--ejemplos li,.didactic-callout--dificultades li,.didactic-callout--propuestas li,.didactic-callout--glosario li,.didactic-callout--sintesis li{color:#1f2937}.artifact-gallery{margin:2rem 0;padding:1.4rem;border-radius:28px;background:linear-gradient(135deg,#fff7edf5,#eff6fff5);border:1px solid rgba(15,23,42,.12);color:#172033;box-shadow:0 18px 48px #0f172a1a}.artifact-gallery__kicker{display:block;color:#7c2d12;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.artifact-gallery h2{color:#172033;margin:0 0 1rem}.artifact-gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.artifact-card{display:grid;gap:.3rem;padding:1rem;border-radius:20px;background:#ffffffe0;border:1px solid rgba(15,23,42,.12);color:#172033;text-decoration:none}.artifact-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a24}.artifact-card strong,.artifact-card small{color:#172033}.artifact-card__icon{font-size:1.6rem}