.grammar-badge{--grammar-ink:#c5cedf;--grammar-bg:#8d9ab218;display:inline-flex;align-items:center;text-align:left;max-width:100%;min-height:36px;margin:5px 0;padding:6px 10px;border:1px solid color-mix(in srgb,var(--grammar-ink) 34%,transparent);border-radius:12px;background:var(--grammar-bg);color:var(--grammar-ink);font:600 11px/1.4 Montserrat,system-ui,sans-serif;cursor:pointer;white-space:normal}
.grammar-present{--grammar-ink:#9dccff;--grammar-bg:#479cff16}.grammar-past{--grammar-ink:#ffc58d;--grammar-bg:#ff9f4016}.grammar-future{--grammar-ink:#d1b4ff;--grammar-bg:#a97bff16}.grammar-mixed{--grammar-ink:#8be1d2;--grammar-bg:#42cbb016}.grammar-other{--grammar-ink:#c5cedf;--grammar-bg:#8d9ab218}
.grammar-badge:focus-visible{outline:2px solid var(--grammar-ink);outline-offset:3px}.grammar-badge:hover{filter:brightness(1.1)}.hide-en .grammar-badge{visibility:hidden}
/* Grammar is secondary metadata; keep the text and translation together. */
.study-card>.card-top,.suggestion-card>.card-top,.focus-top{align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:0}
.study-card>.card-top>.tag-row,.focus-top>.tag-row{flex:1 1 110px;min-width:0;overflow-wrap:anywhere}
.suggestion-card>.card-top>.tag{min-width:0;max-width:100%;overflow-wrap:anywhere}
.card-meta-actions,.focus-top>.card-meta-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;max-width:100%;margin-left:auto;flex:0 1 auto}
.card-meta-actions>.fav,.card-meta-actions>.focus-close,.card-meta-actions>.round-btn{flex-shrink:0}
.grammar-badge.grammar-badge-compact{justify-content:flex-end;gap:5px;min-width:0;max-width:150px;min-height:44px;margin:0;padding:4px 6px;border:0;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--grammar-ink) 72%,var(--muted,#a7a0b5));font-size:10px;font-weight:500;line-height:1.4;text-align:right;box-shadow:none}
.grammar-badge-compact:hover{background:var(--grammar-bg)}
.grammar-review-dot{flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:currentColor}
.grammar-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #716085;border-radius:24px;background:var(--panel,#1c1429);color:var(--text,#f5f2ff);font:inherit;line-height:1.6}.grammar-dialog::backdrop{background:#070912ab;backdrop-filter:blur(4px)}.grammar-dialog h2{font-size:21px}.grammar-dialog .modal-head{gap:16px}.grammar-dialog .close-btn{flex-shrink:0}.grammar-example{font-size:20px;font-weight:600;overflow-wrap:anywhere}.grammar-dialog select{width:100%;min-width:0;margin:8px 0}.grammar-edit{border-top:1px solid #82709040;padding-top:12px}.grammar-edit summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.grammar-edit button{margin:8px 0}.grammar-segments{display:grid;gap:8px;margin:16px 0}.grammar-segments>div{border-left:3px solid var(--grammar-ink);padding:8px 12px;background:var(--grammar-bg);border-radius:0 10px 10px 0}.grammar-segments b,.grammar-segments small{display:block;overflow-wrap:anywhere}.grammar-segments small{color:var(--grammar-ink)}.grammar-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0 18px}.grammar-filters label{display:grid;gap:5px;font-size:12px;flex:1 1 190px;min-width:0}.grammar-filters select{width:100%;min-width:0}.grammar-pending p{border-bottom:1px solid #82709030;padding:8px 0}.grammar-pending .grammar-badge{display:flex;width:max-content;max-width:100%}#grammarMigrationProgress{width:100%;accent-color:#a989ef}#itemGrammarPreview:empty{display:none}
[data-theme="light"] .grammar-present,body.light .grammar-present{--grammar-ink:#164e86;--grammar-bg:#e7f1ff}[data-theme="light"] .grammar-past,body.light .grammar-past{--grammar-ink:#81420a;--grammar-bg:#fff0dc}[data-theme="light"] .grammar-future,body.light .grammar-future{--grammar-ink:#6539a1;--grammar-bg:#f1eaff}[data-theme="light"] .grammar-mixed,body.light .grammar-mixed{--grammar-ink:#0b6658;--grammar-bg:#ddf5ef}[data-theme="light"] .grammar-other,body.light .grammar-other{--grammar-ink:#485363;--grammar-bg:#edf0f5}
@media(max-width:600px){.grammar-badge{min-height:44px}.grammar-dialog{padding:20px}.grammar-filters{gap:10px}.grammar-filters label{flex-basis:calc(50% - 10px)}.grammar-filters select,.grammar-dialog select{font-size:16px;min-height:44px}.grammar-filters>.btn{width:100%}}

/* Source notes explain names and contextual meanings without crowding a card. */
.import-context{margin:8px 0 12px;color:var(--muted,#a7a0b5);font-size:12px;line-height:1.6;text-align:left;overflow-wrap:anywhere}
.import-context>summary{cursor:pointer;min-height:44px;align-content:center;width:fit-content;max-width:100%;padding:4px 0;color:var(--muted,#a7a0b5)}
.import-context>summary:focus-visible{outline:2px solid var(--accent,#ac88ed);outline-offset:3px;border-radius:4px}
.import-context>p{margin:0 0 10px;font-size:inherit;line-height:inherit}
.hide-es .import-context,.hide-en .import-context{display:none}