/* Illustrated service picker. Scoped to enhanced cards only. */
.categories-grid.categories-grid--illustrated {
    grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
    gap:16px;
}
.category-card.category-card--illustrated {
    display:flex; align-items:center; gap:16px; text-align:left;
    padding:20px 18px !important; min-height:172px; height:auto;
    border-radius:14px; box-shadow:none;
}
.category-card--illustrated .category-card__icon {
    flex:0 0 112px; width:112px; height:128px; margin:0;
    background:transparent !important; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    transform:none !important;
}
.category-card__image { display:block; width:100%; height:100%; object-fit:contain; border-radius:8px; }
.category-card__copy { flex:1; min-width:0; padding-top:8px; }
.category-card--illustrated .category-card__name { font-size:16px; line-height:1.4; margin:0 0 7px; overflow-wrap:anywhere; }
.category-card--illustrated .category-card__desc { font-size:13px; line-height:1.5; margin:0; color:var(--text-secondary,#536071); }
.category-card--illustrated .wideformat-subsection-meta { margin-top:7px; }
.category-card.category-card--illustrated::after { top:16px; right:18px; height:2px; width:18px; }
.category-card.category-card--illustrated:focus-visible { outline:3px solid var(--accent,#ff5a00); outline-offset:3px; }
.category-card.category-card--illustrated.is-selected .category-card__desc { color:#d4dbe2; }
.category-card.category-card--illustrated.is-entering { animation:none; }
.category-card--image-error .category-card__icon svg { width:40px; height:40px; }
@media (max-width:600px) {
    .categories-grid.categories-grid--illustrated { grid-template-columns:1fr; gap:12px; }
    .category-card.category-card--illustrated { min-height:126px; gap:14px; padding:14px !important; }
    .category-card--illustrated .category-card__icon { flex-basis:88px; width:88px; height:96px; }
    .category-card--illustrated .category-card__name { font-size:15px; }
}
@media (prefers-reduced-motion:reduce) {
    .category-card.category-card--illustrated,
    .category-card.category-card--illustrated::before,
    .category-card.category-card--illustrated::after { transition:none !important; animation:none !important; }
    .category-card.category-card--illustrated:hover { transform:none; }
}