:root{--color-bg-primary:#ece1cd;--color-text-primary:#1f1a16;--color-text-secondary:#55504a;--color-accent:#6c5638;--color-accent-hover:#8b7355;--color-divider:#d6cab3;--color-white:#faf6ee;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-family-serif:Georgia, "Crimson Text", serif;--font-family-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:20px;--font-size-body:16px;--font-size-sm:14px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.6;--max-width:1200px;--max-width-content:800px;--radius-sm:4px;--transition-fast:.15s ease-out;--transition-normal:.2s ease-out}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{font-family:var(--font-family-serif);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-family:var(--font-family-serif);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text-primary);line-height:1.4}p{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}p:last-child{margin-bottom:0}small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);border:none}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}ul,ol{margin-bottom:var(--spacing-md);list-style-position:inside}li{margin-bottom:var(--spacing-sm)}.container{max-width:var(--max-width);padding:0 var(--spacing-lg);margin:0 auto}.container-content{max-width:var(--max-width-content);padding:0 var(--spacing-lg);margin:0 auto}section{margin-bottom:var(--spacing-3xl)}section:last-child{margin-bottom:var(--spacing-2xl)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}body{font-size:15px}}.app{background-color:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-divider);padding:var(--spacing-lg) 0;z-index:100;position:sticky;top:0}.header-container{max-width:var(--max-width);padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{font-family:var(--font-family-serif);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;text-decoration:none;display:flex}.logo:hover{color:var(--color-accent);text-decoration:none}.nav{gap:var(--spacing-xl);list-style:none;display:flex}.nav-link{font-size:var(--font-size-sm);color:var(--color-text-primary);transition:color var(--transition-fast);text-decoration:none;position:relative}.nav-link:hover{color:var(--color-accent)}.nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-sm)}@media (width<=768px){.header-container{gap:var(--spacing-lg);text-align:center;flex-direction:column}.nav{gap:var(--spacing-md);flex-direction:column}.nav-link{font-size:var(--font-size-body)}}.footer{background-color:var(--color-white);border-top:1px solid var(--color-divider);padding:var(--spacing-3xl) 0;margin-top:var(--spacing-3xl)}.footer-container{max-width:var(--max-width-content);padding:0 var(--spacing-lg);margin:0 auto}.footer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.footer-note{color:var(--color-text-secondary);font-style:italic}.footer p:last-child{margin-bottom:0}@media (width<=768px){.footer{padding:var(--spacing-2xl) 0;margin-top:var(--spacing-2xl)}}.domain-card{padding:var(--spacing-xl);background-color:var(--color-white);border:1px solid var(--color-divider);color:var(--color-text-primary);transition:all var(--transition-normal);border-radius:4px;flex-direction:column;text-decoration:none;display:flex;position:relative}.domain-card:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 4px 12px #6c56381a}.domain-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.domain-card h3{font-size:var(--font-size-h2);margin-bottom:var(--spacing-md);color:inherit}.domain-card p{font-size:var(--font-size-body);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);flex:1}.card-arrow{font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-accent);transition:transform var(--transition-fast);display:inline-block}.domain-card:hover .card-arrow{transform:translate(4px)}@media (width<=768px){.domain-card{padding:var(--spacing-lg)}.domain-card h3{font-size:var(--font-size-h3)}}.home-page{max-width:var(--max-width);padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-2xl);margin:0 auto}.hero{margin-bottom:var(--spacing-3xl);text-align:center}.hero-content{max-width:var(--max-width-content);margin:0 auto}.hero h1{margin-bottom:var(--spacing-lg);font-size:40px}.hero-subtitle{font-size:var(--font-size-h2);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.hero-intro{font-size:var(--font-size-body);color:var(--color-text-primary);line-height:var(--line-height-normal)}.domains-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=1024px){.domains-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (width<=768px){.home-page{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-xl)}.hero h1{font-size:28px}.hero-subtitle{font-size:var(--font-size-h3)}.domains-grid{gap:var(--spacing-lg)}}.expandable-section{border-bottom:1px solid var(--color-divider);padding:var(--spacing-xl) 0}.expandable-section:first-child{border-top:1px solid var(--color-divider)}.expandable-toggle{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);cursor:pointer;text-align:left;width:100%;transition:color var(--transition-fast);background:0 0;border:none;padding:0;display:flex}.expandable-toggle:hover{color:var(--color-accent)}.expandable-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.expandable-title{font-size:var(--font-size-h3);color:inherit;flex:1;margin-bottom:0}.expandable-icon{color:var(--color-accent);flex-shrink:0;margin-top:2px;font-size:24px;line-height:1.2}.expandable-content{padding-top:var(--spacing-lg);animation:slideDown var(--transition-normal)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.expandable-content p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.skills-list{margin-top:var(--spacing-lg)}.skills-list h4{font-family:var(--font-family-serif);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.skills-list ul{margin:0;padding-left:0;list-style:none}.skills-list li{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);color:var(--color-text-primary);line-height:var(--line-height-normal);position:relative}.skills-list li:before{content:"→";color:var(--color-accent);font-weight:var(--font-weight-bold);position:absolute;left:0}@media (width<=768px){.expandable-toggle{gap:var(--spacing-md);flex-direction:column}.expandable-title{font-size:var(--font-size-h2)}.expandable-icon{align-self:flex-start}}.domain-page{max-width:var(--max-width-content);padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-2xl);margin:0 auto}.domain-intro-section{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-divider)}.domain-intro-content{max-width:100%}.domain-intro-section h1{margin-bottom:var(--spacing-lg);font-size:40px}.intro-text{font-size:var(--font-size-body);color:var(--color-text-primary);line-height:var(--line-height-normal);max-width:100%}.chapters-section{margin-bottom:var(--spacing-2xl)}@media (width<=768px){.domain-page{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-xl)}.domain-intro-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.domain-intro-section h1{font-size:28px}.intro-text{font-size:15px}}.chapter-link{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);display:inline-flex}.chapter-link:hover{color:var(--color-accent-hover)}.chapter-page{max-width:var(--max-width-content);padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-2xl);margin:0 auto}.chapter-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.chapter-breadcrumb a{color:var(--color-text-secondary)}.chapter-breadcrumb a:hover{color:var(--color-accent)}.chapter-breadcrumb span[aria-hidden]{color:var(--color-divider)}.chapter-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-divider)}.chapter-eyebrow{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);display:block}.chapter-header h1{margin-bottom:var(--spacing-md);font-size:32px}.chapter-intro{font-size:var(--font-size-body);color:var(--color-text-primary);line-height:var(--line-height-normal)}.chapter-section{margin-bottom:var(--spacing-2xl)}.chapter-section h2{font-size:var(--font-size-h2)}.example-box p:last-child{margin-bottom:0}.example-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-style:italic}.wizard{padding:var(--spacing-lg) 0 0}.wizard-progress{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);display:flex}.wizard-dot{background-color:var(--color-divider);height:4px;transition:background-color var(--transition-normal);border-radius:2px;flex:1}.wizard-dot.is-complete,.wizard-dot.is-current{background-color:var(--color-accent)}.wizard-step-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.wizard-step h3{font-size:var(--font-size-h3);margin-bottom:var(--spacing-md)}.wizard-step p{color:var(--color-text-primary);line-height:var(--line-height-normal)}.wizard-nav{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-divider);justify-content:space-between;align-items:center;display:flex}.wizard-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-accent);color:var(--color-white)}.wizard-button:hover{background-color:var(--color-accent-hover)}.wizard-button:disabled{background-color:var(--color-divider);color:var(--color-text-secondary);cursor:not-allowed}.wizard-button-secondary{padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-secondary);background:0 0}.wizard-button-secondary:hover{color:var(--color-accent)}.wizard-button-secondary:disabled{color:var(--color-divider);cursor:not-allowed}.wizard-complete{text-align:center;padding:var(--spacing-md) 0}.wizard-complete p{color:var(--color-text-secondary)}.wizard-restart{margin-top:var(--spacing-md);color:var(--color-accent);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);background:0 0}.wizard-restart:hover{color:var(--color-accent-hover);text-decoration:underline}.reflection-list{margin:0;padding-left:0;list-style:none}.reflection-prompt{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-divider);color:var(--color-text-primary);line-height:var(--line-height-normal);font-family:var(--font-family-serif);font-size:var(--font-size-h3);font-weight:var(--font-weight-normal)}.reflection-prompt:first-child{padding-top:0}.reflection-prompt:last-child{border-bottom:none;padding-bottom:0}.chapter-footer-nav{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-divider);font-size:var(--font-size-sm);justify-content:space-between;display:flex}@media (width<=768px){.chapter-page{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xl)}.chapter-header h1{font-size:26px}.wizard-nav{gap:var(--spacing-md);flex-wrap:wrap}}