.word-endings-unit{margin:38px 0 42px}.word-endings-unit h2{margin:5px 0;font-size:30px}.endings-intro,.endings-reference,.endings-lab,.endings-practice{margin:28px 0;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.endings-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;background:#f4fbfe;border-color:#b9ddea}.endings-intro p,.endings-reference p,.endings-lab p,.endings-practice p{color:var(--muted)}.ending-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:17px}.ending-strip button{min-height:68px;border:1px solid #b9ddea;border-radius:10px;background:#fff;color:var(--ink);font:700 15px/1.2 Quicksand,inherit;cursor:pointer}.ending-strip button small{display:block;margin-top:4px;color:var(--muted);font-weight:600}.ending-strip button.active{border-color:var(--orange);background:#fff8e9}.ending-result{min-height:50px;margin-top:14px;padding:12px 14px;border-left:4px solid var(--orange);border-radius:6px;background:#fff;color:var(--ink);font-weight:700}.endings-intro figure{margin:0;overflow:hidden;border:1px solid #b9ddea;border-radius:14px;background:#fff}.endings-intro img{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover}.endings-intro figcaption{padding:10px 12px;color:var(--muted);font-size:13px}.endings-reference{background:linear-gradient(135deg,#fff,#f7fcfe)}.ending-chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:17px}.ending-chart{overflow:hidden;border:1px solid #c7dce6;border-radius:12px;background:#fff}.ending-chart h3{margin:0;padding:13px 15px;background:#eaf7fc;color:#0a4768;font-size:18px}.ending-chart table{width:100%;border-collapse:collapse;font-size:14px}.ending-chart th,.ending-chart td{padding:8px 10px;border:1px solid #d2e3ea;text-align:left}.ending-chart th{color:#0a4768}.endings-lab{background:linear-gradient(135deg,#f4fbfe,#fff)}.ending-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.ending-visual{position:relative;isolation:isolate;min-height:210px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #b9ddea;border-radius:13px;padding:0;color:#fff;text-align:left;font:700 17px/1.2 Quicksand,inherit;cursor:pointer;background:#0b3856}.ending-visual img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.ending-visual::after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(0deg,rgba(3,23,42,.86),rgba(3,23,42,.04) 72%)}.ending-visual span{padding:15px}.ending-visual small{display:block;margin-top:5px;color:#d3edf6;font-weight:600}.ending-visual.active{border-color:var(--orange);box-shadow:0 8px 18px rgba(5,39,63,.15)}.ending-visual-result{min-height:44px;margin-top:16px;padding:12px 14px;border-left:4px solid var(--orange);border-radius:6px;background:#fff;color:var(--ink)}.endings-practice{background:#fff}.ending-task-list{display:grid;gap:12px;margin-top:18px}.ending-task{padding:15px;border:1px solid #d5e7ee;border-radius:11px;background:#fbfdfe}.ending-task p{margin:0 0 10px;color:var(--ink);font-weight:700}.ending-task select{width:100%;box-sizing:border-box;border:1px solid #a8c9d8;border-radius:8px;padding:9px;background:#fff;color:var(--ink);font:600 14px/1.3 Quicksand,inherit}.ending-task.correct{border-color:#37965d;background:#f1fbf4}.ending-task.incorrect{border-color:#ce5160;background:#fff8f8}.ending-section-title{margin:28px 0 8px;color:#0a4768;font-size:22px}.ending-example-list{margin:0;padding-left:20px;color:var(--muted)}@media(max-width:780px){.endings-intro{grid-template-columns:1fr}.ending-chart-grid,.ending-visuals{grid-template-columns:1fr}.ending-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.endings-intro,.endings-reference,.endings-lab,.endings-practice{padding:20px 15px}.word-endings-unit h2{font-size:26px}.ending-strip{grid-template-columns:1fr}}