:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--max-content-width: 1040px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--focus-yellow: #ffdd00;--focus-text: #0b0c0c;--focus-outline-width: 3px}[data-theme=light]{--bg-page: #f8f9fa;--bg-surface: #ffffff;--bg-surface-raised: #f3f4f6;--bg-surface-sunken: #e5e7eb;--bg-header: #0b0c0c;--header-text: #ffffff;--text-main: #111827;--text-muted: #4b5563;--text-inverse: #ffffff;--text-link: #1d70b8;--text-link-hover: #003078;--text-link-visited: #4c2c92;--border-light: #d1d5db;--border-medium: #9ca3af;--border-dark: #374151;--border-accent: #1d70b8;--badge-bg: #e5e7eb;--badge-text: #1f2937;--callout-info-bg: #e8f1f8;--callout-info-border: #1d70b8;--callout-info-text: #0c2d48;--callout-warning-bg: #fef7e9;--callout-warning-border: #f47738;--callout-warning-text: #592d00;--callout-error-bg: #fdf2f2;--callout-error-border: #d4351c;--callout-error-text: #670d00;--callout-success-bg: #eef7f2;--callout-success-border: #00703c;--callout-success-text: #003d1e;--btn-primary-bg: #00703c;--btn-primary-hover: #005a30;--btn-primary-text: #ffffff;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--btn-secondary-text: #111827;--btn-secondary-border: #9ca3af;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04)}[data-theme=dark]{--bg-page: #0f172a;--bg-surface: #1e293b;--bg-surface-raised: #334155;--bg-surface-sunken: #090e17;--bg-header: #020617;--header-text: #f8fafc;--text-main: #f8fafc;--text-muted: #94a3b8;--text-inverse: #0f172a;--text-link: #60a5fa;--text-link-hover: #93c5fd;--text-link-visited: #c084fc;--border-light: #334155;--border-medium: #475569;--border-dark: #64748b;--border-accent: #60a5fa;--badge-bg: #334155;--badge-text: #e2e8f0;--callout-info-bg: #172554;--callout-info-border: #3b82f6;--callout-info-text: #dbeafe;--callout-warning-bg: #451a03;--callout-warning-border: #f97316;--callout-warning-text: #ffedd5;--callout-error-bg: #450a0a;--callout-error-border: #ef4444;--callout-error-text: #fee2e2;--callout-success-bg: #052e16;--callout-success-border: #22c55e;--callout-success-text: #dcfce7;--btn-primary-bg: #15803d;--btn-primary-hover: #16a34a;--btn-primary-text: #ffffff;--btn-secondary-bg: #334155;--btn-secondary-hover: #475569;--btn-secondary-text: #f8fafc;--btn-secondary-border: #64748b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:100%;line-height:1.5;color:var(--text-main);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.25;margin-bottom:var(--spacing-3)}h1{font-size:2.25rem}h2{font-size:1.75rem;margin-top:var(--spacing-6)}h3{font-size:1.35rem;margin-top:var(--spacing-4)}h4{font-size:1.15rem;margin-top:var(--spacing-3)}p{margin-bottom:var(--spacing-4);max-width:70ch}ul,ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6);max-width:70ch}li{margin-bottom:var(--spacing-2)}a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--text-link-hover);text-decoration-thickness:2px}a:visited{color:var(--text-link-visited)}code,pre{font-family:var(--font-mono);font-size:.9em}pre{background-color:var(--bg-surface-sunken);color:var(--text-main);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--border-light);overflow-x:auto;margin-bottom:var(--spacing-4)}:focus-visible{outline:var(--focus-outline-width) solid var(--focus-text)!important;background-color:var(--focus-yellow)!important;color:var(--focus-text)!important;box-shadow:0 -2px var(--focus-yellow),0 4px var(--focus-text)!important;text-decoration:none!important}.skip-link{position:absolute;top:-999px;left:50%;transform:translate(-50%);background-color:var(--focus-yellow);color:var(--focus-text);padding:var(--spacing-3) var(--spacing-6);font-weight:700;text-decoration:none;border:2px solid var(--focus-text);z-index:10000}.skip-link:focus{top:10px}.app-container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-4)}.main-content{flex:1 0 auto;padding:var(--spacing-6) 0 var(--spacing-12)}.card{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm);transition:border-color .15s ease-in-out}.card:hover{border-color:var(--border-medium)}.card--selected{border:3px solid var(--border-accent);background-color:var(--bg-surface-raised)}.callout{border-left:6px solid var(--callout-info-border);background-color:var(--callout-info-bg);color:var(--callout-info-text);padding:var(--spacing-4) var(--spacing-5);margin-bottom:var(--spacing-5);border-radius:0 var(--radius-md) var(--radius-md) 0}.callout--warning{border-left-color:var(--callout-warning-border);background-color:var(--callout-warning-bg);color:var(--callout-warning-text)}.callout--error{border-left-color:var(--callout-error-border);background-color:var(--callout-error-bg);color:var(--callout-error-text)}.callout--success{border-left-color:var(--callout-success-border);background-color:var(--callout-success-bg);color:var(--callout-success-text)}.callout__title{font-weight:700;font-size:1.1rem;margin-bottom:var(--spacing-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:inherit;font-size:1rem;font-weight:600;line-height:1.2;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;border:2px solid transparent;min-height:44px;min-width:44px;transition:background-color .15s ease,border-color .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--primary:hover:not(:disabled){background-color:var(--btn-primary-hover)}.btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn--secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover)}.btn--danger{background-color:#d4351c;color:#fff}.btn--danger:hover:not(:disabled){background-color:#aa2a16}.btn--link{background:transparent;color:var(--text-link);border:none;padding:var(--spacing-1) var(--spacing-2);text-decoration:underline;min-height:auto}.badge{display:inline-block;padding:2px 8px;font-size:.85rem;font-weight:700;border-radius:var(--radius-sm);background-color:var(--badge-bg);color:var(--badge-text);text-transform:uppercase;letter-spacing:.5px}.badge--synthetic{background-color:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}[data-theme=dark] .badge--synthetic{background-color:#312e81;color:#e0e7ff;border-color:#4338ca}.section-wrapper{margin-bottom:var(--spacing-10);padding-top:var(--spacing-6);border-top:1px solid var(--border-light);scroll-margin-top:80px}.section-wrapper:first-of-type{border-top:none;padding-top:0}.section-tag{color:var(--text-muted);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.75px;margin-bottom:var(--spacing-1)}.table-container{width:100%;overflow-x:auto;margin-bottom:var(--spacing-6)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-light);vertical-align:top}.table th{background-color:var(--bg-surface-raised);color:var(--text-main);font-weight:700;border-top:1px solid var(--border-light)}.form-group{margin-bottom:var(--spacing-5)}.form-label{display:block;font-weight:700;margin-bottom:var(--spacing-1)}.form-hint{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:var(--spacing-2)}.form-input,.form-textarea,.form-select{width:100%;max-width:600px;padding:var(--spacing-3);font-family:inherit;font-size:1rem;color:var(--text-main);background-color:var(--bg-surface);border:2px solid var(--border-medium);border-radius:var(--radius-sm)}.form-textarea{min-height:120px;resize:vertical}.checkbox-label,.radio-label{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3);cursor:pointer;font-size:1rem}.checkbox-input,.radio-input{width:24px;height:24px;margin-top:2px;accent-color:var(--btn-primary-bg);cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.progress-nav{width:100%;background-color:var(--bg-surface);border-bottom:1px solid var(--border-light);padding:8px 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.progress-nav__list{display:flex;list-style:none;padding-left:0;margin:0;width:100%;gap:6px;align-items:center;justify-content:space-between}.progress-nav__item{flex:0 0 auto;display:flex}.progress-nav__link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;border-radius:20px;font-size:.82rem;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease;box-sizing:border-box}.progress-nav__badge{width:18px;height:18px;min-width:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.progress-nav__label{display:inline;white-space:nowrap}@media(max-width:899px){.progress-nav__list{gap:4px}.progress-nav__link{padding:3px 6px;font-size:.75rem;gap:4px}.progress-nav__badge{width:16px;height:16px;min-width:16px;font-size:.68rem}}@media(max-width:599px){.progress-nav__list{flex-wrap:wrap;justify-content:center;gap:6px}.progress-nav__item{flex:0 0 auto}.progress-nav__link{padding:3px 6px;font-size:.75rem}}@media print{body{background:#fff!important;color:#000!important}.no-print,.skip-link,.app-header__actions,.btn{display:none!important}.card,.section-wrapper{border:none!important;box-shadow:none!important;page-break-inside:avoid}a[href^=http]:after{content:" (" attr(href) ")";font-size:.85em}}