/* All component selectors are scoped so the section can share the site's header/footer. */
.vocab-app{--navy:#203d60;--ink:#202b3a;--muted:#647181;--gold:#a77e26;--cream:#f5e9ca;--line:#e5e5de;--green:#267158;--bg:#f7f6f2;color:var(--ink);background:var(--bg);font:16px/1.7 Arial,Tahoma,sans-serif;min-height:100vh;text-align:right}
.vocab-app *{box-sizing:border-box}.vocab-app [hidden]{display:none!important}.vocab-app a{color:var(--navy)}.vocab-app button,.vocab-app input,.vocab-app select,.vocab-app textarea{font:inherit}.vocab-app button,.vocab-app select{cursor:pointer}.vocab-app button:disabled{opacity:.5;cursor:default}.vocab-app :focus-visible{outline:3px solid #c28b32;outline-offset:4px}.vocab-app p,.vocab-app h1,.vocab-app h2,.vocab-app h3{margin:0}.vocab-app .container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.vocab-app .topbar{background:var(--navy);color:#fff}.vocab-app .topbar-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vocab-app .brand{color:#fff;font-weight:800;font-size:27px;text-decoration:none;display:flex;align-items:center;gap:20px}.vocab-app .brand span{font-size:13px;font-weight:400;border-inline-start:1px solid #67819e;padding-inline-start:20px;color:#dde4ed}.vocab-app .back{font-size:14px;color:#fff;text-decoration:none}.vocab-app .hero{padding:40px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.vocab-app .eyebrow{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.4px}.vocab-app h1{font-size:40px;line-height:1.4;font-weight:800;margin:5px 0 6px}.vocab-app .hero p:not(.eyebrow){color:var(--muted);font-size:17px}.vocab-app .country-badge{color:var(--navy);background:#e7edf4;padding:6px 17px;border-radius:30px;font-size:14px;font-weight:700}.vocab-app .panel{background:white;border:1px solid var(--line);border-radius:20px}.vocab-app .lesson-picker{padding:20px 24px}.vocab-app label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.vocab-app input:not([type=checkbox]):not([type=hidden]),.vocab-app select,.vocab-app textarea{border:1px solid #d9dedf;border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);width:100%;min-width:0;font-size:15px}.vocab-app textarea{resize:vertical}.vocab-app .lesson-picker form{display:flex;gap:16px;align-items:end}.vocab-app .lesson-picker label{min-width:155px}.vocab-app .lesson-picker label.wide{flex:1}.vocab-app .btn{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:10px;padding:10px 18px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:14px;text-decoration:none;white-space:normal;transition:background .15s}.vocab-app .btn:hover{background:#f1f4f7}.vocab-app .btn.primary{background:var(--navy);color:white;border-color:var(--navy)}.vocab-app .btn.primary:hover{background:#2e5179}.vocab-app .btn.subtle{background:#f8f7f3;border-color:#e8e3d7}.vocab-app .text-button{background:none;border:0;color:var(--navy);font-size:13px;padding:8px;cursor:pointer}.vocab-app .lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:29px 0 18px}.vocab-app .lesson-heading h2{font-size:23px;direction:ltr;text-align:right}.vocab-app .tabs{display:flex;gap:4px;padding:4px;background:#e9edf0;border-radius:13px}.vocab-app .tab{border:0;border-radius:10px;padding:9px 14px;background:none;color:var(--navy);font-weight:700;white-space:nowrap}.vocab-app .tab.active{background:white;box-shadow:0 2px 5px #102c4210}.vocab-app .workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;direction:ltr;align-items:start}.vocab-app .workspace>section,.vocab-app .sidebar{direction:rtl;min-width:0}.vocab-app .word-card,.vocab-app .quiz-card{padding:30px}.vocab-app .card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:13px;direction:ltr}.vocab-app .pill{background:#e8eef5;color:var(--navy);padding:3px 12px;border-radius:30px;font-size:12px;font-weight:700}.vocab-app .word-intro{direction:ltr;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:35px 0 30px}.vocab-app .word-main{min-width:0;flex:1}.vocab-app .word-main h2{font-size:clamp(30px,4.1vw,55px);line-height:1.16;overflow-wrap:anywhere;letter-spacing:-1.5px;font-weight:800}.vocab-app #word-pos{font-size:16px;font-style:italic;color:var(--muted);margin:10px 0 15px}.vocab-app .sound-actions{display:flex;gap:9px;flex-wrap:wrap}.vocab-app .sound-actions .primary{background:var(--gold);border-color:var(--gold);border-radius:30px}.vocab-app .sound-actions .subtle{border-radius:30px}.vocab-app .word-art{width:154px;height:165px;flex-shrink:0;background:var(--cream);border-radius:30px;color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-2deg);direction:ltr}.vocab-app .word-art span{font:bold 70px Georgia,serif;letter-spacing:-5px}.vocab-app .word-art small{font-size:9px;letter-spacing:2px;font-weight:700;text-align:center;line-height:1.5;color:#967020}.vocab-app .word-image{width:154px;height:165px;object-fit:contain;border-radius:20px;flex-shrink:0}.vocab-app .meaning-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;direction:ltr}.vocab-app .meaning-grid>div{border-top:2px solid #e6e2d8;padding-top:14px;min-width:0}.vocab-app .meaning-grid>div:nth-child(even){direction:rtl}.vocab-app .meaning-grid h3{font-size:11px;letter-spacing:.9px;color:var(--muted);margin-bottom:9px}.vocab-app .meaning-grid p{font-size:18px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.vocab-app #listen-example{margin-top:12px;font-size:12px;padding:7px 12px;border-radius:30px}.vocab-app .card-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.vocab-app .known-label{flex-direction:row;align-items:center;font-size:13px;font-weight:400;gap:9px}.vocab-app input[type=checkbox]{width:19px;height:19px;accent-color:var(--green)}.vocab-app .micro{font-size:11px;color:var(--muted);font-weight:400;line-height:1.65}.vocab-app .word-card>.micro{margin-top:17px;text-align:center}.vocab-app .sidebar{display:flex;flex-direction:column;gap:16px}.vocab-app .progress-panel,.vocab-app .word-list-panel{padding:20px}.vocab-app .sidebar h3{font-size:15px}.vocab-app progress{display:block;width:100%;height:9px;border:0;border-radius:20px;background:#e8e9e0;margin:17px 0 10px;overflow:hidden;accent-color:var(--green)}.vocab-app progress::-webkit-progress-bar{background:#e8e9e0}.vocab-app progress::-webkit-progress-value{background:var(--green);border-radius:20px}.vocab-app progress::-moz-progress-bar{background:var(--green)}.vocab-app #progress-text{font-size:13px;color:var(--muted);margin-bottom:4px}.vocab-app #reset-progress{font-size:11px;padding:6px 0;color:#747b80}.vocab-app .word-list-panel summary{font-weight:700;font-size:14px;cursor:pointer}.vocab-app .word-list-panel summary span{float:left;color:var(--muted);font-size:12px}.vocab-app .word-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.vocab-app .word-jump{border:1px solid #e4e3dd;background:#fff;border-radius:20px;padding:5px 11px;color:var(--ink);font-size:13px;line-height:1.6;overflow-wrap:anywhere;max-width:100%}.vocab-app .word-jump.current{background:#e9eff6;border-color:#889fbb;color:var(--navy);font-weight:bold}.vocab-app .word-jump.learned{border-color:#a9cbbb}.vocab-app .word-jump.learned:after{content:' ✓';color:var(--green)}.vocab-app .page-footer{color:var(--muted);font-size:12px;padding:30px 0;display:flex;justify-content:space-between;gap:15px}.vocab-app .status{font-size:13px;color:var(--muted);min-height:25px;padding-top:10px}.vocab-app .empty{text-align:center;padding:60px 25px;margin-top:25px}.vocab-app .empty p{color:var(--muted);margin-top:12px}.vocab-app .empty-icon{font-size:45px}.vocab-app .quiz-prompt{color:var(--muted);margin-top:28px}.vocab-app .quiz-word{font-size:40px;text-align:center;line-height:1.5;margin:22px 0 28px;overflow-wrap:anywhere}.vocab-app .quiz-word.sentence{font-size:23px;text-align:left;letter-spacing:0}.vocab-app .quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vocab-app .answer-option{background:white;border:1px solid #d9dfe5;border-radius:13px;padding:17px;color:var(--ink);min-height:65px;font-size:16px}.vocab-app .answer-option:hover{background:#f2f5f8}.vocab-app .answer-option:disabled{opacity:1}.vocab-app .answer-option.correct-option{background:#e7f4ec;border-color:#45886a;color:#185939}.vocab-app .quiz-feedback{min-height:50px;padding:15px 0;font-weight:700}.vocab-app .correct{color:#23734d}.vocab-app .incorrect{color:#b34b37}.vocab-app .quiz-card .text-button{margin:10px}.vocab-app .quiz-card .btn{margin:7px 0 0 7px}.vocab-app .score{font-size:72px;direction:ltr;text-align:center;color:var(--navy);margin:22px 0}.vocab-app .quiz-card p:not(.quiz-feedback){margin-top:16px}.vocab-app .admin-page{padding-bottom:40px}.vocab-app .admin-page>.panel{margin-bottom:22px;padding:26px}.vocab-app .admin-page h2{font-size:22px;margin-bottom:16px}.vocab-app .login-panel{max-width:470px;margin-inline:auto;margin-top:25px}.vocab-app .login-panel form{display:grid;gap:18px;margin-top:20px}.vocab-app .admin-toolbar,.vocab-app .admin-toolbar form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.vocab-app .admin-toolbar{justify-content:space-between}.vocab-app .admin-toolbar p{font-size:13px}.vocab-app .admin-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vocab-app .full{grid-column:1/-1}.vocab-app label small{font-weight:400;color:var(--muted);font-size:11px}.vocab-app .import-panel p{font-size:14px;color:var(--muted);margin-bottom:12px}.vocab-app .import-panel form{display:flex;align-items:center;gap:15px;margin-top:20px}.vocab-app .import-panel a{font-size:13px}.vocab-app .records-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.vocab-app .records-top form{display:flex;gap:10px}.vocab-app .records-top h2{margin:0}.vocab-app .table-scroll{overflow:auto}.vocab-app table{border-collapse:collapse;width:100%;font-size:13px;min-width:670px}.vocab-app th,.vocab-app td{padding:13px 9px;text-align:right;border-bottom:1px solid var(--line)}.vocab-app th{color:var(--muted);font-size:12px}.vocab-app td small{display:block;color:var(--muted);font-size:10px}.vocab-app td[dir=ltr]{text-align:left;font-weight:bold}.vocab-app .row-actions{display:flex;gap:7px}.vocab-app .row-actions .btn{padding:6px 10px;font-size:12px;min-height:36px}.vocab-app .danger{color:#af3c34}.vocab-app .pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;font-size:13px}.vocab-app .alert{padding:14px 20px;border-radius:10px;margin:0 0 20px;font-size:14px}.vocab-app .alert.error{background:#fceeea;color:#9b3229}.vocab-app .alert.success{background:#eaf4ec;color:#286344}.vocab-app .form-actions{display:flex;gap:10px}
@media(max-width:1000px){.vocab-app .container{width:calc(100% - 40px)}.vocab-app .workspace{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.vocab-app .word-card,.vocab-app .quiz-card{padding:24px}.vocab-app .word-art,.vocab-app .word-image{width:112px;height:130px}.vocab-app .word-art span{font-size:55px}.vocab-app .word-art small{font-size:7px}.vocab-app .word-main h2{font-size:38px}.vocab-app .meaning-grid p{font-size:16px}.vocab-app .lesson-heading{align-items:start;flex-direction:column}.vocab-app .tabs{align-self:flex-end}}
@media(max-width:760px){.vocab-app .container{width:calc(100% - 28px)}.vocab-app .topbar-inner{min-height:70px}.vocab-app .brand{font-size:24px;gap:11px}.vocab-app .brand span{padding-inline-start:11px;font-size:11px}.vocab-app .back{font-size:11px}.vocab-app .hero{padding:26px 0 19px;gap:12px}.vocab-app h1{font-size:30px}.vocab-app .hero p:not(.eyebrow){font-size:14px}.vocab-app .country-badge{font-size:12px;padding:5px 11px}.vocab-app .lesson-picker{padding:16px}.vocab-app .lesson-picker form{flex-wrap:wrap;gap:12px}.vocab-app .lesson-picker label{min-width:100%;width:100%}.vocab-app .lesson-picker .btn{width:100%}.vocab-app .lesson-heading{margin-top:23px;gap:15px}.vocab-app .lesson-heading h2{font-size:21px}.vocab-app .tabs{align-self:stretch}.vocab-app .tab{flex:1;font-size:12px;padding:9px 8px}.vocab-app .workspace{grid-template-columns:1fr;gap:16px}.vocab-app .word-card,.vocab-app .quiz-card{padding:21px}.vocab-app .word-intro{gap:12px;margin:27px 0}.vocab-app .word-main h2{font-size:clamp(29px,7.4vw,44px);letter-spacing:-1px}.vocab-app .word-art,.vocab-app .word-image{width:83px;height:105px;border-radius:18px}.vocab-app .word-art span{font-size:43px}.vocab-app .word-art small{font-size:6px;letter-spacing:1px}.vocab-app .sound-actions .btn{font-size:12px;padding:7px 11px;min-height:38px}.vocab-app #word-pos{font-size:14px}.vocab-app .meaning-grid{grid-template-columns:1fr;gap:19px}.vocab-app .meaning-grid p{font-size:17px}.vocab-app .meaning-grid h3{font-size:10px}.vocab-app .card-nav{flex-wrap:wrap;gap:10px;margin-top:23px;padding-top:18px}.vocab-app .known-label{order:3;width:100%;justify-content:center;margin-top:7px}.vocab-app .card-nav .btn{padding:9px 17px}.vocab-app .card-nav #next-word{margin-inline-start:auto}.vocab-app .sidebar{gap:12px}.vocab-app .progress-panel,.vocab-app .word-list-panel{padding:18px}.vocab-app .page-footer{font-size:10px;padding-top:20px}.vocab-app .quiz-options{grid-template-columns:1fr}.vocab-app .quiz-word{font-size:34px}.vocab-app .quiz-word.sentence{font-size:20px}.vocab-app .admin-page>.panel{padding:18px}.vocab-app .admin-form{grid-template-columns:1fr}.vocab-app .import-panel form,.vocab-app .records-top,.vocab-app .admin-toolbar{align-items:stretch;flex-direction:column}.vocab-app .records-top form{width:100%}.vocab-app .admin-page .hero{align-items:start;flex-direction:column}.vocab-app .admin-toolbar form{align-items:end;flex-direction:row}.vocab-app .card-top{font-size:11px}.vocab-app .pill{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vocab-app *{transition:none!important;scroll-behavior:auto!important}}

.vocab-app [dir="ltr"]{text-align:left}