/* Keep the search field above the hobby choices visible below the sticky header. */
.catalog-hobbies { margin:0 0 24px; border-block:1px solid var(--line); scroll-margin-top:230px; }
.catalog-hobbies summary { padding:16px 0; min-height:48px; color:var(--ink); cursor:pointer; font:650 16px/1.4 Inter,system-ui,sans-serif; }
.catalog-hobbies summary::marker { color:var(--ember); }
.catalog-hobby-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:0 0 16px; }
.catalog-hobby-options button { display:flex; align-items:center; gap:10px; min-width:0; min-height:56px; padding:12px; border:1px solid var(--line); border-radius:6px; background:#151713; color:var(--ink); text-align:left; font:600 14px/1.4 Inter,system-ui,sans-serif; cursor:pointer; }
.catalog-hobby-options img { width:24px; height:24px; object-fit:contain; flex:none; }
.catalog-hobby-options span { overflow-wrap:anywhere; }
.catalog-hobby-options button[aria-pressed=true] { border-color:var(--ember); background:#291c11; }
.catalog-hobbies :focus-visible { outline:2px solid var(--ember); outline-offset:3px; }
.catalog-hobby-search { display:grid; gap:8px; max-width:600px; margin:0 0 16px; font:500 14px/1.4 Inter,system-ui,sans-serif; }
.catalog-hobby-search input { width:100%; min-height:44px; padding:12px; border:1px solid var(--line); border-radius:6px; background:#151713; color:var(--ink); font:inherit; }
.catalog-hobbies [hidden] { display:none!important; }
@media(max-width:700px) {
  .catalog-hobby-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-hobby-options button:first-child { grid-column:1 / -1; min-height:44px; }
}