.vocab-trainer,.vocab-list,.vocab-stack-picker,.vocab-intro{max-width:700px;margin:0 auto;padding:var(--block-y) var(--gutter)}.vocab-hero{background-image:url(https://topikwritinglab.com/wp-content/uploads/2026/07/harpenz-dog-4083794_1920.jpg)}.vocab-intro p{font-size:var(--fs-body);line-height:1.8;color:#333}.vocab-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--grid-gap)}.vocab-stack-card{display:flex;flex-direction:column;gap:6px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:clamp(0.875rem, 3vw, 1.25rem);text-decoration:none;color:var(--ink);transition:.2s}.vocab-stack-card:hover,.vocab-stack-card.active{background:var(--accent);color:#fff;border-color:var(--accent)}.vocab-stack-name{font-weight:600;font-size:var(--fs-body)}.vocab-stack-count{font-size:var(--fs-eyebrow);opacity:.75;text-transform:uppercase;letter-spacing:.04em}.vocab-trainer-heading{text-align:center;margin:0 0 clamp(1rem, 3vw, 1.5rem);font-size:var(--fs-section-h2);line-height:1.25}.vocab-trainer-empty{max-width:700px;margin:0 auto;padding:var(--block-y) var(--gutter);text-align:center;color:#888}.vocab-list-toggle{margin-top:clamp(1.5rem, 4vw, 2rem);border-top:1px solid var(--border);padding-top:20px}.vocab-list-toggle summary{cursor:pointer;font-weight:600;color:var(--accent);padding:6px 0}.vocab-list-toggle .vocab-list{padding:20px 0 0}.vocab-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:clamp(1rem, 3vw, 1.5rem)}.vocab-filter-btn{background:var(--surface-alt);border:1px solid var(--border);padding:10px 18px;border-radius:999px;font-weight:600;font-size:var(--fs-small);min-height:44px;cursor:pointer;transition:.2s}.vocab-filter-btn.active,.vocab-filter-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.vocab-progress{background:var(--border);border-radius:999px;height:8px;overflow:hidden;margin-bottom:8px}.vocab-progress-bar{background:var(--accent);height:100%;width:0%;transition:.3s}.vocab-counter{text-align:center;color:#888;font-size:var(--fs-small);margin:0 0 clamp(1rem, 3vw, 1.5rem)}.vocab-card-stage{perspective:1200px;margin-bottom:clamp(1.25rem, 4vw, 1.75rem)}.vocab-card{display:none}.vocab-card.is-active{display:block}.vocab-card-inner{position:relative;min-height:clamp(200px, 55vw, 260px);border-radius:var(--radius);box-shadow:0 10px 30px rgb(0 0 0 / .08);transform-style:preserve-3d;transition:transform .5s;cursor:pointer}.vocab-card-inner.is-flipped{transform:rotateY(180deg)}.vocab-card-front,.vocab-card-back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(1.25rem, 5vw, 2rem);border-radius:var(--radius);backface-visibility:hidden}.vocab-card-front{background:var(--surface);border:1px solid var(--border)}.vocab-card-back{background:var(--accent);color:#fff;transform:rotateY(180deg)}.vocab-term{font-size:clamp(1.55rem, 1rem + 2.6vw, 2.4rem);font-weight:600;line-height:1.3;margin:0}.vocab-hint{margin-top:16px;font-size:var(--fs-eyebrow);color:#999;text-transform:uppercase;letter-spacing:.05em}.vocab-translation{font-size:clamp(1.3rem, 1rem + 1.8vw, 1.8rem);font-weight:600;line-height:1.3;margin:0 0 12px}.vocab-example{font-size:var(--fs-body);line-height:1.6;opacity:.9;margin:0}.vocab-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.vocab-controls button{background:var(--ink);color:#fff;border:none;padding:13px 22px;border-radius:999px;font-weight:600;font-size:var(--fs-small);min-height:44px;cursor:pointer;transition:.2s}#vocab-flip{background:var(--accent)}.vocab-controls button:hover{opacity:.85}.vocab-restart{text-align:center;margin-top:20px}.vocab-restart a{color:#888;text-decoration:underline;font-size:var(--fs-small)}.vocab-list table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.vocab-list th{text-align:left;text-transform:uppercase;font-size:var(--fs-eyebrow);letter-spacing:.05em;color:#888;padding:12px 10px;border-bottom:2px solid var(--border)}.vocab-list td{padding:13px 10px;border-bottom:1px solid var(--border);vertical-align:top}.vocab-type-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:var(--fs-eyebrow);font-weight:600;text-transform:uppercase;white-space:nowrap}.vocab-type-word{background:#EAF3EC;color:#2E7D4F}.vocab-type-phrase{background:#F3EAEA;color:var(--accent)}@media (max-width:480px){.vocab-controls{display:grid;grid-template-columns:1fr 1fr}.vocab-controls button{padding:13px 10px}.vocab-list td:last-child,.vocab-list th:last-child{width:1%;white-space:nowrap}}