@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Nunito+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";.flavor-selector__label[data-astro-cid-w37udp5y]{font-size:var(--text-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.flavor-selector__options[data-astro-cid-w37udp5y]{display:flex;gap:var(--space-2)}.theme-toggle[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;padding:4px 10px;background:transparent;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;transition:all .15s ease}.theme-toggle[data-astro-cid-sz7xmlte]:hover{border-color:var(--color-secondary);color:var(--color-secondary)}:root{--color-primary: #1B3A5C;--color-secondary: #C4973B;--color-accent: #3B82A0;--color-warm-neutral: #EFF2F5;--color-dark-surface: #1E2A3A;--color-success: #38A169;--color-alert: #D69E2E;--color-error: #C53030;--color-primary-light: #24507A;--color-primary-lighter: #2E6699;--color-secondary-light: #D4AD5C;--color-secondary-dark: #A07B2E;--color-accent-light: #5A9DB8;--color-accent-dark: #2A6B85;--color-warm-neutral-dark: #DDE3E9;--color-dark-surface-light: #2E3E52;--color-success-light: #68D391;--color-success-dark: #276749;--color-alert-light: #ECC94B;--color-error-light: #FC8181;--color-error-dark: #9B2C2C;--text-primary: #1A202C;--text-secondary: #4A5568;--text-muted: #718096;--text-inverse: #FFFFFF;--text-link: #3B82A0;--text-link-hover: #2A6B85;--surface-page: #FFFFFF;--surface-card: #FFFFFF;--surface-elevated: #FFFFFF;--surface-overlay: rgba(27, 58, 92, .85);--surface-parchment: #EFF2F5;--surface-code: #F5F7FA;--border-light: #E2E8F0;--border-default: #CBD5E0;--border-dark: #A0AEC0;--space-0: 0;--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;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.6;--leading-relaxed: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(59, 130, 160, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{min-height:100%;display:flex;flex-direction:column;background:var(--surface-page)}img,picture,video,canvas,svg{display:block;max-width:100%}main{flex:1}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-4)}.container--narrow{max-width:var(--container-md)}.container--wide{max-width:var(--container-2xl)}@media(min-width:768px){.container{padding-inline:var(--space-8)}}.section{padding-block:var(--space-16)}.section--sm{padding-block:var(--space-8)}.section--lg{padding-block:var(--space-24)}.section--parchment{background:var(--surface-parchment)}.section--primary{background:var(--color-primary);color:var(--text-inverse)}.section--primary h2,.section--primary h3,.section--primary h4{color:var(--text-inverse)}.grid{display:grid;gap:var(--space-6)}.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.grid--4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex--center{display:flex;align-items:center;justify-content:center}.flex--between{display:flex;align-items:center;justify-content:space-between}.flex--col{display:flex;flex-direction:column}.flex--wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);padding:var(--space-3) 0}.site-header .container{display:flex;align-items:center;justify-content:space-between}.site-footer{background:var(--color-primary);color:var(--text-inverse);padding:var(--space-12) 0 var(--space-6)}.site-footer a{color:var(--color-secondary-light)}.site-footer a:hover{color:var(--color-secondary)}.hero{position:relative;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-dark-surface) 100%);color:var(--text-inverse);padding:var(--space-20) 0 var(--space-16);overflow:hidden}.hero h1{color:var(--text-inverse);max-width:800px}.hero .lead{color:#ffffffd9;max-width:600px}.two-col{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:start}@media(min-width:768px){.two-col{grid-template-columns:1fr 1fr}}.two-col--sidebar{grid-template-columns:1fr}@media(min-width:1024px){.two-col--sidebar{grid-template-columns:2fr 1fr}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-primary);margin-top:0}h1{font-size:var(--text-5xl);letter-spacing:-.02em;margin-bottom:var(--space-6)}h2{font-size:var(--text-4xl);letter-spacing:-.01em;margin-bottom:var(--space-5)}h3{font-size:var(--text-3xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-2xl);margin-bottom:var(--space-3)}h5{font-size:var(--text-xl);margin-bottom:var(--space-3)}h6{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}@media(max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}}p{margin-top:0;margin-bottom:var(--space-4)}.lead{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--text-secondary)}.small{font-size:var(--text-sm)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover);text-decoration:underline}blockquote,.quote{font-size:var(--text-xl);font-style:italic;line-height:var(--leading-relaxed);color:var(--color-primary);border-left:4px solid var(--color-secondary);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--surface-parchment);border-radius:0 var(--radius-md) var(--radius-md) 0}blockquote cite,.quote-attribution{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-style:normal;color:var(--text-muted);margin-top:var(--space-2)}code,kbd,samp,.prompt-text{font-family:var(--font-mono);font-size:.9em}code{background:var(--surface-code);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--color-primary)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);background:var(--color-dark-surface);color:var(--text-inverse);padding:var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-6) 0}pre code{background:none;padding:0;color:inherit;font-size:inherit}ul,ol{margin-top:0;margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}li>ul,li>ol{margin-top:var(--space-2);margin-bottom:0}hr{border:none;border-top:1px solid var(--border-light);margin:var(--space-8) 0}::selection{background:#3b82a033;color:var(--color-primary)}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon--primary{color:var(--color-primary)}.icon--secondary{color:var(--color-secondary)}.icon--accent{color:var(--color-accent)}.card{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--flat{border:none;background:var(--surface-parchment)}.card--flat:hover{transform:none}.card--danger{border-color:var(--color-error-light);border-left:4px solid var(--color-error)}.card--success{border-color:var(--color-success-light);border-left:4px solid var(--color-success)}.card--accent{border-color:var(--color-accent-light);border-left:4px solid var(--color-accent)}.card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.card__body{color:var(--text-secondary);line-height:var(--leading-normal)}.card__footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{text-decoration:none}.btn--primary{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--text-inverse)}.btn--secondary{background:transparent;color:var(--color-secondary);border-color:var(--color-secondary)}.btn--secondary:hover{background:var(--color-secondary);color:var(--color-primary)}.btn--ghost{background:transparent;color:var(--text-inverse);border-color:#fff6}.btn--ghost:hover{background:#ffffff1a;border-color:#ffffffb3;color:var(--text-inverse)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-full);line-height:1}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap}.badge--beginner{background:#38a1691a;color:var(--color-success-dark)}.badge--intermediate{background:#d69e2e1a;color:#92600a}.badge--advanced{background:#c530301a;color:var(--color-error-dark)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:#3b82a01a;color:var(--color-accent-dark);white-space:nowrap}.tag--category{background:#c4973b1a;color:var(--color-secondary-dark)}.discipline-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);background:#3b82a014;color:var(--color-accent-dark);white-space:nowrap}.accordion{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.accordion__item{border-bottom:1px solid var(--border-light)}.accordion__item:last-child{border-bottom:none}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-6);background:none;border:none;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.accordion__trigger:hover{background:var(--surface-parchment)}.accordion__trigger:after{content:"+";font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;margin-left:var(--space-4)}.accordion__item.is-open .accordion__trigger:after{content:"−"}.accordion__content{display:none;padding:0 var(--space-6) var(--space-6);color:var(--text-secondary);line-height:var(--leading-relaxed)}.accordion__item.is-open .accordion__content{display:block}.callout{padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);margin:var(--space-6) 0}.callout--info{background:#3b82a014;border:1px solid rgba(59,130,160,.2)}.callout--warning{background:#d69e2e14;border:1px solid rgba(214,158,46,.2)}.callout--danger{background:#c5303014;border:1px solid rgba(197,48,48,.2)}.callout--success{background:#38a16914;border:1px solid rgba(56,161,105,.2)}.callout__title{font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.filter-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--surface-parchment);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.filter-chip:hover{color:var(--color-primary);border-color:var(--color-accent);background:#3b82a00f}.filter-chip.is-active{color:var(--text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{color:var(--text-secondary);font-size:var(--text-lg)}.nav{display:flex;align-items:center;gap:var(--space-1)}.nav__link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);position:relative}.nav__link:hover,.nav__link.is-active{color:var(--color-primary);background:var(--surface-parchment);text-decoration:none}.dropdown{position:relative}.dropdown__menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;pointer-events:none;transform:translateY(4px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.dropdown:hover .dropdown__menu,.dropdown.is-open .dropdown__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown__item{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.dropdown__item:hover{background:var(--surface-parchment);color:var(--color-primary);text-decoration:none}.search-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#1b3a5cd9;backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.search-overlay.is-open{opacity:1;pointer-events:auto}.search-box{width:min(640px,90vw);background:var(--surface-page);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.search-box__input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}.search-box__input{flex:1;border:none;outline:none;font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-primary);background:transparent}.search-box__input::placeholder{color:var(--text-muted)}.search-box__results{max-height:400px;overflow-y:auto;padding:var(--space-4)}.search-box__shortcut{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--surface-parchment);border-radius:var(--radius-sm);color:var(--text-muted)}.mobile-nav{display:none;position:fixed;inset:0;z-index:var(--z-overlay);background:var(--surface-page);padding:var(--space-16) var(--space-6) var(--space-6);overflow-y:auto}.mobile-nav.is-open{display:block}.mobile-nav__link{display:block;padding:var(--space-4) 0;font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-light)}.mobile-nav__link:hover{color:var(--color-primary);text-decoration:none}.lang-selector{position:relative}.lang-selector__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.lang-selector__btn:hover{border-color:var(--color-accent);color:var(--color-primary)}.lang-selector__menu{position:absolute;top:100%;right:0;min-width:140px;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);opacity:0;pointer-events:none;transform:translateY(4px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.lang-selector:hover .lang-selector__menu,.lang-selector.is-open .lang-selector__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-selector__item{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast)}.lang-selector__item:hover{background:var(--surface-parchment);color:var(--color-primary);text-decoration:none}.lang-selector__item.is-active{font-weight:var(--font-semibold);color:var(--color-primary)}.flavor-selector{display:flex;align-items:center;gap:var(--space-2)}.flavor-selector__dot{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--border-default);cursor:pointer;transition:all var(--transition-fast)}.flavor-selector__dot:hover{transform:scale(1.15)}.flavor-selector__dot.is-active{border-color:var(--text-inverse);box-shadow:0 0 0 2px var(--color-secondary)}.flavor-selector__dot--blueprint{background:#1b3a5c}.flavor-selector__dot--warm{background:#8b4513}.flavor-selector__dot--dynamic{background:#06d6a0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);opacity:.8}.theme-toggle:hover{opacity:1;transform:scale(1.1)}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.user-menu__trigger:hover{border-color:var(--color-accent)}.user-menu__avatar{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover}.user-menu__avatar-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.user-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);opacity:0;pointer-events:none;transform:translateY(4px);transition:all var(--transition-fast);z-index:var(--z-dropdown)}.user-menu.is-open .user-menu__dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.user-menu__name{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-2)}.user-menu__email{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-normal)}.user-menu__signout{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.user-menu__signout:hover{background:var(--surface-parchment);color:var(--color-error)}.like-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.like-btn:hover{border-color:var(--color-error);color:var(--color-error)}.like-btn.is-liked{border-color:var(--color-error);color:var(--color-error);background:#c530300f}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}@media(max-width:639px){.hide-xs{display:none!important}}@media(max-width:767px){.hide-sm{display:none!important}}@media(max-width:1023px){.hide-md{display:none!important}}@media(min-width:640px){.show-xs-only{display:none!important}}@media(min-width:768px){.show-sm-only{display:none!important}}@media(min-width:1024px){.show-md-only{display:none!important}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-gold{color:var(--color-secondary)}.mt-0{margin-top:0}.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)}.mt-12{margin-top:var(--space-12)}.mb-0{margin-bottom:0}.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)}.mb-12{margin-bottom:var(--space-12)}.pt-0{padding-top:0}.pt-4{padding-top:var(--space-4)}.pb-0{padding-bottom:0}.pb-4{padding-bottom:var(--space-4)}.w-full{width:100%}.max-w-prose{max-width:65ch}.mx-auto{margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal-stagger.is-visible>*:nth-child(1){transition-delay:0ms}.reveal-stagger.is-visible>*:nth-child(2){transition-delay:80ms}.reveal-stagger.is-visible>*:nth-child(3){transition-delay:.16s}.reveal-stagger.is-visible>*:nth-child(4){transition-delay:.24s}.reveal-stagger.is-visible>*:nth-child(5){transition-delay:.32s}.reveal-stagger.is-visible>*:nth-child(6){transition-delay:.4s}.reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .6s ease forwards}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-accent)}}.typing-effect{overflow:hidden;border-right:2px solid var(--color-accent);white-space:nowrap;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82a033}50%{box-shadow:0 0 20px #3b82a066}}.glow{animation:glow 3s ease-in-out infinite}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{animation:pageEnter .4s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.reveal-stagger>*{opacity:1;transform:none}}[data-flavor=warm]{--color-primary: #8B4513;--color-secondary: #D4A574;--color-accent: #2E7D32;--color-primary-light: #A0522D;--color-primary-lighter: #B5693E;--color-secondary-light: #E0BC8D;--color-secondary-dark: #B88B5E;--color-accent-light: #4CAF50;--color-accent-dark: #1B5E20;--color-warm-neutral: #FDF8F0;--color-warm-neutral-dark: #F5E6D3;--text-link: #2E7D32;--text-link-hover: #1B5E20;--surface-parchment: #FDF8F0;--surface-overlay: rgba(139, 69, 19, .85);--font-heading: "Merriweather", Georgia, "Times New Roman", serif;--font-body: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.75rem;--shadow-sm: 0 1px 3px rgba(139, 69, 19, .06);--shadow-md: 0 4px 8px rgba(139, 69, 19, .08);--shadow-lg: 0 10px 20px rgba(139, 69, 19, .08);--shadow-xl: 0 20px 30px rgba(139, 69, 19, .1);--shadow-glow: 0 0 20px rgba(46, 125, 50, .15)}[data-flavor=warm] h1,[data-flavor=warm] h2,[data-flavor=warm] h3,[data-flavor=warm] h4{color:#8b4513}[data-flavor=warm] .hero h1,[data-flavor=warm] .hero h2,[data-flavor=warm] .hero h3,[data-flavor=warm] .hero h4,[data-flavor=warm] .section--primary h1,[data-flavor=warm] .section--primary h2,[data-flavor=warm] .section--primary h3,[data-flavor=warm] .section--primary h4{color:#fff}[data-flavor=warm] .hero{background:linear-gradient(135deg,#8b4513,sienna,#6b3410)}[data-flavor=warm] .section--primary{background:#8b4513}[data-flavor=warm] .card:hover{box-shadow:var(--shadow-lg)}[data-flavor=warm] .btn--primary{background:#8b4513;border-color:#8b4513}[data-flavor=warm] .btn--primary:hover{background:#6b3410;border-color:#6b3410}[data-flavor=warm] blockquote{border-left-color:#d4a574;background:#fdf8f0}[data-flavor=warm] ::selection{background:#8b451333;color:#8b4513}[data-flavor=warm] .site-footer{background:#5c2e0e}[data-flavor=warm] .flavor-selector__dot.is-active{box-shadow:0 0 0 2px #d4a574}[data-flavor=dynamic]{--color-primary: #0F172A;--color-secondary: #06D6A0;--color-accent: #7C3AED;--color-primary-light: #1E293B;--color-primary-lighter: #334155;--color-secondary-light: #34D399;--color-secondary-dark: #059669;--color-accent-light: #A78BFA;--color-accent-dark: #6D28D9;--color-warm-neutral: #F1F5F9;--color-warm-neutral-dark: #E2E8F0;--text-link: #7C3AED;--text-link-hover: #6D28D9;--surface-parchment: #F1F5F9;--surface-overlay: rgba(15, 23, 42, .85);--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(124, 58, 237, .12);--transition-fast: .12s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--transition-spring: .3s ease-out}[data-flavor=dynamic] h1,[data-flavor=dynamic] h2,[data-flavor=dynamic] h3,[data-flavor=dynamic] h4{font-weight:700;color:#0f172a;letter-spacing:-.02em}[data-flavor=dynamic] .hero h1,[data-flavor=dynamic] .hero h2,[data-flavor=dynamic] .hero h3,[data-flavor=dynamic] .hero h4,[data-flavor=dynamic] .section--primary h1,[data-flavor=dynamic] .section--primary h2,[data-flavor=dynamic] .section--primary h3,[data-flavor=dynamic] .section--primary h4{color:#fff}[data-flavor=dynamic] .hero{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}[data-flavor=dynamic] .section--primary{background:#0f172a}[data-flavor=dynamic] .btn{border-radius:4px;letter-spacing:.02em}[data-flavor=dynamic] .btn--primary{background:#7c3aed;border-color:#7c3aed}[data-flavor=dynamic] .btn--primary:hover{background:#6d28d9;border-color:#6d28d9}[data-flavor=dynamic] .card:hover{box-shadow:var(--shadow-md);transform:none;border-color:var(--border-dark)}[data-flavor=dynamic] blockquote{background:transparent;border-radius:0;border-left:3px solid #7C3AED}[data-flavor=dynamic] .filter-chip{border-radius:2px}[data-flavor=dynamic] .badge,[data-flavor=dynamic] .tag{border-radius:3px}[data-flavor=dynamic] .reveal{transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}[data-flavor=dynamic] .reveal-stagger>*{transform:translateY(12px);transition:opacity .35s ease-out,transform .35s ease-out}[data-flavor=dynamic] ::selection{background:#7c3aed33;color:#0f172a}[data-flavor=dynamic] .site-footer{background:#030712}[data-flavor=dynamic] .flavor-selector__dot.is-active{box-shadow:0 0 0 2px #06d6a0}[data-theme=dark]{--surface-page: #1A2030;--surface-card: #222A3A;--surface-elevated: #2A3346;--surface-overlay: rgba(0, 0, 0, .75);--surface-parchment: #1E2636;--surface-code: #242E3E;--text-primary: #E8EAF0;--text-secondary: #A0A8BE;--text-muted: #727D96;--text-inverse: #FFFFFF;--text-link: #5A9DB8;--text-link-hover: #7BB8D0;--border-light: #2E3648;--border-default: #3A4460;--border-dark: #4A5678;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 30px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px rgba(59, 130, 160, .1);--color-primary-light: #2E6699;--color-warm-neutral: #1E2636;--color-warm-neutral-dark: #242E3E;--color-dark-surface: #2A3346;--color-dark-surface-light: #3A4460;color-scheme:dark}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:#e8eaf0}[data-theme=dark] .hero h1,[data-theme=dark] .hero h2,[data-theme=dark] .hero h3,[data-theme=dark] .hero h4,[data-theme=dark] .section--primary h1,[data-theme=dark] .section--primary h2,[data-theme=dark] .section--primary h3,[data-theme=dark] .section--primary h4{color:#fff}[data-theme=dark] .site-header{background:#1a2030f2;border-bottom-color:var(--border-light)}[data-theme=dark] .nav__link{color:var(--text-primary)}[data-theme=dark] .dropdown__menu{background:var(--surface-elevated);border-color:var(--border-light)}[data-theme=dark] .dropdown__item{color:var(--text-secondary)}[data-theme=dark] .dropdown__item:hover{background:var(--surface-parchment);color:var(--text-primary)}[data-theme=dark] .mobile-nav{background:var(--surface-page)}[data-theme=dark] .mobile-nav__link{color:var(--text-primary);border-bottom-color:var(--border-light)}[data-theme=dark] .card{background:var(--surface-card);border-color:var(--border-light)}[data-theme=dark] .card--flat{background:var(--surface-parchment)}[data-theme=dark] .card__title{color:var(--color-secondary-light)}[data-theme=dark] .accordion{border-color:var(--border-light)}[data-theme=dark] .accordion__item{border-bottom-color:var(--border-light)}[data-theme=dark] .accordion__trigger{color:var(--text-primary)}[data-theme=dark] .accordion__trigger:hover{background:var(--surface-parchment)}[data-theme=dark] .callout{background:var(--surface-elevated);border-color:var(--border-light)}[data-theme=dark] .callout--info{background:#3b82a014;border-color:#3b82a040}[data-theme=dark] .callout--warning{background:#d69e2e14;border-color:#d69e2e40}[data-theme=dark] .callout--danger{background:#c5303014;border-color:#c5303040}[data-theme=dark] .callout--success{background:#38a16914;border-color:#38a16940}[data-theme=dark] .badge--beginner{background:#38a16926;color:var(--color-success-light)}[data-theme=dark] .badge--intermediate{background:#d69e2e26;color:var(--color-alert-light)}[data-theme=dark] .badge--advanced{background:#c5303026;color:var(--color-error-light)}[data-theme=dark] .tag{background:#3b82a01f;color:var(--color-accent-light)}[data-theme=dark] .tag--category{background:#c4973b1f;color:var(--color-secondary-light)}[data-theme=dark] .filter-chip{background:var(--surface-elevated);border-color:var(--border-default);color:var(--text-secondary)}[data-theme=dark] .filter-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}[data-theme=dark] .filter-chip.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}[data-theme=dark] .section--parchment{background:var(--surface-parchment)}[data-theme=dark] .site-footer{background:#101520}[data-theme=dark] .search-box{background:var(--surface-card);border-color:var(--border-light)}[data-theme=dark] .search-box__input{color:var(--text-primary)}[data-theme=dark] blockquote{color:var(--text-secondary)}[data-theme=dark] a{color:var(--text-link)}[data-theme=dark] a:hover{color:var(--text-link-hover)}[data-theme=dark] .site-footer a{color:var(--color-secondary-light)}[data-theme=dark] .site-footer a:hover{color:var(--color-secondary)}[data-theme=dark] .hero a{color:var(--color-secondary-light)}[data-theme=dark] .btn--secondary{color:var(--color-secondary-light);border-color:var(--color-secondary-light)}[data-theme=dark] .btn--secondary:hover{background:var(--color-secondary);color:var(--color-primary)}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] textarea,[data-theme=dark] select{background:var(--surface-elevated);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .like-btn{border-color:var(--border-default);color:var(--text-muted)}[data-theme=dark] .site-header .btn--icon{color:var(--text-primary)!important}[data-theme=dark] .lang-selector__btn{color:var(--text-primary);border-color:var(--border-default)}[data-theme=dark] .user-menu__trigger{border-color:var(--border-default)}[data-theme=dark] .user-menu__avatar-icon{color:var(--text-primary)}[data-theme=dark] .user-menu__dropdown{background:var(--surface-elevated);border-color:var(--border-default)}[data-theme=dark] .user-menu__name{border-bottom-color:var(--border-light)}[data-theme=dark] .user-menu__signout:hover{background:var(--surface-parchment)}[data-theme=dark][data-flavor=warm]{--surface-page: #1C1510;--surface-card: #25201A;--surface-elevated: #2E2822;--surface-parchment: #201A14;--surface-code: #25201A;--text-link: #4CAF50;--text-link-hover: #66BB6A}[data-theme=dark][data-flavor=warm] h1,[data-theme=dark][data-flavor=warm] h2,[data-theme=dark][data-flavor=warm] h3,[data-theme=dark][data-flavor=warm] h4{color:#e8e0d8}[data-theme=dark][data-flavor=warm] .site-footer{background:#120e0a}[data-theme=dark][data-flavor=dynamic]{--surface-page: #0A0A0F;--surface-card: #141420;--surface-elevated: #1C1C2E;--surface-parchment: #10101A;--surface-code: #141420;--text-primary: #E4E4E7;--text-secondary: #9A9AA0;--text-muted: #6B6B74;--text-link: #A78BFA;--text-link-hover: #C4B5FD;--border-light: #1E1E30;--border-default: #2A2A40;--border-dark: #3A3A55}[data-theme=dark][data-flavor=dynamic] h1,[data-theme=dark][data-flavor=dynamic] h2,[data-theme=dark][data-flavor=dynamic] h3,[data-theme=dark][data-flavor=dynamic] h4{color:#e4e4e7}[data-theme=dark][data-flavor=dynamic] .site-footer{background:#050508}
