body { background-color: #f8f9fa; }
#results .result-card { border: 1px solid #dee2e6; border-radius: .75rem; padding: .9rem 1rem; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); transition: transform .12s ease, box-shadow .12s ease; }
#results .result-card:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,.06); }
#results .result-card .name { font-weight: 600; letter-spacing: .01em; text-align: center; display: block; }

/* Visual variants like the example tool */
#results .result-card .name.variant-uppercase { text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
#results .result-card .name.variant-bold { font-weight: 800; letter-spacing: -.01em; }
#results .result-card .name.variant-title { text-transform: capitalize; font-weight: 600; }
#results .result-card .name.variant-smallcaps { font-variant: small-caps; letter-spacing: .08em; }

/* Controls */
#results .more-btn { display: inline-block; padding: .5rem .9rem; border: 1px solid #ced4da; border-radius: 999px; background: #fff; color: #212529; cursor: pointer; }
#results .more-btn:hover { background: #f1f3f5; }
/* Favourites */
.fav-btn { display: inline-block; padding: .25rem .6rem; border: 1px solid #ced4da; border-radius: 999px; background: #fff; color: #c92a2a; font-weight: 600; cursor: pointer; }
.fav-btn:hover { background: #fff5f5; }
.fav-btn.saved { background: #ffe3e3; border-color: #faa2a2; color: #a61e4d; }

/* Advertising slots */
.ad-inline { border: 2px dashed #adb5bd; background: #f8f9fa; color: #6c757d; }
.ad-inline .label { font-weight: 600; letter-spacing: .02em; }
.ad-sidebar { border: 2px dashed #adb5bd; background: #f8f9fa; color: #6c757d; margin-bottom: 1rem; }
.ad-sidebar .label { font-weight: 600; letter-spacing: .02em; }
.sticky { position: sticky; top: 1rem; }
@media (max-width: 991px) { .sticky { position: static; } }