.catalog-actions,.catalog-controls {display:flex; flex-wrap:wrap; align-items:end; gap:.7rem 1rem; margin-top:1rem}
.catalog-controls label {display:grid; gap:.35rem; flex:1 1 10rem; font-size:.82rem; color:#bbd1e5}
.catalog-controls select {max-width:100%; min-width:0; padding:.55rem .65rem; background:#10223a; color:#f1f9ff; border:1px solid #435c77; border-radius:.45rem; font:inherit}
.catalog-card .card-foot {flex-wrap:wrap; gap:.65rem}
.catalog-card .catalog-fact {display:block; font-size:.77rem; line-height:1.5; color:#c2d7eb; margin-bottom:.55rem}
.catalog-fact strong {color:#ecf8ff; font-weight:600}
.catalog-card .catalog-official {font-size:.72rem; color:#b4d9f0}
.catalog-icon {display:inline-grid; place-items:center; width:2.35rem; height:2.35rem; flex:none; border-radius:.55rem; border:1px solid #486184; background:#15243b; color:#e2f2ff; font-size:.92rem; font-weight:700; overflow:hidden}
.catalog-icon>* {grid-area:1/1}
.catalog-icon img {width:1.65rem; height:1.65rem; object-fit:contain; background:#eff7ff; border-radius:.25rem}
.catalog-icon img[hidden] {display:none}
.catalog-new ul {display:flex; flex-wrap:wrap; gap:.55rem; padding:0; list-style:none}
.catalog-new a {display:block; padding:.35rem .6rem; border:1px solid #334d6e; border-radius:.4rem; color:#a0ebdf}
.catalog-profile-hero {max-width:58rem; padding:1.1rem 0}
.catalog-profile-hero h1 {font-size:clamp(2.3rem,6vw,5rem); overflow-wrap:anywhere}
.catalog-profile .q-section {padding-top:1.75rem}
.catalog-profile .q-section h2 {margin-bottom:.9rem}
@media (max-width:480px) {
  .topbar .header-end>.intl-switch-header {display:none}
}