.wizard-callout{justify-content:space-between;align-items:center;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);display:flex}.wizard-callout__content h2{margin:0 0 var(--space-2);font-size:var(--text-lg)}.wizard-callout__content p{color:var(--color-text-secondary);margin:0}.wizard-callout__action{white-space:nowrap}.wizard-callout button{background-color:var(--color-accent);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,box-shadow .15s}@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{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);height:100%;transition:transform .15s,box-shadow .15s;position:relative}.distro-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.distro-card__thumbnail{width:100%;height:auto;margin-bottom:var(--space-3)}.distro-card h2{font-size:var(--text-lg);margin:0}.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);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.distro-card .meta{gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.distro-card__select{top:var(--space-2);right:var(--space-2);opacity:1;pointer-events:auto;transition:opacity .15s;position:absolute}@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{border-radius:var(--radius-sm);background-color:var(--color-accent);color:#fff;width:2rem;height:2rem;font-size:var(--text-base);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #fff;justify-content:center;align-items:center;font-weight:600;display:flex}.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}