.teacher-units{margin:24px 0 36px}.material-unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.material-unit-card{background:#fffef9;border:1px solid #dce7d7;border-radius:22px;padding:24px;box-shadow:0 5px 16px #31563c09;min-width:0}.material-unit-card h3{font-size:1.4rem;margin:8px 0 14px;color:#285746}.material-unit-card .form-actions{display:flex;flex-wrap:wrap;gap:10px}.unit-date{display:flex;gap:9px;align-items:center;color:#516350}.unit-date .ui-icon{flex:0 0 24px}.unit-block-list{list-style:none;margin:18px 0;padding:0}.unit-block-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e7ebdf}.unit-block-list a{font-weight:700;color:#285746}.unit-block-list small{white-space:nowrap;color:#647266}.unit-publish{margin-top:20px;border-top:1px solid #e7ebdf;padding-top:16px}.unit-publish summary{cursor:pointer;font-weight:700}.unit-publish p{font-size:.9rem;color:#526459}.unit-publish fieldset,.unit-material-picker{border:1px solid #dce7d7;border-radius:14px;padding:16px;margin:16px 0}.unit-publish label,.unit-material-picker [data-unit-choice]{display:flex!important;align-items:center;gap:12px;padding:12px 4px}.unit-publish input[type=checkbox],.unit-material-picker input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:#34775b}.unit-material-picker [data-unit-choice][hidden]{display:none!important}.unit-material-picker [data-unit-choice] span{display:grid;gap:4px}.unit-material-picker small{color:#627266}.unit-editor{margin-bottom:24px}.unit-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.unit-editor label{display:flex;flex-direction:column;gap:9px;min-width:0}.unit-editor input,.unit-editor select{width:100%;min-width:0;box-sizing:border-box;min-height:44px}.unit-editor legend{font-weight:700;padding:0 8px}.unit-editor .form-actions{display:flex;flex-wrap:wrap;gap:10px}.unit-editor [data-unit-choices]{max-height:380px;overflow:auto}.learner-unit-card{text-decoration:none;display:block;color:inherit;transition:transform .15s}.learner-unit-card:hover{transform:translateY(-2px)}.learner-unit-card>strong{display:flex;align-items:center;gap:10px;color:#285746}.unit-overview .feature-mode{width:100%;text-align:left;cursor:pointer;margin:24px 0;font:inherit}.unit-preview-body{height:100%;overflow:auto;overscroll-behavior:contain}.unit-contest{max-width:760px;margin:auto;padding:24px 20px 48px}.unit-contest>.eyebrow{display:block;margin:18px 0}.unit-contest-progress{display:flex;justify-content:space-between;gap:16px;margin:16px 0 8px}.unit-contest progress{width:100%;accent-color:#4a8863;height:10px;border:0}.unit-contest-card{background:#fffef9;border:1px solid #dde5d6;border-radius:24px;padding:clamp(20px,5vw,40px);margin-top:20px;text-align:center}.unit-contest-card h1{font-size:clamp(1.4rem,5vw,2rem);margin:14px 0}.unit-question{font-size:clamp(2rem,7vw,3.5rem);font-weight:800;color:#2f604a;margin:24px 0;overflow-wrap:anywhere}.unit-contest-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.unit-contest-options button{font-size:1.15rem;padding:18px;min-height:68px;white-space:normal;overflow-wrap:anywhere}.unit-contest-options button:disabled{opacity:1;cursor:default}.unit-contest-options .is-correct{background:#dff2d8;border:2px solid #4c8642;color:#23471c}.unit-contest-options .is-incorrect{background:#ffeadf;border:2px solid #bf744e;color:#744027}.unit-contest [data-unit-next]{margin-top:16px}.unit-contest-card>button{margin:8px}.unit-score{font-size:2rem;font-weight:800;color:#34775b}.unit-trophy .ui-icon{width:72px;height:72px}.unit-result-blocks p{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #e5eadf;gap:12px}.unit-contest-card ul{text-align:left;line-height:1.8}.unit-contest [hidden]{display:none!important}@media(max-width:540px){.unit-editor-fields{grid-template-columns:1fr}.material-unit-card{padding:18px}.teacher-units>.section-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}.unit-contest-options{gap:10px}.unit-contest-options button{padding:12px;font-size:1rem}}

/* Use the same answer marks and panda feedback as the vocabulary activities. */
.unit-contest-card{position:relative}
.unit-contest-options .answer{padding:18px 48px 18px 16px}
.unit-contest-options .answer-result-mark{top:50%;transform:translateY(-50%)}
.unit-answer-dock{scroll-margin-block:16px}
.unit-answer-feedback{position:relative;isolation:isolate;justify-content:center;text-align:left;min-height:136px;margin:0!important;padding:18px;gap:18px}
.unit-answer-feedback .session-feedback-copy strong{font-size:clamp(1.6rem,4.8vw,2rem)}
.unit-answer-feedback .session-feedback-copy p{font-size:clamp(1rem,3vw,1.2rem);line-height:1.4}
.unit-answer-feedback .session-feedback-panda{width:clamp(96px,17vw,150px)}
.unit-answer-feedback .session-feedback-symbol{width:48px;height:48px;font-size:2rem}
.unit-answer-dock [data-unit-next]{width:100%;justify-content:center;min-height:56px;font-size:1.15rem;margin:14px 0 0}
.unit-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;border-radius:inherit}
.unit-confetti i{position:absolute;left:var(--x);top:var(--y);width:8px;height:13px;border-radius:2px;background:var(--color);opacity:.6;transform:rotate(var(--turn))}
.unit-confetti i:nth-child(3n){border-radius:50%;width:9px;height:9px}
@media(prefers-reduced-motion:no-preference){
  .unit-confetti i{animation:unit-confetti-fall 1.6s var(--delay) ease-out both}
  @keyframes unit-confetti-fall{from{transform:translateY(-110px) rotate(0);opacity:0}20%{opacity:.9}to{transform:translateY(180px) rotate(var(--turn));opacity:0}}
}
[data-reduced=true] .unit-confetti i{animation:none}
@media(max-width:540px){
  .unit-contest-options .answer{padding:16px 40px 16px 10px}
  .unit-contest-options .answer-result-mark{right:7px;width:27px;height:27px}
  .unit-answer-feedback{gap:10px;padding:14px 12px;min-height:120px}
  .unit-answer-feedback .session-feedback-symbol{width:40px;height:40px}
}
.unit-question-visual{display:grid;place-items:center;min-height:150px;margin:18px auto;max-width:280px}
.unit-question-image{display:block;width:100%;height:180px;object-fit:contain}
.unit-question-colour{display:block;width:140px;height:140px;background:var(--swatch);border:3px solid #b8c7b3;border-radius:32% 42% 30% 40%;box-shadow:inset 0 0 0 8px #ffffff40,0 5px 0 #254f3010}
.unit-question-count{display:grid;grid-template-columns:repeat(5,24px);gap:12px;padding:24px;border:2px solid #d8e5ca;border-radius:22px;background:#f0f6e9}
.unit-question-count i{width:24px;height:24px;border-radius:50%;background:#438263;box-shadow:inset 0 -3px 0 #27563c40}
.unit-question-emoji{font-size:7rem;line-height:1.4}
@media(max-width:540px){.unit-question-image{height:150px}.unit-question-visual{min-height:130px}.unit-contest[data-grade="1"] .unit-contest-options{grid-template-columns:1fr}.unit-contest[data-grade="1"] .unit-contest-options .answer{min-height:58px}}