.vocab-shell{--v-ink:#233431;--v-green:#315e48;--v-muted:#5f6e66;--v-line:#d6dfd5;--v-paper:#fffef8;width:min(1060px,100% - 40px);color:var(--v-ink);margin:0 auto;padding:25px 0 40px;font:17px/1.6 Arial,Helvetica,sans-serif}.vocab-shell *{box-sizing:border-box}.vocab-shell h1,.vocab-shell h2,.vocab-shell h3,.vocab-shell p{margin:0}.vocab-shell a{color:var(--v-green)}.vocab-shell .vocab-nav{border-bottom:1px solid var(--v-line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;font-size:14px;display:flex}.vocab-nav a{font-weight:700;text-decoration:none}.vocab-hero{max-width:850px;padding:52px 0 38px}.vocab-kicker{color:var(--v-green);letter-spacing:.15em;font-size:11px;font-weight:800}.vocab-hero h1{letter-spacing:-.04em;margin:18px 0 22px;font:400 clamp(44px,7vw,76px)/1.06 Georgia,serif}.vocab-hero h1 em{color:var(--v-green);font-weight:400}.vocab-hero>p:not(.vocab-kicker){max-width:650px;color:var(--v-muted);font-size:18px}.vocab-shell h2{font:400 28px/1.2 Georgia,serif}.vocab-section-head{justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px;display:flex}.vocab-section-head>span{color:var(--v-muted);white-space:nowrap;font-size:13px}.vocab-section-head .vocab-kicker{margin-bottom:10px}.vocab-collection-card{background:var(--v-paper);border:1px solid var(--v-line);border-radius:14px;grid-template-columns:82px 1fr;gap:25px;padding:34px;display:grid;box-shadow:0 8px 28px #263f2e08}.vocab-number{color:#304329;background:#e0e9b9;border-radius:50%;place-items:center;width:74px;height:74px;font:32px Georgia,serif;display:grid}.vocab-collection-card h2{margin:10px 0 16px;font-size:32px}.vocab-collection-card p:not(.vocab-kicker){color:var(--v-muted);max-width:700px}.vocab-chips{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.vocab-chips span{color:#304b3e;background:#eef2e8;border:1px solid #d9e1d2;border-radius:6px;padding:5px 11px;font-size:14px}.vocab-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.vocab-shell .vocab-button{border:1px solid var(--v-green);color:var(--v-green);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;font:700 14px/1.5 Arial,sans-serif;text-decoration:none;display:inline-flex}.vocab-shell .vocab-button.primary{background:var(--v-green);color:#fff}.vocab-shell .vocab-button:hover{background:#eaf0e4}.vocab-shell .vocab-button.primary:hover{background:#244a37}.vocab-shell .vocab-button:disabled{opacity:.7;cursor:default}.vocab-note{color:var(--v-muted);font-size:13px;margin:20px 0!important}.vocab-footer{border-top:1px solid var(--v-line);color:var(--v-muted);margin-top:45px;padding:23px 0;font-size:12px}.vocab-panel{background:var(--v-paper);border:1px solid var(--v-line);border-radius:14px;margin:25px 0;padding:32px}.vocab-student{background:#eaf0e4;border-radius:10px;grid-template-columns:120px 1fr;align-items:center;gap:8px 18px;padding:22px 26px;display:grid}.vocab-student label{font-weight:700}.vocab-student p{color:var(--v-muted);grid-column:2;font-size:12px}.vocab-shell input,.vocab-shell textarea,.vocab-shell select{font:inherit;color:var(--v-ink);background:#fff;border:1px solid #9baea0;border-radius:6px;max-width:100%;min-height:44px;padding:9px 12px}.vocab-shell input:disabled,.vocab-shell textarea:disabled,.vocab-shell select:disabled{opacity:.7}:is(.vocab-shell input:focus-visible,.vocab-shell select:focus-visible,.vocab-shell textarea:focus-visible,.vocab-shell button:focus-visible,.vocab-shell a:focus-visible,.vocab-shell summary:focus-visible){outline-offset:3px;outline:3px solid #967524}.vocab-shell input[aria-invalid=true]{border-color:#a3422c}.vocab-progress{color:var(--v-muted);align-items:center;gap:22px;margin:20px 0;font-size:12px;display:flex}.vocab-progress progress{height:7px;accent-color:var(--v-green);flex:1}.vocab-match-grid{grid-template-columns:1fr 1.2fr;gap:35px;margin-top:25px;display:grid}.vocab-match-row{border-bottom:1px solid var(--v-line);grid-template-columns:1fr 72px;align-items:center;gap:5px 14px;min-height:58px;padding:6px 0;display:grid}.vocab-match-row label{font-weight:700}.vocab-match-row label span,.vocab-qnum{color:#738277;min-width:30px;font-size:13px;font-weight:400;display:inline-block}.vocab-match-row .vocab-feedback{grid-column:1/-1}.vocab-meanings{background:#f1f4ed;border-radius:10px;padding:0;list-style:none;margin:0!important}.vocab-meanings li{border-bottom:1px solid #dfe5db;gap:16px;padding:11px 17px;font-size:14px;line-height:1.5;display:flex}.vocab-meanings li:last-child{border-bottom:0}.vocab-meanings strong{color:var(--v-green)}.vocab-question{border-bottom:1px solid var(--v-line);padding:18px 0}.vocab-question:last-child{border:0}.vocab-question p{line-height:2.6}.vocab-question input{width:190px;min-height:39px;margin:0 7px;padding:5px 10px}.vocab-feedback{margin-top:4px;font-size:12px;font-weight:700;line-height:1.5;display:block}.vocab-feedback.correct{color:#35633b}.vocab-feedback.retry{color:#9c452c}.vocab-replacement{margin:10px 0 0 30px;font-size:14px}.vocab-writing{margin-top:26px}.vocab-writing label{margin-bottom:12px;font-size:15px;display:block}.vocab-writing textarea{resize:vertical;width:100%;min-height:115px;display:block}.vocab-help{border:1px solid var(--v-line);border-radius:10px;margin:26px 0;padding:22px 28px}.vocab-help summary{cursor:pointer;color:var(--v-green);font-weight:700}.vocab-help dl>div{grid-template-columns:130px 1fr;gap:15px;margin:12px 0;font-size:14px;display:grid}.vocab-help dt{font-weight:700}.vocab-help dd{margin:0}.vocab-help p{margin:18px 0;font-size:14px}.vocab-finish{padding:28px 0}.vocab-finish>p{color:var(--v-muted);margin-top:14px}.vocab-status{min-height:28px;font-weight:700;color:var(--v-green)!important}@media (max-width:680px){.vocab-shell{width:calc(100% - 28px);padding-top:18px;font-size:16px}.vocab-hero{padding:36px 4px 30px}.vocab-hero h1{font-size:46px}.vocab-nav{gap:10px!important;font-size:12px!important}.vocab-collection-card{grid-template-columns:1fr;gap:18px;padding:24px}.vocab-collection-card h2{font-size:29px}.vocab-number{width:54px;height:54px;font-size:25px}.vocab-section-head{flex-direction:column;align-items:flex-start;gap:8px}.vocab-panel{padding:24px 18px}.vocab-match-grid{grid-template-columns:1fr;gap:24px}.vocab-meanings{order:-1}.vocab-student{grid-template-columns:1fr;padding:20px}.vocab-student p{grid-column:1}.vocab-question input{width:165px}.vocab-help{padding:20px}.vocab-help dl>div{grid-template-columns:1fr;gap:3px}.vocab-actions .vocab-button{width:100%}.vocab-shell h2{font-size:25px}.vocab-progress{gap:12px}}@media print{.no-print,.vocab-help,.vocab-progress{display:none!important}.vocab-shell{width:100%;padding:0;font-size:11px}.vocab-hero{padding:0 0 20px}.vocab-hero h1{font-size:28px}.vocab-panel{break-inside:avoid;margin:15px 0;padding:15px}.vocab-panel h2{font-size:20px}.vocab-match-grid{grid-template-columns:1fr 1.2fr}.vocab-student{padding:10px}.vocab-question input{font-size:11px}.vocab-footer{font-size:10px}}
