.vocab-box{--vocab-box-padding:clamp(.9rem, 2vw, 1.25rem);isolation:isolate;margin-block:var(--lesson-section-gap,clamp(1.5rem, 3vw, 2.25rem));padding:var(--vocab-box-padding);border:1px solid color-mix(in srgb, var(--primary-color) 12%, var(--border-color) 88%);border-radius:calc(var(--radius-lg) + var(--spacing-sm));background:linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 94%, var(--bg-elevated) 6%), var(--bg-card));box-shadow:var(--shadow-surface);text-align:start;margin-inline:0;position:relative;overflow:clip}.vocab-box:before{content:"";inset-block-start:0;inset-inline:var(--vocab-box-padding);border-radius:0 0 var(--radius-full) var(--radius-full);background:linear-gradient(90deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 36%, var(--secondary-color) 64%));block-size:3px;position:absolute}.vocab-box h3{align-items:center;gap:var(--spacing-sm);border-block-end:1px solid var(--border-color-light);color:var(--text-main);font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:var(--leading-snug);text-wrap:balance;margin-block:0 1rem;margin-inline:0;padding-block:.2rem .85rem;display:flex}.vocab-box h3 .dashicons{color:var(--primary-color);flex:none}.vocab-box-toolbar{gap:var(--spacing-sm);align-items:center;justify-content:initial;grid-template-columns:minmax(0,1fr) auto;margin-block-end:1rem;display:grid}.vocab-box-toolbar>*{min-width:0}.vocab-toggle-translation{min-block-size:var(--control-size-touch);border-radius:var(--radius-md);border:1px solid var(--border-color-light);background:var(--bg-card);height:auto;color:var(--text-main);font-family:inherit;font-weight:var(--font-semibold);line-height:var(--leading-normal);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-soft-press);transition:background-color var(--transition-ui), border-color var(--transition-ui), color var(--transition-ui), box-shadow var(--transition-ui), transform var(--transition-fast);justify-content:center;align-items:center;padding-block:.45rem;padding-inline:.85rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.vocab-toggle-translation:hover{border-color:color-mix(in srgb, var(--primary-color) 34%, var(--border-color-light) 66%);background:var(--lesson-primary-soft,color-mix(in srgb, var(--primary-color) 6%, var(--bg-card) 94%));color:var(--primary-color-dark);box-shadow:var(--shadow-sm)}}.vocab-toggle-translation[data-state=hidden]{border-color:color-mix(in srgb, var(--primary-color) 32%, var(--border-color-light) 68%);background:var(--lesson-primary-soft-strong,color-mix(in srgb, var(--primary-color) 10%, var(--bg-card) 90%));color:var(--primary-color-dark)}.vocab-toggle-translation:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:var(--lesson-focus-ring,var(--shadow-focus-ring))}.vocab-toggle-translation:active{transform:scale(.96)}.vocab-count{min-block-size:2.25rem;font-weight:var(--font-bold);font-variant-numeric:tabular-nums;color:var(--text-meta);border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg-card) 84%, var(--bg-elevated) 16%);border:1px solid var(--border-color-light);justify-content:center;align-items:center;padding:.35rem .55rem;font-size:.9rem;display:inline-flex}.vocab-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.vocab-item{border:1px solid var(--border-color-light);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-card) 90%, var(--surface-vocab-item) 10%);min-width:0;transition:background-color var(--transition-ui), border-color var(--transition-ui), box-shadow var(--transition-ui);justify-content:space-between;align-items:center;gap:.75rem;padding:clamp(.72rem,1.4vw,.9rem);display:flex;box-shadow:0 1px 2px rgba(16,24,40,.035)}.vocab-item:focus-within{border-color:color-mix(in srgb, var(--primary-color) 42%, var(--border-color-light) 58%);background:var(--bg-card);box-shadow:var(--shadow-soft-press)}@media (hover:hover) and (pointer:fine){.vocab-item:hover{border-color:color-mix(in srgb, var(--primary-color) 32%, var(--border-color-light) 68%);background:var(--bg-card);box-shadow:var(--shadow-soft-press)}}.vocab-box.vocab-direction-ltr .vocab-item{text-align:start;direction:ltr}.vocab-word{font-weight:var(--font-bold);overflow-wrap:anywhere;flex:1;min-width:0;font-size:1.1rem;line-height:1.45}.vocab-trans{color:var(--text-meta);overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.65}.vocab-speak-btn{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-circle);width:var(--control-size-touch);height:var(--control-size-touch);flex:0 0 var(--control-size-touch);cursor:pointer;color:var(--primary-color);box-shadow:var(--shadow-sm);transition:background-color var(--transition-ui), color var(--transition-ui), border-color var(--transition-ui), box-shadow var(--transition-ui), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.vocab-speak-btn.playing{background:var(--primary-color);color:var(--color-white);border-color:var(--primary-color);box-shadow:var(--lesson-brand-shadow,var(--shadow-btn-brand-hover))}@media (hover:hover) and (pointer:fine){.vocab-speak-btn:hover{background:var(--primary-color);color:var(--color-white);border-color:var(--primary-color);box-shadow:var(--lesson-brand-shadow,var(--shadow-btn-brand-hover))}}.vocab-speak-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:var(--lesson-focus-ring,var(--shadow-focus-ring))}.vocab-speak-btn:active{transform:scale(.96)}.lesson-quiz-box{border:1px solid var(--border-color);margin:2rem 0;padding:1.5rem}.lesson-quiz-box h3{border-bottom:2px solid var(--border-color);color:var(--primary-color);align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.quiz-question{margin-bottom:1rem;font-size:1.1rem;font-weight:700}.quiz-options{flex-direction:column;gap:.5rem;display:flex}.quiz-opt-btn{background:var(--bg-body);border:1px solid var(--border-color);text-align:start;border-radius:var(--radius-xs);cursor:pointer;color:var(--text-main);padding:.8rem;font-family:inherit;transition:background .2s,border-color .2s,color .2s}.quiz-opt-btn:hover:not(:disabled){background:var(--border-color)}.quiz-opt-btn.correct{background-color:var(--surface-quiz-pass);border-color:var(--border-quiz-pass);color:var(--text-quiz-pass)}.quiz-opt-btn.wrong{background-color:var(--surface-quiz-fail);border-color:var(--border-quiz-fail);color:var(--text-quiz-fail)}.quiz-feedback{min-height:1.5rem;margin-top:1rem;font-weight:700}.quiz-feedback.correct{color:var(--color-success-text)}.quiz-feedback.wrong{color:var(--color-error)}@media (width<=767px){.vocab-box{--vocab-box-padding:.85rem;padding:var(--vocab-box-padding);border-radius:calc(var(--radius-lg) + var(--spacing-sm));margin-block:1.5rem}.vocab-box h3{align-items:flex-start;font-size:1.05rem;line-height:1.6}.vocab-box-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.vocab-count{min-inline-size:4.5rem}.vocab-toggle-translation{white-space:normal;overflow-wrap:anywhere;min-width:0}.vocab-item{grid-template-columns:minmax(0, 1fr) var(--control-size-touch);grid-template-rows:auto auto;align-items:center;gap:.15rem .75rem;min-width:0;padding:.75rem;display:grid}.vocab-word,.vocab-trans{text-align:start;grid-column:1;min-width:0}.vocab-word{grid-row:1;font-size:1rem;line-height:1.45}.vocab-trans{grid-row:2;line-height:1.65}.vocab-box.vocab-direction-ltr .vocab-speak-btn,.vocab-speak-btn{grid-area:1/2/span 2;place-self:center end;margin:0}.lesson-meta-top span:not(.lesson-meta-icon),.lesson-difficulty-meta span{min-block-size:2.1rem;font-size:.875rem;line-height:var(--leading-normal);padding-block:.24rem;padding-inline:.54rem}}