/* AW Chinese V9.6 — vocabulary page rebuilt with separate table/card layouts. */
.aw96-vocab{--v-ink:#13233a;--v-muted:#53657d;--v-line:#d9e3f0;--v-panel:#fff;--v-soft:#f4f7fb;color:var(--v-ink)}
.aw96-vocab *{box-sizing:border-box}.aw96-header{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 0 22px}.aw96-eyebrow{color:#2858b9;letter-spacing:.11em;font-size:11px;font-weight:800}.aw96-header h1{font-weight:850;letter-spacing:-.035em;font-size:clamp(26px,3vw,38px);margin:5px 0}.aw96-header p{color:var(--v-muted);font-size:14px;margin:4px 0}.aw96-practice{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:13px 19px;background:#2455d6;border-radius:12px;color:white!important;font-weight:750;text-decoration:none;min-height:48px;gap:12px}.aw96-practice:hover{background:#183d9d}.aw96-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.aw96-summary-cell{background:var(--v-panel);border:1px solid var(--v-line);border-radius:15px;padding:18px;min-width:0}.aw96-summary-cell span{display:block;font-size:12px;color:var(--v-muted);margin-bottom:7px}.aw96-summary-cell strong{display:block;font-size:26px;color:var(--v-ink);font-variant-numeric:tabular-nums}.aw96-summary-cell.aw96-attention{border-left:4px solid #d77728;background:#fffaf4}.aw96-workspace{background:var(--v-panel);border:1px solid var(--v-line);border-radius:20px;padding:21px;box-shadow:0 12px 32px rgba(20,43,79,.045)}.aw96-tools{display:grid;grid-template-columns:minmax(250px,2.1fr) minmax(155px,1fr) minmax(125px,.75fr);gap:12px;align-items:end}.aw96-tools>label,.aw96-view{display:flex;flex-direction:column;gap:6px;min-width:0}.aw96-tools span{font-size:12px;font-weight:750;color:var(--v-ink)}.aw96-tools input,.aw96-tools select{height:46px;border:1px solid #b9c8db!important;border-radius:10px!important;background:var(--v-panel)!important;color:var(--v-ink)!important;padding:0 13px;width:100%;min-width:0;outline-offset:2px}.aw96-tools input:focus,.aw96-tools select:focus{outline:2px solid #2455d6}.aw96-options{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--v-line)}.aw96-toggles{display:flex;gap:18px;flex-wrap:wrap}.aw96-toggles label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--v-muted)}.aw96-toggles input{accent-color:#2455d6;width:16px;height:16px}.aw96-clear{border:0;background:transparent;color:#2455d6;font-weight:750;cursor:pointer;padding:8px}.aw96-list-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:17px 0 10px;font-size:13px;color:var(--v-muted)}.aw96-list-meta p{margin:0}.aw96-table{border:1px solid var(--v-line);border-radius:13px;overflow:hidden}.aw96-table .aw96-word{display:grid;grid-template-columns:43px minmax(145px,1.1fr) minmax(155px,1.4fr) minmax(135px,.95fr) minmax(155px,.9fr);align-items:center;gap:12px;padding:13px 16px;background:var(--v-panel);border-bottom:1px solid var(--v-line)}.aw96-table .aw96-word:last-child{border-bottom:0}.aw96-word:hover{background:var(--v-soft)}.aw96-index{color:var(--v-muted);font-size:12px;font-variant-numeric:tabular-nums}.aw96-zh{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.aw96-zh strong{font-family:'Noto Sans SC',sans-serif;font-size:27px;line-height:1.3;color:var(--v-ink)}.aw96-pinyin{border:0;background:transparent;color:#2659b8;font-size:13px;cursor:pointer;padding:4px 0;text-align:left}.aw96-meaning{font-size:13px;line-height:1.55;color:var(--v-ink);margin:0;overflow-wrap:anywhere}.aw96-status{display:inline-flex;align-items:center;width:max-content;max-width:100%;font-size:11px;font-weight:750;padding:6px 9px;border-radius:7px;background:#e8eef9;color:#21498e}.aw96-status[data-status=DUE]{background:#fff1db;color:#92540a}.aw96-status[data-status=RECOVERY]{background:#ffe8e4;color:#9d3226}.aw96-status[data-status=LEARNING]{background:#e9e9fc;color:#4a3caa}.aw96-status[data-status=ON_TRACK]{background:#e2f6eb;color:#18713e}.aw96-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.aw96-actions button{background:var(--v-soft);border:1px solid var(--v-line);border-radius:9px;padding:9px;color:var(--v-ink);cursor:pointer;min-height:38px;white-space:nowrap;font-size:12px}.aw96-actions button:hover{border-color:#2455d6;color:#2455d6}.aw96-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:13px}.aw96-cards .aw96-word{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:17px;border:1px solid var(--v-line);background:var(--v-panel);border-radius:15px;min-height:208px}.aw96-cards .aw96-zh strong{font-size:35px}.aw96-cards .aw96-meaning{flex:1}.aw96-cards .aw96-actions{width:100%;justify-content:space-between;border-top:1px solid var(--v-line);padding-top:11px}.aw96-empty{text-align:center;padding:46px 12px;color:var(--v-ink)}.aw96-empty p{color:var(--v-muted);font-size:13px}.aw96-empty button{background:#2455d6;color:white;border:0;border-radius:9px;padding:10px 14px;cursor:pointer}.aw96-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:17px;border-top:1px solid var(--v-line)}.aw96-pagination button{min-height:42px}.aw96-help{margin-top:16px;padding:15px 19px;border:1px solid #d9e3f0;border-radius:12px;color:var(--v-muted);background:#f9fbff;font-size:13px}.aw96-help summary{font-weight:750;color:var(--v-ink);cursor:pointer}.aw96-help p{line-height:1.8;margin:10px 0 0}
html.dark .aw96-vocab,html[data-theme=dark] .aw96-vocab{--v-ink:#f1f5ff;--v-muted:#c5d2e4;--v-line:#43556d;--v-panel:#202d40;--v-soft:#2a3b51}html.dark .aw96-summary-cell.aw96-attention,html[data-theme=dark] .aw96-summary-cell.aw96-attention{background:#362f29}html.dark .aw96-pinyin,html[data-theme=dark] .aw96-pinyin{color:#9cc2ff}html.dark .aw96-status,html[data-theme=dark] .aw96-status{color:#17263d}html.dark .aw96-help,html[data-theme=dark] .aw96-help{background:#202d40;border-color:#43556d}
@media(max-width:1000px){.aw96-table .aw96-word{grid-template-columns:28px minmax(110px,1.1fr) minmax(120px,1.1fr) minmax(110px,.9fr);gap:9px}.aw96-table .aw96-actions{grid-column:4;justify-content:flex-start}.aw96-table .aw96-status{grid-column:3;grid-row:2}.aw96-table .aw96-meaning{grid-column:3;grid-row:1}.aw96-table .aw96-zh{grid-row:span 2}}
@media(max-width:680px){.aw96-header{align-items:stretch;flex-direction:column;gap:12px}.aw96-practice{width:100%}.aw96-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.aw96-summary-cell{padding:13px}.aw96-summary-cell strong{font-size:23px}.aw96-workspace{padding:14px;border-radius:15px}.aw96-tools{grid-template-columns:1fr 1fr;gap:10px}.aw96-search{grid-column:1/-1}.aw96-table .aw96-word{grid-template-columns:25px minmax(75px,1fr) minmax(110px,1.4fr);gap:8px;padding:13px 9px}.aw96-table .aw96-word .aw96-zh{grid-column:2;grid-row:1 / span 2}.aw96-table .aw96-word .aw96-meaning{grid-column:3;grid-row:1}.aw96-table .aw96-word .aw96-status{grid-column:3;grid-row:2}.aw96-table .aw96-word .aw96-actions{grid-column:2 / -1;grid-row:3;justify-content:flex-end}.aw96-table .aw96-zh strong{font-size:23px}.aw96-table .aw96-action-label{display:none}.aw96-list-meta{align-items:flex-start;flex-direction:column}.aw96-toggles{gap:10px}.aw96-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.aw96-cards .aw96-word{padding:12px;min-height:195px}.aw96-cards .aw96-zh strong{font-size:28px}.aw96-cards .aw96-actions{flex-wrap:wrap}.aw96-cards .aw96-actions button{padding:8px;font-size:11px}.aw96-pagination button{font-size:12px;padding:9px}}
@media(max-width:400px){.aw96-cards{grid-template-columns:1fr}.aw96-tools{grid-template-columns:1fr}.aw96-search{grid-column:auto}}

/* V9.6.1: exactly 3 cards per row on wide screens, 9 cards/page (JS). */
.aw96-vocab .aw96-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.aw96-vocab .aw96-cards .aw96-word{min-width:0;min-height:210px}
.aw96-vocab .aw96-cards .aw96-actions button[data-open]{font-weight:750;color:#1747a0;background:#edf4ff;border-color:#b4caf2}
@media(max-width:750px){.aw96-vocab .aw96-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:350px){.aw96-vocab .aw96-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.aw96-vocab .aw96-cards .aw96-word{padding:9px}.aw96-vocab .aw96-cards .aw96-actions{gap:4px}.aw96-vocab .aw96-cards .aw96-actions button{font-size:10px;padding:6px}}

/* V9.7 table: consistent reading order without changing card pagination. */
.aw97-table-head,.aw96-table .aw96-word{grid-template-columns:38px minmax(130px,1fr) minmax(140px,1.5fr) minmax(100px,1fr) 165px;gap:12px;padding:14px 16px}.aw97-table-head{display:grid;background:var(--v-soft);font-size:12px;font-weight:750;color:var(--v-muted);border-bottom:1px solid var(--v-line)}.aw96-table .aw96-word>*{grid-column:auto;grid-row:auto;min-width:0}.aw96-table .aw96-status{white-space:normal;width:auto;justify-self:start}.aw96-table .aw96-actions{justify-content:flex-end}.aw96-actions button{min-height:44px;min-width:44px}.aw96-table .aw96-word:focus-within{background:var(--v-soft);box-shadow:inset 3px 0 #2455d6}.aw96-actions button:focus-visible{outline:3px solid #58b5f5;outline-offset:2px}
@media(max-width:1100px){.aw97-table-head{display:none}.aw96-table .aw96-word{grid-template-columns:28px minmax(105px,.85fr) minmax(120px,1.4fr);gap:10px}.aw96-table .aw96-word .aw96-index{grid-area:1/1}.aw96-table .aw96-word .aw96-zh{grid-area:1/2/3/3}.aw96-table .aw96-word .aw96-meaning{grid-area:1/3}.aw96-table .aw96-word .aw96-status{grid-area:2/3}.aw96-table .aw96-word .aw96-actions{grid-area:3/2/4/4;justify-content:flex-end}}
@media(max-width:450px){.aw96-table .aw96-word{grid-template-columns:20px minmax(75px,.8fr) minmax(0,1.2fr);gap:8px;padding:13px 8px}.aw96-table .aw96-zh strong{font-size:25px;overflow-wrap:anywhere}.aw96-table .aw96-meaning{font-size:14px}.aw96-table .aw96-actions button{font-size:12px}.aw96-table .aw96-zh{max-width:100%}}