/* Minimal custom CSS — everything else is Tailwind */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

* { box-sizing: border-box; }
body { font-family: 'Inter', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }

/* Search input transition */
.search-input { transition: width .25s ease; }
.search-input:focus { width: 280px !important; }

/* Card hover lift */
.sim-card { transition: transform .18s ease, box-shadow .18s ease; }
.sim-card:hover { transform: translateY(-3px); }

/* Logo inside card */
.sim-logo { max-height: 48px; max-width: 60%; object-fit: contain; }

/* Screenshot */
.sim-screenshot { width:100%; max-height:360px; object-fit:cover; object-position:top; display:block; }

/* Ripple button effect (MD3) */
.md-ripple { position: relative; overflow: hidden; }
.md-ripple::after {
    content: '';
    position: absolute; inset: 0;
    background: currentColor;
    opacity: 0;
    transition: opacity .2s;
}
.md-ripple:hover::after { opacity: .06; }
.md-ripple:active::after { opacity: .12; }



/* Accordion open state color */
.accordion-button:not(.collapsed) { color: #4F46E5; background: #EEF2FF; }
.accordion-button:focus { box-shadow: 0 0 0 3px rgba(79,70,229,.2); }
.accordion-button::after { filter: none; }