.day-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}.page-title .week-select{min-width:140px;max-width:none}
.story-example-link{margin-bottom:20px}.story-example-link p{margin-top:10px}.picture-card-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 16px}.picture-card-heading h2{flex-basis:100%;font-size:clamp(24px,3vw,34px)}.picture-art>h3{margin-bottom:16px;font-size:18px}.picture-art>p{margin-top:12px}.paired-meaning{margin:0;padding:0;border:0;background:transparent;width:100%}.paired-meaning h3{font-size:18px;margin-bottom:16px}.paired-meaning figure{margin:0}.meaning-picture{display:block;width:100%;height:auto;border-radius:14px}.paired-meaning figcaption{font-size:15px;line-height:1.6;margin-top:12px}.flashcard-content .paired-meaning{margin-bottom:20px}
.card-filters{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin-bottom:22px}.card-filters .field{margin:0}.card-filters form{display:flex;align-items:end;gap:10px}.card-filters form .field{flex:1;min-width:0}
.picture-flashcard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);overflow:hidden;padding:0;min-height:380px}.picture-art{display:grid;align-content:center;background:#f8f3e9;padding:22px}.picture-card-text{padding:28px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:20px}.picture-card-text h2{font-size:clamp(25px,3vw,36px);line-height:1.3}.picture-card-text .meaning{margin:0;width:100%}.picture-card-text .meaning strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.picture-card-text .meaning p{margin-top:8px}.card-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.card-jump{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.card-jump input{width:80px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px;font:inherit;color:var(--ink)}
.meaning-story{margin-top:26px;padding:22px;background:#fffaf0;border:1px solid #ede1cc;border-radius:18px}.story-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.story-frame{margin:0;min-width:0}.story-frame figcaption{font-size:14px;line-height:1.6;margin-top:10px}.story-frame figcaption b{color:var(--primary);margin-right:3px}.story-lesson{margin-top:18px;background:white;border-radius:12px;padding:16px;font-size:17px;line-height:1.7}dialog .story-frames{grid-template-columns:1fr}dialog .story-frame .scene-image{max-width:320px;margin:auto}
@media(max-width:760px){.card-filters{grid-template-columns:1fr;gap:16px}.picture-flashcard{grid-template-columns:1fr}.picture-art{padding:16px}.picture-art .card-art{max-width:440px;margin:auto}.picture-card-text{padding:22px;gap:16px}.story-frames{grid-template-columns:1fr}.story-frame .scene-image{max-width:460px;margin:auto}.story-frame figcaption{max-width:460px;margin:10px auto 0}.meaning-story{padding:18px}}
@media(max-width:520px){.page-title .week-select{min-width:125px;font-size:13px}.day-tab strong{font-size:11px}.card-controls{flex-wrap:wrap}.card-controls>.btn{font-size:13px;padding:10px 12px}.card-jump{order:3;justify-content:center;flex-basis:100%}.card-filters form{align-items:stretch;flex-direction:column}.card-filters form .btn{align-self:start}.picture-card-text h2{font-size:27px}.meaning-story .section-head{align-items:start;flex-direction:column}}
.vietnamese-meaning{border-inline-start:3px solid var(--primary)}
.vietnamese-meaning .vietnamese-example{margin-top:12px;font-size:16px}
.vietnamese-meaning small{display:block;margin-top:12px;font-size:13px;line-height:1.5}
.lesson-translation{display:block;margin:8px 0;color:var(--primary-dark);font-size:15px;line-height:1.6;font-weight:400;white-space:normal}
.dictionary-card .vietnamese-meaning,.picture-card-text .vietnamese-meaning,#dialog .vietnamese-meaning{margin:16px 0}