/* Vocab Zone standalone page */
body.vocab { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; margin: 0; background: #f6f8fa; color:#222; }
body.vocab header { background: linear-gradient(45deg, #9dc66b 5%, #4fa49a 30%, #4361c2 95%); color:#fff; padding: 2.2em 1em 1.6em; text-align:center; }
body.vocab header h1 { margin: 0; font-size: 2em; color:#ffe066; }
body.vocab header p { margin: .5em 0 0 0; font-size: 1.05em; opacity:.95; }
body.vocab main { max-width: 1100px; margin: 1.2em auto; background:#fff; border-radius: 12px; box-shadow: 0 2px 16px rgba(70,134,160,.07); padding: 1em; }
body.vocab .controls { display:flex; gap:1em; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:.6em; }
body.vocab fieldset { border:1px solid #e9ecef; border-radius:8px; padding:.6em .8em; }
body.vocab legend { font-weight:700; color:#4361c2; }
body.vocab label { margin-right:.7em; }
body.vocab select { padding:.25em .5em; }
body.vocab button, body.vocab .btn { display:inline-block; padding:.4em .8em; border-radius:6px; border:1px solid #e9ecef; background:#f7fafc; color:#222; text-decoration:none; cursor:pointer; }
body.vocab .btn-primary { background:#4361c2; color:#fff; border-color:#4361c2; }
body.vocab .muted { color:#666; font-size:.95em; }
body.vocab table { width:100%; border-collapse: separate; border-spacing:0; }
body.vocab th, body.vocab td { border:1px solid #e9ecef; padding:8px 10px; text-align:left; vertical-align:top; background:#fff; }
body.vocab thead th { background:#4361c2; color:#fff; }
body.vocab .pagination { display:flex; gap:.4em; justify-content:center; align-items:center; margin-top:.8em; flex-wrap:wrap; }
body.vocab .page { padding:.35em .6em; border:1px solid #e9ecef; border-radius:6px; background:#fff; color:#4361c2; text-decoration:none; cursor:pointer; }
body.vocab .page.current { background:#4361c2; color:#fff; }
body.vocab .page.disabled { opacity:.5; pointer-events:none; }
body.vocab .level-easy { color:#2c7a7b; font-weight:600; }
body.vocab .level-medium { color:#b7791f; font-weight:600; }
body.vocab .level-hard { color:#c53030; font-weight:600; }
body.vocab .topbar { display:flex; gap:.6em; align-items:center; }
body.vocab .right { display:flex; gap:.6em; align-items:center; }
body.vocab .notice { background:#fff3cd; border:1px solid #ffeeba; color:#856404; border-radius:8px; padding:.8em; margin-bottom:.8em; }