/* Compact scan view: one headword per row, details only for the selected word. */
.vq-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}
.vq-switch{display:inline-flex;padding:3px;background:var(--surface-2,#eeedf8);border-radius:9px;gap:2px}
.vq-switch button{background:transparent;border:0;padding:8px 12px;min-height:36px;border-radius:7px;color:var(--text-2,#616575);font-size:13px;cursor:pointer}
.vq-switch button[aria-pressed=true]{color:var(--primary,#5145ef);background:white;box-shadow:0 1px 4px #21243c12;font-weight:600}
.vq-hide{display:flex;align-items:center;gap:5px;font-size:12px;cursor:pointer;white-space:nowrap;min-height:44px}
.vq-hide input{width:17px;height:17px;accent-color:var(--primary,#5145ef)}
.vq-list{border:1px solid var(--border,#e3e6ef);border-radius:10px;background:var(--surface,#fff);overflow:hidden}
.vq-entry,.vq-list>.vq-row{border-bottom:1px solid var(--border,#e3e6ef)}.vq-entry:last-child,.vq-list>.vq-row:last-child{border-bottom:0}
.vq-row{display:grid;grid-template-columns:minmax(110px,27%) minmax(0,1fr) 44px;align-items:center;gap:10px;padding:0 10px 0 14px;min-height:44px}
.vq-word{color:var(--primary,#5145ef);font-family:inherit;font-size:14px;font-weight:500;line-height:1.35;border:0;background:none;text-align:left;padding:9px 0;min-height:44px;overflow-wrap:anywhere;cursor:pointer}
.vq-definition{font-size:13px;line-height:1.5;min-width:0;overflow-wrap:anywhere;padding:5px 0;color:var(--text,#202635)}
.vq-meaning{display:inline}.vq-meaning+.vq-meaning:before{content:' · ';color:var(--text-3,#7c8290)}
.vq-definition small{color:var(--text-3,#7c8290);font-size:11px;margin-right:5px}
.vq-actions{display:flex}.vq-actions button{width:44px;height:44px;border:0;border-radius:6px;background:transparent;color:var(--text-3,#7c8290);font-size:23px;cursor:pointer}
.vq-actions button:disabled{color:var(--primary,#5145ef);opacity:1}
.vq-reveal{font:inherit;color:var(--text-3,#7c8290);border:0;border-radius:5px;background:var(--surface-2,#f7f7fb);padding:5px 8px;cursor:pointer;min-height:34px;text-align:left}
.vq-reveal.revealed{color:var(--text,#202635);background:transparent;padding-left:0}
.vq-hint{color:var(--text-3,#7c8290);font-size:12px;margin:6px 0 8px}
.vq-family-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;font-size:13px}.vq-family-tools form{display:flex;gap:6px}
.vq-list button:focus-visible,.vq-logic-flow button:focus-visible{outline:2px solid #8580ff;outline-offset:-2px}
.vq-detail{padding:12px 14px 16px;background:var(--surface-2,#f8f8fe);font-size:13px;border-top:1px solid var(--border,#e3e6ef);line-height:1.65;overflow-wrap:anywhere}
.vq-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.vq-detail-head b{font-size:15px}.vq-detail-head button{min-width:44px;min-height:36px}
.vq-detail-sense+.vq-detail-sense{border-top:1px solid var(--border,#e3e6ef);margin-top:12px;padding-top:12px}
.vq-sense-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;font-weight:600}
.vq-sense-heading .ac-audio{width:44px;height:44px}
.vq-detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vq-detail-actions button{min-height:36px}.vq-detail-actions small{color:var(--text-3)}
.vq-detail p{margin:6px 0}.vq-detail .answer-source,.vq-detail .answer-note{font-size:12px}.vq-detail .answer-phrase{margin-top:8px}.vq-detail .answer-sentence{font-size:14px;line-height:1.65}
.vq-detail .logic-teaching{margin-top:8px}.vq-detail .logic-example{padding:12px}.vq-detail .logic-example p{font-size:14px}.vq-detail .logic-chain{font-size:12px}
.vq-detail-coll{color:var(--primary)}.vq-detail-syn{margin-top:8px}
.vq-logic-category{padding:14px 16px;background:white;border:1px solid var(--border);border-radius:10px;margin-bottom:12px}
.vq-logic-category h2{font-size:15px;margin:0 0 8px;color:var(--text)}
.vq-logic-group+.vq-logic-group{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}
.vq-logic-group h3{font-size:12px;font-weight:500;color:var(--text-2);margin:0 0 5px}.vq-logic-group h3 small{font-size:11px;margin-left:5px;color:var(--text-3)}
.vq-logic-flow{display:flex;flex-wrap:wrap;gap:2px 7px;align-items:flex-start}
.vq-logic-chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;max-width:100%;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:var(--surface-2,#f7f7fb);color:var(--primary);font-size:14px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;cursor:pointer}
.vq-logic-chip[aria-expanded=true]{background:var(--primary-soft);border-color:var(--primary)}.vq-logic-chip small{font-size:11px}.vq-logic-chip .vq-logic-zh{color:var(--text-2);font-size:12px;font-weight:400;margin-top:3px}
.vq-logic-selected{margin-top:10px}.vq-logic-collect{font-size:12px;margin:4px 0 8px;min-height:40px}.vq-logic-selected .vq-detail{border:1px solid var(--border);border-radius:8px}
.answer-example+.answer-example{border-top:1px solid var(--border,#e3e6ef);padding-top:16px;margin-top:16px}.answer-example-tools{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}.vq-legacy-notice{padding:16px;border:1px solid #d5d0ff;border-radius:12px;background:#efedff;margin:16px 0}.vq-legacy-notice a{font-weight:bold;color:#5145ef}
/* Compress the scan view's surrounding controls as well as the words. */
.ac-quick-mode .ac-breadcrumb{margin-bottom:10px}.ac-quick-mode .ac-title-row,.vq-family-page .ac-title-row{margin-bottom:8px;gap:8px}
.ac-quick-mode .page-title,.vq-family-page .page-title{font-size:21px}.ac-quick-mode .page-desc{display:none}
.ac-quick-mode .ac-section-head{margin-bottom:8px}.ac-quick-mode .ac-tabs button{padding:8px 12px;font-size:12px;min-height:40px}
.ac-quick-mode .ac-toolbar{margin:8px 0;gap:8px}.ac-quick-mode .ac-toolbar form{gap:6px;min-width:0}.ac-quick-mode .input{padding:8px 10px;min-height:40px;font-size:13px}
.ac-quick-mode .ac-catalog-progress{margin:8px 0;font-size:12px}.ac-quick-mode .ac-book-intro{display:none}
.ac-quick-mode .ac-summary{padding:10px 0;margin:10px 0}.ac-quick-mode .ac-summary b{font-size:18px}.ac-quick-mode .ac-summary .ac-goal{display:none}
.ac-quick-mode .logic-picker{margin:8px 0}.ac-quick-mode .logic-picker select{width:auto;max-width:100%}
@media(max-width:720px){
 .vq-row{grid-template-columns:minmax(0,32%) minmax(0,1fr) 44px;gap:6px;padding:0 5px 0 10px}.vq-actions button{width:44px}.vq-word{font-size:14px}.vq-definition{font-size:13px}.vq-toolbar{gap:5px}.vq-switch button{padding:8px 10px}
 .vq-family-tools{flex-wrap:wrap}.vq-family-tools form{width:100%}.vq-family-tools input.input{min-width:0;width:100%}
 .vq-logic-category{padding:12px}.vq-logic-flow{gap:3px 5px}.vq-logic-chip{padding:7px 8px}
 .ac-quick-mode .ac-title-row{flex-wrap:nowrap;align-items:center}.ac-quick-mode .ac-title-row .page-title{font-size:18px;line-height:1.35}.ac-quick-mode .ac-title-row .ac-actions{width:auto;flex-wrap:nowrap;gap:5px;margin:0}.ac-quick-mode .ac-title-row .ac-actions .btn-primary{padding:8px;font-size:11px}.ac-quick-mode .ac-title-row .ac-actions .btn-ghost{padding:8px}
 .ac-quick-mode .ac-toolbar{flex-wrap:wrap}.ac-quick-mode .ac-toolbar form{flex-basis:100%}.ac-quick-mode .ac-toolbar label{font-size:12px}.ac-quick-mode .ac-tabs button{padding:8px 6px}.ac-quick-mode .ac-summary{grid-template-columns:repeat(4,1fr)}
 .ac-quick-mode .ac-levels{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.ac-quick-mode .ac-level span{display:none}.ac-quick-mode .ac-level,.ac-quick-mode .ac-level.selected{padding:7px 3px;min-height:40px}.ac-quick-mode .ac-intro-line{font-size:12px;margin-bottom:8px}
}

.vq-family-tools form button{flex-shrink:0;white-space:nowrap;font-size:13px;padding:8px 12px}.vq-family-tools input.input{margin:0;font-size:13px;padding:8px 10px;min-height:40px}
/* Answer-word scan controls: keep the list dense, with one shared sorting/filter row. */
.vq-answer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;font-size:13px}
.vq-answer-tools>.vq-switch{margin-left:auto}.vq-answer-tools>.btn-ghost{font-size:12px;min-height:38px;padding:7px 10px}
.vq-frequency{position:relative}.vq-frequency summary{cursor:pointer;padding:9px 12px;border:1px solid var(--border);background:var(--surface,#fff);border-radius:8px;min-height:38px;box-sizing:border-box;max-width:220px;overflow-wrap:anywhere}
.vq-frequency-menu{position:absolute;z-index:10;top:100%;left:0;width:240px;max-width:75vw;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface,#fff);box-shadow:0 4px 12px #0001}
.vq-frequency-options{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;max-height:240px;overflow:auto}.vq-frequency-options label{display:flex;align-items:center;gap:4px;min-height:40px;font-size:13px;cursor:pointer}.vq-frequency-options input{accent-color:var(--primary)}
.vq-row.vq-frequency-row{grid-template-columns:minmax(110px,27%) minmax(0,1fr) 52px 44px}.vq-frequency-count{text-align:right;font-size:12px;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.vq-row.vq-frequency-row.vq-picking-row{grid-template-columns:22px minmax(110px,25%) minmax(0,1fr) 52px 44px}.vq-row>input{width:17px;height:17px;accent-color:var(--primary)}
.vq-actions button[aria-pressed=true]{color:var(--primary)}
@media(max-width:720px){.vq-row.vq-frequency-row{grid-template-columns:minmax(0,29%) minmax(0,1fr) 38px 36px;gap:5px}.vq-row.vq-frequency-row.vq-picking-row{grid-template-columns:20px minmax(0,26%) minmax(0,1fr) 36px 32px}.vq-frequency-row .vq-actions button{width:36px}.vq-answer-tools{gap:5px}.vq-answer-tools .vq-switch button{padding:8px;font-size:12px}.vq-answer-tools .vq-switch{margin-left:0}.vq-frequency summary{max-width:150px;font-size:12px;padding:9px}.vq-picking-row .vq-actions button{width:32px}}

.vq-simple-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;font-size:12px}.vq-simple-status label{display:flex;align-items:center;gap:6px;min-height:36px}.vq-simple-status input{accent-color:var(--primary);width:16px;height:16px}.vq-simple-status button{font-size:12px;padding:7px 10px;min-height:36px}.ac-toolbar #acAnswerRange{width:auto;flex-shrink:0;max-width:140px}

.vq-frequency-row .vq-actions{align-items:center;gap:4px;justify-content:flex-end}
.vq-row.vq-frequency-row{grid-template-columns:minmax(110px,25%) minmax(0,1fr) 52px 110px}
.vq-row.vq-frequency-row.vq-picking-row{grid-template-columns:22px minmax(110px,23%) minmax(0,1fr) 52px 110px}
.vq-actions button.vq-master{width:auto;min-width:64px;height:36px;padding:0 7px;font-size:12px;white-space:nowrap;background:var(--surface-2,#f7f7fb);color:var(--text-2);border:1px solid var(--border);border-radius:7px}
.vq-actions button.vq-master:disabled{color:var(--text-3);background:transparent;border-color:transparent;cursor:default}
@media(max-width:720px){
 .vq-row.vq-frequency-row{grid-template-columns:minmax(0,1fr) 38px 110px;gap:0 7px;padding:4px 9px 8px}
 .vq-frequency-row .vq-word{grid-column:1;grid-row:1;min-height:40px;padding:6px 0}
 .vq-frequency-row .vq-frequency-count{grid-column:2;grid-row:1}
 .vq-frequency-row .vq-actions{grid-column:3;grid-row:1}
 .vq-frequency-row .vq-definition{grid-column:1/-1;grid-row:2;padding:0;line-height:1.45}
 .vq-frequency-row .vq-actions button{height:40px}
 .vq-row.vq-frequency-row.vq-picking-row{grid-template-columns:20px minmax(0,1fr) 38px 110px}
 .vq-picking-row>input{grid-column:1;grid-row:1}
 .vq-picking-row .vq-word{grid-column:2}.vq-picking-row .vq-frequency-count{grid-column:3}.vq-picking-row .vq-actions{grid-column:4}.vq-picking-row .vq-definition{grid-column:2/-1}
}

/* Icon-only mastery control retains a comfortable touch target. */
.vq-row.vq-frequency-row{grid-template-columns:minmax(110px,25%) minmax(0,1fr) 52px 92px}
.vq-row.vq-frequency-row.vq-picking-row{grid-template-columns:22px minmax(110px,23%) minmax(0,1fr) 52px 92px}
.vq-frequency-row .vq-actions button,.vq-frequency-row .vq-actions button.vq-master{width:44px;min-width:44px;height:44px;padding:0}
.vq-actions button.vq-master{font-size:19px;background:transparent;border:0;color:var(--text-3)}
.vq-actions button.vq-master:disabled{color:var(--primary)}
.vq-master-guide .vq-hint{padding:0 10px 8px;margin:0}
@media(max-width:720px){.vq-row.vq-frequency-row{grid-template-columns:minmax(0,1fr) 38px 92px}.vq-row.vq-frequency-row.vq-picking-row{grid-template-columns:20px minmax(0,1fr) 38px 92px}}
