/* Shared catalog controls: identical fields and category chips across browsing surfaces. */
body :is(.reference-page,.learning-shell--explorer){--catalog-control-height:44px;--catalog-control-radius:6px;--catalog-control-gap:12px;--catalog-control-active:color-mix(in srgb,var(--reading-accent) 9%,var(--reading-bg));}
body .reference-page :is(.hw-query,.llm-query,.at-search input){height:var(--catalog-control-height);min-height:var(--catalog-control-height);border:1px solid var(--reading-rule);border-radius:var(--catalog-control-radius);background:var(--reading-bg);font-size:14px;box-sizing:border-box}
body .reference-page :is(.hw-query input,.llm-query input){font-size:14px;height:100%;background:transparent}
body .reference-page :is(.hw-select,.llm-select,.at-type) .viz-select{height:var(--catalog-control-height);min-height:var(--catalog-control-height)}
body .reference-page :is(.hw-select,.llm-select,.at-type) :is(.viz-select-trigger,select){height:var(--catalog-control-height);min-height:var(--catalog-control-height);border:1px solid var(--reading-rule);border-radius:var(--catalog-control-radius);background:var(--reading-bg);font-size:14px;padding-inline:12px}
body .reference-page :is(.hw-toolbar,.llm-toolbar,.at-filters){gap:var(--catalog-control-gap)}
body .reference-page :is(.hw-select,.llm-select)>span:not(.viz-select){font-size:12px;color:var(--site-default-fg-color--light)}
body :is(.reference-page,.learning-shell--explorer) :is(.learn-filters button,[data-reference-tabs][data-reference-variant="pill"]>a){min-height:44px;padding:10px 12px;border-radius:6px;font-size:13px;line-height:22px;box-sizing:border-box}
body .learning-shell--explorer .learn-filters{gap:6px}
body .learning-shell--explorer .learn-filters::before,body .reference-page [data-reference-tabs][data-reference-variant="pill"]>.reference-tab-indicator{border-radius:6px;background:var(--catalog-control-active)}
body .learning-shell--explorer .learn-filters button.is-active,body .reference-page [data-reference-tabs][data-reference-variant="pill"]>a:is([aria-current],.is-current){color:var(--reading-accent)}
body .reference-page [data-reference-tabs][data-reference-variant="pill"]{gap:6px}
@media(max-width:700px){body :is(.reference-page,.learning-shell--explorer){--catalog-control-gap:10px}body .reference-page :is(.hw-query input,.llm-query input,.at-search input){font-size:16px}}