*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;background:#fafbfc;color:#1a202c;min-height:100vh;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit}:root{--font-sans:'Inter', sans-serif;--primary:#1E88E5;--primary-light:#64B5F6;--primary-dark:#1565C0;--secondary:#16A34A;--secondary-light:#22C55E;--accent:#FF6F00;--success:#22C55E;--warning:#F59E0B;--error:#EF4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#ffffff;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--radius:8px;--radius-lg:12px;--primary-soft:#f1f9fe;--secondary-soft:#ebf5eb;--accent-soft:#FFF3E0;--success-soft:#f0fdf4;--error-soft:#fef2f2;--accent-dark:#E65100;--success-dark:#166534;--error-dark:#7F1D1D;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}.container{max-width:1024px;margin:0 auto;background:var(--white);box-shadow:var(--shadow);min-height:100vh}.breadcrumb{background:var(--white);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--gray-200);font-size:.875rem;color:var(--gray-600)}.breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--spacing-sm)}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child)::after{content:'>>';margin-left:var(--spacing-sm);color:var(--gray-400);font-weight:400}.breadcrumb-link{color:var(--primary);text-decoration:underline;transition:color 0.2s ease}.breadcrumb-link:hover{color:var(--primary-dark)}.breadcrumb-current{color:var(--gray-800);font-weight:500}.header{background:var(--white);color:var(--gray-900);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;margin-top:0}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm);letter-spacing:-.025em}.subtitle{font-size:1.125rem;color:var(--gray-600);font-weight:400;font-family:var(--font-sans)}.nav-menu{background:var(--white);padding:0;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--gray-200);border-top:1px solid var(--gray-200);backdrop-filter:blur(10px)}.nav-menu ul{padding:0;margin:0}.nav-list{display:flex;list-style:none;margin:0;padding:0 var(--spacing-xl);overflow-x:auto}.nav-item a{display:block;padding:var(--spacing-md) var(--spacing-lg);color:var(--gray-600);text-decoration:none!important;transition:all 0.2s ease;font-weight:500;font-size:.875rem;white-space:nowrap;border-bottom:2px solid #fff0}.nav-item a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}.nav-item a.active{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}.section{margin-bottom:var(--spacing-2xl)}.section-title{color:var(--gray-900);font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md);letter-spacing:-.025em;font-family:var(--font-sans)}.section-title :where(h2){margin:0}.section-icon{width:40px;height:40px;background:var(--primary-soft);border:1px solid var(--primary-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);font-size:1.125rem;font-weight:700}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--spacing-lg) 0;overflow:hidden}.card-header{padding:var(--spacing-md) var(--spacing-lg);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--spacing-sm)}.card-content{padding:var(--spacing-lg)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}.skip-link{position:absolute;left:16px;top:-40px;background:var(--primary);color:var(--white);padding:8px 12px;border-radius:var(--radius);z-index:1000}.skip-link:focus{top:16px}.box-definition,.box-example,.box-important,.box-note{background-color:var(--secondary-soft);border-left:5px solid var(--secondary);display:block;border-radius:4px 8px 8px 4px;border-top:none;border-bottom:none;border-right:none;padding:var(--spacing-lg);margin:var(--spacing-lg) 0;orphans:3}.box-example{background-color:var(--primary-soft);border-left-color:var(--primary-dark)}.box-important{background-color:var(--accent-soft);border-left-color:var(--accent-dark)}.box-note{background-color:var(--primary-soft);border-left-color:var(--primary)}.box-legend{align-items:center;justify-content:space-between;margin:0 0 var(--spacing-sm) 0;padding:0;break-inside:avoid-page!important;page-break-inside:avoid!important;text-align:left!important;font-size:1rem;font-weight:700;line-height:1.4;letter-spacing:.005em}h3.box-legend{font-size:1rem!important;margin:0}.box-definition .box-legend{color:var(--secondary)}.box-example .box-legend{color:var(--primary-dark)}.box-important .box-legend{color:var(--accent-dark)}.box-note .box-legend{color:var(--primary-dark)}.quote{background:var(--primary-soft);border-left:4px solid var(--primary);color:var(--primary-dark);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;font-style:italic;border-radius:0 var(--radius) var(--radius) 0;font-size:1.125rem}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.character-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all 0.2s ease;box-shadow:var(--shadow-sm)}.character-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--gray-300)}.character-name{color:var(--error);font-size:1.25rem;margin-bottom:var(--spacing-sm);font-weight:600;font-family:var(--font-sans)}.character-details{margin:0;padding-left:20px}.q-and-a-box{background:#fff0;border:none;padding:0;margin:var(--spacing-lg) 0}.q-and-a-box h3{margin-bottom:var(--spacing-sm);font-weight:600;color:var(--gray-900);font-family:var(--font-sans)}.q-and-a-item{background:#fff0;border:none;padding:var(--spacing-sm) 0;margin:var(--spacing-xs) 0}.checklist-list{list-style:none;padding:0;margin:0}.checklist-list li{display:flex;align-items:flex-start;gap:8px;padding:4px 0;margin:8px 0;padding-left:10px}.checklist-list input[type="checkbox"]{width:16px;height:16px;margin-top:2px;accent-color:var(--secondary)}.checklist-list label{display:inline-flex;align-items:flex-start;gap:8px}.qa-toggle{background:var(--primary-soft);color:var(--primary-dark);border:1px solid var(--primary-light);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer}.qa-toggle:hover{filter:brightness(.98)}.qa-list{margin:4px 0}.qa-item{margin:6px 0}.qa-summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:6px 0;font-weight:600;color:#1e40af;font-family:var(--font-sans)}.qa-summary::-webkit-details-marker{display:none}.qa-caret{transition:transform 0.2s ease;display:inline-block}details[open]>.qa-summary .qa-caret{transform:rotate(90deg)}.qa-answer{margin:6px 0 8px 24px}.qa-question{color:var(--gray-900);margin:0 0 10px 0;font-weight:700}.qa-answer{margin:0;color:var(--gray-700)}p{margin-bottom:var(--spacing-md);line-height:1.7;color:var(--gray-700);font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:600;line-height:1.4;font-family:var(--font-sans)}.math-content{font-family:var(--font-sans);font-size:1.125rem;line-height:1.8;color:var(--gray-800)}.subsection-title{font-size:1.25rem;font-weight:700;color:var(--gray-800);margin:var(--spacing-lg) 0 var(--spacing-sm);letter-spacing:-.01em;font-family:var(--font-sans)}.box-definition p,.box-example p,.box-important p,.box-note p{margin-bottom:var(--spacing-sm);color:var(--gray-800)}.box-definition ul,.box-example ul,.box-important ul,.box-note ul{margin:var(--spacing-sm) 0}.box-definition li,.box-example li,.box-important li,.box-note li{margin-bottom:var(--spacing-xs);line-height:1.6;padding:4px 0 4px 0;position:relative}.box-definition li[data-icon],.box-example li[data-icon],.box-important li[data-icon],.box-note li[data-icon]{padding:4px 0 4px 20px;position:relative}.box-definition li[data-icon]::before,.box-example li[data-icon]::before,.box-important li[data-icon]::before,.box-note li[data-icon]::before{content:attr(data-icon);position:absolute;left:0;color:#2c5e36;font-weight:700}.box-definition li[data-icon="•"]::before{color:#2c5e36}.box-example li[data-icon="✓"]::before{color:#22C55E}.box-definition li span,.box-example li span,.box-important li span,.box-note li span{position:absolute;left:0;color:#2c5e36;font-weight:700}@media (max-width:768px){.container{margin:0}.content{padding:var(--spacing-lg) var(--spacing-md)}.header{padding:var(--spacing-xl) var(--spacing-md)}.header h1{font-size:2rem}.nav-list{padding:0 var(--spacing-md)}.characters-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}.breadcrumb{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem}.breadcrumb-list{flex-wrap:wrap;gap:var(--spacing-xs)}.breadcrumb-item:not(:last-child)::after{margin-left:var(--spacing-xs)}}@media print{body{color:#000;background:#fff}.breadcrumb{display:none!important}.nav-menu,.section-icon{display:none!important}.container,.content{box-shadow:none!important;padding:0!important;margin:0!important}a{color:#000;text-decoration:none}.header{padding:var(--spacing-lg) 0!important}.card,.q-and-a-box,.quote{border-color:#000!important;box-shadow:none!important}.box-definition,.box-example,.box-important,.box-note{background-color:#f9f9f9!important;border-left:3px solid #000!important;break-inside:avoid!important;page-break-inside:avoid!important}.box-legend{break-inside:avoid!important;page-break-inside:avoid!important}.characters-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-md)!important}}