.wizard-callout{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border)}.wizard-callout__content h2{margin:0 0 var(--space-2);font-size:var(--text-lg)}.wizard-callout__content p{margin:0;color:var(--color-text-secondary)}.wizard-callout__action{white-space:nowrap}.wizard-callout button{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-md);border:1px solid var(--color-accent);background-color:var(--color-accent);color:#fff;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}@media(max-width:640px){.wizard-callout{flex-direction:column;align-items:flex-start}.wizard-callout__action{align-self:stretch}}.wizard-callout button:hover{opacity:.9;box-shadow:var(--shadow-sm)}.distro-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.distro-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.distro-card__thumbnail{width:100%;margin-bottom:var(--space-3)}.distro-card h2{margin:0;font-size:var(--text-lg)}.distro-card .muted{margin:var(--space-1) 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.distro-card .clamp{font-size:var(--text-sm);color:var(--color-text-secondary);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.distro-card .meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary)}.distro-card__select{position:absolute;top:var(--space-2);right:var(--space-2);opacity:1;pointer-events:auto;transition:opacity .15s ease}@media(hover:hover)and (pointer:fine){.distro-card__select{opacity:0;pointer-events:none}}.distro-card:hover .distro-card__select{opacity:1;pointer-events:auto}.distro-card__select-btn{width:2rem;height:2rem;border-radius:var(--radius-sm);border:1px solid #ffffff;background-color:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.distro-card__select-btn:hover:not(:disabled){background-color:var(--color-status-active)}.distro-card__select-btn:disabled{opacity:.4;cursor:not-allowed}.distro-card[data-selected=true]{outline:2px solid var(--color-accent);outline-offset:-2px}.distro-card[data-selected=true] .distro-card__select{opacity:1;pointer-events:auto}.layout{max-width:1200px;margin:0 auto;padding:var(--space-6)}.topnav{margin-bottom:var(--space-6);font-size:var(--text-lg);font-weight:600;font-size:2.5rem;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.filter-separator{width:1px;height:2rem;background:var(--color-border);margin:0 var(--space-2)}.filters input,.filters select{max-width:200px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}.filters input::placeholder{color:var(--color-text-secondary)}.filters input:focus,.filters select:focus{outline:none;border-color:var(--color-accent)}.filter-clear{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer}.filter-clear:hover{color:var(--color-text-primary);border-color:var(--color-accent)}@media screen and (max-width:640px){.filters{flex-direction:column}.filters input,.filters select{width:100%;max-width:none}.filter-separator{width:100%;height:1px;margin:var(--space-1) 0}}.compare-fab{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:1000;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;background-color:var(--color-accent);color:#fff;border:1px solid #ffffff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease}.compare-fab:hover{transform:translateY(-2px);background-color:var(--color-status-active);box-shadow:0 8px 20px #00000026}.compare-fab:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media(max-width:640px){.compare-fab{font-size:var(--text-md);right:var(--space-4);bottom:var(--space-4)}}.site-footer{margin-top:var(--space-8);padding:calc(var(--space-4) + .25rem) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm)}.site-footer__inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:.35rem}.site-footer__copyright{color:var(--color-text-secondary);margin:0}.site-footer__disclaimer{margin:0;color:var(--color-text-secondary);line-height:1.4}.site-footer__repo{margin:0}.site-footer__repo-logo{vertical-align:middle;width:1rem;height:1rem}.site-footer a{color:var(--color-accent);text-decoration:underline}@media(min-width:720px){.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.site-footer__disclaimer{max-width:60%}}.wizard button{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease}.wizard button.button-primary{background-color:var(--color-accent);color:#fff}.wizard button.button-primary:disabled{opacity:.5}.wizard-options{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.wizard-option{text-align:left;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.wizard-option__label{display:block;font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.wizard-option__description{display:block;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.wizard-option:hover{border-color:var(--color-accent)}.wizard-option.is-selected{border-color:var(--color-accent);background-color:#2563eb0f}.wizard-actions{display:flex;justify-content:space-between;margin-top:var(--space-6)}.wizard-subtitle{margin-top:var(--space-1);color:var(--color-text-secondary)}.wizard-progress{margin-bottom:var(--space-6)}.wizard-progress__track{height:6px;background-color:var(--color-border);border-radius:999px;overflow:hidden}.wizard-progress__bar{height:100%;background-color:var(--color-accent);transition:width .2s ease}.wizard-progress__label{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.wizard-results{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.wizard-result-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface)}.wizard-result-header{display:flex;align-items:center;gap:var(--space-3)}.wizard-result-logo{width:48px;height:48px;padding:6px;object-fit:contain;background-color:#fff;color:#333;border-radius:50%}.wizard-result-about{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-2)}.wizard-result-about__content{max-width:640px}.wizard-result-about__media{width:100%}.wizard-result-about__media img{width:100%;height:auto;display:block;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.wizard-result-why{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--color-surface),var(--color-accent) 20%)}.wizard-result-why h4{margin:0 0 var(--space-1);font-size:var(--text-sm)}.wizard-result-why__intro{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.wizard-result-why__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wizard-result-why__tag{padding:.5rem 1rem;font-size:var(--text-sm);border-radius:999px;background-color:var(--color-surface);border:1px solid var(--color-border)}.wizard-result-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}@media(min-width:1024px){.wizard-result-about{flex-direction:row;align-items:flex-start}.wizard-result-about__content{flex:1}.wizard-result-about__media{flex:1;max-width:520px}.wizard-results ul li{width:fit-content}}.radio-group{display:grid;gap:var(--space-3)}.radio-option{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.radio-option input{margin-top:.25rem}.radio-option__content{display:flex;flex-direction:column;gap:var(--space-1)}.radio-option__label{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.radio-option__description{font-size:var(--text-sm);color:var(--color-text-secondary)}.radio-option:hover{border-color:var(--color-accent)}.radio-option.is-selected{border-color:var(--color-accent);background-color:#2563eb0f}.comparison-wrapper{overflow-x:auto}.comparison-table{table-layout:fixed;width:100%;border-collapse:collapse;min-width:640px}.comparison-table th,.comparison-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}.comparison-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.comparison-header{display:flex;align-items:center;gap:var(--space-2)}.comparison-remove{margin-left:auto;margin-bottom:auto;width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1;cursor:pointer}.comparison-remove:hover{color:var(--color-text-primary);background-color:var(--color-border)}.comparison-logo{width:36px;height:36px;padding:6px;object-fit:contain;background-color:#fff;color:#333;border-radius:50%}.comparison-thumbnail{width:100%;object-fit:contain}.comparison-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.back-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer}.distro-hero{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-md);color:var(--color-text-secondary)}.breadcrumbs__link{background:none;border:none;padding:0;font:inherit;color:var(--color-accent);cursor:pointer}.breadcrumbs__link:hover{text-decoration:underline}.breadcrumbs__separator{opacity:.6}.breadcrumbs__current{color:var(--color-text-primary)}.distro-hero__identity{display:flex;align-items:center;gap:var(--space-4)}.distro-hero__logo-wrap{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#333;border-radius:50%;box-shadow:var(--shadow-sm);flex-shrink:0}.distro-hero__logo{width:70%;height:70%;object-fit:contain}.distro-hero__title{display:flex;flex-direction:column;gap:var(--space-2)}.distro-hero__title h1{margin:0;font-size:var(--text-xl);line-height:1.2;color:var(--color-text-primary)}.distro-about{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-6);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.distro-about__content{max-width:640px}.distro-about__content h2{margin:0 0 var(--space-3);font-size:var(--text-lg);color:var(--color-text-primary)}.distro-about__content p{margin:0;font-size:var(--text-base);line-height:1.6;color:var(--color-text-secondary)}.distro-about__media{width:100%}.distro-about__media img{width:100%;height:auto;display:block;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}@media(min-width:1024px){.distro-about{flex-direction:row;align-items:flex-start}.distro-about__content{flex:1}.distro-about__media{flex:1;max-width:520px}}.distro-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-6)}.distro-hero__meta-item{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.distro-hero__meta-item .label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.distro-hero__meta-item a{color:var(--color-accent)}@media(min-width:768px){.distro-hero{gap:var(--space-6)}.distro-hero__logo{width:70%;height:70%}.distro-hero__title h1{font-size:1.5rem}}.distro-tech{margin-top:var(--space-8)}.distro-tech h2{margin:0 0 var(--space-4);font-size:var(--text-lg);color:var(--color-text-primary)}.distro-tech__group{display:flex;flex-direction:column;gap:var(--space-3)}.distro-tech__group+.distro-tech__group{margin-top:var(--space-6)}.definition-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.definition-row{display:grid;grid-template-columns:160px 1fr;gap:var(--space-3);padding:var(--space-2) 0}.definition-row dt{font-size:var(--text-sm);color:var(--color-text-secondary)}.definition-row dd{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}:root{--color-bg: #f9fafb;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-accent: #2563eb;--color-status-active: #16a34a;--color-status-dormant: #d97706;--color-status-discontinued: #dc2626;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 6px;--radius-md: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 6px 16px rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary)}.tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.tag.interactive{cursor:pointer}.tag.default{background:var(--color-accent);color:#fff}.tag.subtle{background:var(--color-border);color:var(--color-text-primary)}.status{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm)}.status.active{background:#16a34a40;color:var(--color-status-active)}.status.dormant{background:#d9770640;color:var(--color-status-dormant)}.status.discontinued{background:#dc262640;color:var(--color-status-discontinued)}[data-theme=dark]{--color-bg: #0f1115;--color-surface: #161a20;--color-border: #2a2f3a;--color-text-primary: #e5e7eb;--color-text-secondary: #9ca3af}@media(prefers-color-scheme:dark){:root{--color-bg: #0f1115;--color-surface: #161a20;--color-border: #2a2f3a;--color-text-primary: #e5e7eb;--color-text-secondary: #9ca3af}}