.recommended { padding: 20px 22px 22px; }
.recommended .section-head a { font-weight: 600; cursor: pointer; }
.recommended > #recommended-categories { gap: 12px !important; }
.category-tile { display: flex; align-items: center; gap: 11px; min-height: 76px; padding: 10px 12px; text-align: left; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.category-tile-icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 10px; background: #eaf3ff; color: #0868ed; font-size: 21px; font-weight: 700; }
.category-tile-copy { min-width: 0; display: grid; gap: 5px; flex: 1; }
.category-tile-copy b { color: #152e58; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.category-tile-copy small { color: #71809a; font-size: 10px; }
.category-tile-arrow { color: #0868ed; font-size: 22px; line-height: 1; }
.category-tile:hover { border-color: #9ec6ff; background: #f8fbff; box-shadow: 0 7px 18px rgba(8,104,237,.12); transform: translateY(-2px); }
.category-tile:focus-visible { outline: 3px solid #c4dcff; outline-offset: 2px; }