.question-filters label { display:grid; gap:6px; min-width:0; font-weight:700; }
.basic-filters { display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:12px; align-items:end; }
.advanced-filters { margin-top:14px; } .advanced-filters > summary { display:inline-block; cursor:pointer; color:var(--blue-700); padding:6px 0; } .advanced-filters[open] > summary { margin-bottom:12px; }
.filter-toolbar, #filter-tags, .list-toolbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.filter-toolbar { justify-content:space-between; margin-top:10px; } #filter-tags button { min-height:32px; font-size:.8rem; padding:6px 10px; border-radius:999px; }
.list-toolbar { justify-content:space-between; } .list-toolbar p { margin:12px 0; font-size:.82rem; }
.bank-card { padding:16px 18px; margin:12px 0; background:white; border:1px solid var(--line); border-radius:14px; }
.bank-card:nth-child(even) { background:#fffdf5; }
.bank-card-head { display:flex; align-items:center; gap:10px; } .bank-card-head .eyebrow { margin:0; flex:1; font-size:.75rem; }
.bank-card .question-stem { margin:10px 0 6px; font-size:.95rem; }
.stem-clamped { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.bank-card-meta { display:flex; gap:6px 14px; flex-wrap:wrap; color:var(--ink-soft); font-size:.78rem; }
.bank-card-footer { display:flex; gap:6px; align-items:center; flex-wrap:wrap; margin-top:9px; }
.bank-card .icon-button { width:38px; height:38px; min-height:38px; padding:8px; border:1px solid #d3deec; border-radius:9px; box-shadow:none; background:var(--blue-50); color:var(--blue-700); }
.bank-card svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.bank-card .answer-toggle { min-height:36px; font-size:.8rem; padding:7px 12px; } .bank-card .answer-content { margin-top:12px; }
.bank-card .stem-toggle { min-height:30px; font-size:.78rem; padding:4px 0; }
.card-menu { position:relative; margin-left:auto; } .card-menu summary { display:flex; list-style:none; cursor:pointer; align-items:center; justify-content:center; } .card-menu summary::-webkit-details-marker { display:none; }
.card-menu-panel { position:absolute; right:0; bottom:42px; z-index:5; display:grid; width:156px; padding:6px; background:white; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow-md); }
.card-menu-panel button { justify-content:flex-start; padding:10px; background:white; color:var(--ink); border:0; box-shadow:none; font-size:.85rem; }
.selection-bar { position:sticky; top:90px; z-index:10; display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:10px 14px; border:1px solid #bfd2e9; background:#eaf3ff; border-radius:12px; }
.selection-bar span { flex:1; } .selection-bar button { font-size:.8rem; }
@media(max-width:650px) { .basic-filters { grid-template-columns:1fr 1fr; gap:10px; } .basic-filters label:first-child { grid-column:1/-1; } .basic-filters button { grid-column:1/-1; } .bank-card { padding:14px; } .bank-card-head .eyebrow { line-height:1.5; } .list-toolbar { gap:0; } .list-toolbar #bank-updated { margin-top:0; } }