/* Catalog uses Material outlined fields and selected filter chips. */
.catalog-course-info{display:grid;gap:8px;margin-top:12px;padding:16px;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);color:var(--muted);font:var(--md-sys-typescale-body-medium);overflow-wrap:anywhere}
.catalog-course-info a{color:var(--deep);font-weight:650;text-underline-offset:.2em;min-height:44px;display:flex;align-items:center}
.catalog-field{min-width:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:var(--md-sys-shape-corner-large);background:var(--paper)}
.catalog-field legend{font:var(--md-sys-typescale-title-medium);padding:0 6px;max-width:100%;overflow-wrap:anywhere}
.catalog-chips{display:flex;flex-wrap:wrap;gap:8px}
.catalog-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid var(--primary);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-primary-container);color:var(--deep);font:var(--md-sys-typescale-label-large);text-align:left;cursor:pointer}
.catalog-chip span:first-child{min-width:0;overflow-wrap:anywhere}.catalog-chip span:last-child{flex:none;font-size:1.3em}
.catalog-count{font:var(--md-sys-typescale-body-medium);color:var(--muted);margin:12px 0}
.catalog-browser{min-width:0}.catalog-browser summary{padding:12px 16px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);background:var(--paper);color:var(--deep);font:var(--md-sys-typescale-label-large);cursor:pointer;min-height:48px;overflow-wrap:anywhere}
.catalog-browser[open] summary{margin-bottom:16px;background:var(--md-sys-color-surface-container-low)}.catalog-browser>label{display:block;font:var(--md-sys-typescale-label-large);margin-bottom:8px}
.catalog-browser input[type=search]{display:block;width:100%;min-width:0;min-height:52px;font-size:max(16px,1rem);padding:13px 14px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);color:var(--ink);background:var(--paper)}
.catalog-options{max-height:20rem;overflow:auto;overscroll-behavior:contain;margin-top:8px;scroll-padding:8px;padding:4px}
.catalog-options .catalog-option{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 8px;border-bottom:1px solid var(--line);font:var(--md-sys-typescale-body-large);cursor:pointer}
.catalog-option>span{min-width:0;overflow-wrap:anywhere}.catalog-option small{display:block;color:var(--muted);font:var(--md-sys-typescale-body-small)}
.catalog-options input[type=checkbox],.catalog-options input[type=radio]{flex:none;width:22px;height:22px;min-height:22px;margin:0;padding:0;accent-color:var(--primary)}
.catalog-option:has(input:checked){background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-small)}.catalog-option:has(input:disabled){opacity:.55;cursor:not-allowed}
.catalog-empty,.catalog-legacy{font:var(--md-sys-typescale-body-medium);color:var(--muted);overflow-wrap:anywhere}.catalog-legacy:not(:empty){display:block;margin-top:12px}
#course{width:100%;max-width:100%;min-width:0;text-overflow:ellipsis}
@media(max-width:360px){.catalog-field{padding:12px}}