/* Compact native disclosures retain the saved definitions and example links. */
.cl-type-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:12px}
.cl-type-list:empty{display:none}
.cl-type-dropdown{min-width:0;border:1px solid var(--ctp-surface1);border-radius:10px;background:var(--ctp-base);overflow:hidden}
.cl-type-dropdown>summary{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:5px 8px;min-height:92px;padding:12px;list-style:none;cursor:pointer;color:var(--ctp-text)}
.cl-type-dropdown>summary::-webkit-details-marker{display:none}
.cl-type-dropdown>summary:hover{background:color-mix(in srgb,var(--ctp-mauve) 3%,var(--ctp-base))}
.cl-type-dropdown>summary:focus-visible{outline:2px solid var(--ctp-mauve);outline-offset:-3px;border-radius:7px}
.cl-type-symbol{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px}
.cl-type-symbol :is(img,svg){width:22px;height:22px;object-fit:contain}
.cl-type-name{font-size:13px;font-weight:600;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.cl-type-count{grid-column:2/4;grid-row:2;display:inline-flex;gap:5px;align-items:baseline;color:var(--ctp-subtext0);font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cl-type-count b{font-weight:500}.cl-type-count.has-examples b{color:var(--ctp-mauve);font-weight:650}
.cl-type-chevron{grid-column:3;grid-row:1;width:16px;height:16px;color:var(--ctp-subtext0);transition:transform .15s}
.cl-type-dropdown[open]>summary{background:color-mix(in srgb,var(--ctp-mauve) 4%,var(--ctp-base))}
.cl-type-dropdown[open] .cl-type-chevron{transform:rotate(180deg)}
.cl-type-body{padding:3px 12px 14px;background:color-mix(in srgb,var(--ctp-mauve) 2%,var(--ctp-base))}
.cl-type-method{font-size:11px;color:var(--ctp-subtext0)}
.cl-type-body>p{margin:8px 0 12px;max-width:90ch;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ctp-text)}
.cl-type-details{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--ctp-subtext0)}
.cl-type-examples{display:inline-flex;align-items:center;gap:8px;min-height:32px;margin-top:10px;font-size:12px;font-weight:550;color:var(--ctp-mauve);text-decoration:none}
.cl-type-examples:hover{text-decoration:underline}.cl-type-examples:focus-visible{outline:2px solid var(--ctp-mauve);outline-offset:3px}
@media(max-width:1100px){.cl-type-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.cl-type-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:480px){.cl-type-list{grid-template-columns:minmax(0,1fr)}.cl-type-dropdown>summary{min-height:76px}.cl-type-examples{min-height:40px}}
@media(prefers-reduced-motion:reduce){.cl-type-chevron{transition:none}}

/* Shared Oasis menus replace OS-native filter menus on the directory. */
.cl-filter-field .cl-filter-select{width:100%;min-width:180px}
.cl-filter-field .cl-filter-select .st-table-select-trigger{min-height:40px;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500}
.cl-filter-select .st-table-select-trigger[aria-expanded=true]{color:var(--ctp-mauve);border-color:var(--ctp-mauve);background:color-mix(in srgb,var(--ctp-mauve) 5%,var(--ctp-base))}
.cl-filter-select .st-table-select-trigger[aria-expanded=true]>svg{color:var(--ctp-mauve)}
.cl-filter-select .st-table-select-trigger:focus-visible{outline:2px solid var(--ctp-mauve);outline-offset:2px}
.cl-filter-select-menu{border-radius:10px}
.cl-filter-select-menu .st-label-options button[aria-selected=true]{color:var(--ctp-mauve);background:color-mix(in srgb,var(--ctp-mauve) 9%,var(--ctp-base))}
.cl-filter-select-menu .st-label-options button:focus-visible,.cl-filter-select-menu .st-label-menu-heading button:focus-visible{outline-color:var(--ctp-mauve)}