:root{--ink:#17213a;--blue:#24447b;--gold:#b47a21;--paper:#f7f4ec;--card:#fff;--pale:#edf1fa;--green:#e2f3e8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}.wrap{max-width:1020px;margin:auto;padding:22px}header{background:linear-gradient(135deg,#24447b,#55406f);color:white;padding:23px;border-radius:14px}h1{margin:0;font-size:1.62rem}h2{margin-top:34px;color:var(--blue);border-bottom:2px solid #d9d2c4;padding-bottom:5px}h3{color:var(--blue)}.controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}button{font:inherit;border:1px solid #bac3d8;border-radius:9px;padding:8px 11px;background:white;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.card{background:var(--card);border:1px solid #ddd6c9;border-radius:12px;padding:14px}.heb{font-family:serif;font-size:2rem;font-weight:700;direction:rtl;color:var(--blue);cursor:pointer;border-radius:5px;transition:.15s}.heb:hover,.heb:focus{background:#e5eafa;box-shadow:0 0 0 3px #e5eafa;outline:0}.small{font-size:.88rem;color:#596174}.drill{background:var(--pale);border-left:5px solid var(--blue);padding:14px 18px;border-radius:8px}.verse{font-family:serif;font-size:1.65rem;font-weight:700;direction:rtl;text-align:right;background:white;border-right:6px solid var(--gold);padding:20px;border-radius:10px;cursor:pointer}.phrase{display:flex;align-items:center;justify-content:space-between;gap:12px}.phrase .heb{font-size:1.5rem}.step{display:inline-block;background:var(--gold);color:white;border-radius:50%;width:28px;height:28px;text-align:center;line-height:28px;font-weight:700}.tag{display:inline-block;background:#e5eaf4;color:var(--blue);font-size:.78rem;font-weight:700;padding:2px 7px;border-radius:12px}.answer{display:none;margin-top:9px;padding:9px;background:var(--green);border-radius:7px}.quiz button{margin:4px}.feedback{min-height:1.6em;font-weight:700}.schedule{background:var(--green);padding:13px 17px;border-radius:10px}.word-chip{display:inline-block;margin:4px;padding:5px 9px;background:white;border:1px solid #ccd3e3;border-radius:9px}.word-chip .heb{font-size:1.45rem}.progress{height:8px;background:#dce2ed;border-radius:5px;overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;background:var(--gold)}@media(max-width:600px){.wrap{padding:12px}.heb{font-size:1.7rem}.phrase{align-items:flex-start}.verse{font-size:1.45rem}}