/* Warm orange category area; preserve the compact, horizontally scrolling layout. */
.category-showcase{background:#ff963f;border:1px solid #f4842c;border-radius:20px;padding:18px 16px 10px;margin-top:16px;min-width:0}
.category-showcase .section-title{margin-top:0}
.category-showcase h2,.category-showcase .section-kicker,.category-showcase .category-hint{color:#341600}
.category-showcase .btn.ghost{background:#fff4e9;border-color:#9b4000;color:#612900}
.category-showcase .category-card{background:#fff2e4;border:1px solid #e9a76f;color:#482100;box-shadow:none}
.category-showcase .category-card small{color:#73401d}
.category-showcase .category-card:hover{background:#fffaf5;border-color:#7b3000}
.category-showcase .category-card.active{background:#7b3000;color:#fff;border-color:#7b3000;box-shadow:inset 0 0 0 2px #fff}
.category-showcase .category-card.active small{color:#fff}
.category-showcase button:focus-visible{outline:3px solid #263e53;outline-offset:2px}
.category-showcase .category-cards{scrollbar-color:#7b3000 #ffd3af}
@media(max-width:820px){.category-showcase{padding:12px 10px 6px;border-radius:16px;margin-top:12px}.category-showcase .category-title-row{gap:6px}}

/* Leave about a third of the next card visible as a scrolling cue. */
@media(max-width:600px){.category-showcase .category-cards .category-card{flex:0 0 calc((100% - 30px)/3.35)!important;width:calc((100% - 30px)/3.35)!important;min-width:0!important}}
@media(min-width:601px) and (max-width:820px){.category-showcase .category-cards .category-card{flex:0 0 calc((100% - 50px)/5.35)!important;width:calc((100% - 50px)/5.35)!important;min-width:0!important}}