.sentence-structure-unit{margin:38px 0 42px}.sentence-structure-unit h2{margin:5px 0;font-size:30px}.sentence-intro,.sentence-reference,.sentence-lab,.sentence-practice{margin:28px 0;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.sentence-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:25px;align-items:center;background:#f4fbfe;border-color:#b9ddea}.sentence-intro p,.sentence-reference p,.sentence-lab p,.sentence-practice p{color:var(--muted)}.sentence-intro figure{margin:0;overflow:hidden;border:1px solid #b9ddea;border-radius:14px;background:#fff}.sentence-intro img{display:block;width:100%;aspect-ratio:1.35/1;object-fit:cover}.sentence-intro figcaption{padding:10px 12px;color:var(--muted);font-size:13px}.sentence-map{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:18px}.sentence-part{min-height:75px;padding:10px 9px;border:1px solid #b9ddea;border-radius:10px;background:#fff;color:var(--ink);text-align:left;font:700 13px/1.2 Quicksand,inherit;cursor:pointer}.sentence-part.active{border-color:var(--orange);background:#fff8e9}.sentence-part small{display:block;margin-top:5px;color:var(--muted);font-weight:600}.sentence-readout{min-height:48px;margin-top:14px;padding:12px 14px;border-left:4px solid var(--orange);border-radius:6px;background:#fff;color:var(--ink);font-weight:700}.sentence-reference{background:linear-gradient(135deg,#fff,#f7fcfe)}.sentence-table-wrap{overflow-x:auto;margin-top:16px}.sentence-table{width:100%;border-collapse:collapse;font-size:14px}.sentence-table th,.sentence-table td{padding:9px 10px;border:1px solid #c7dce6;text-align:left}.sentence-table th{background:#eaf7fc;color:#0a4768}.sentence-lab{background:linear-gradient(135deg,#f4fbfe,#fff)}.sentence-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:19px}.sentence-visual{min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;border:1px solid #b9ddea;border-radius:13px;padding:15px;background:linear-gradient(0deg,rgba(3,23,42,.86),rgba(3,23,42,.05)),var(--sentence-image) center/cover;color:#fff;text-align:left;font:700 17px/1.2 Quicksand,inherit;cursor:pointer}.sentence-visual small{margin-top:5px;color:#d3edf6;font-weight:600}.sentence-visual.active{border-color:var(--orange);box-shadow:0 8px 18px rgba(5,39,63,.15)}.sentence-visual-readout{min-height:48px;margin-top:16px;padding:12px 14px;border-left:4px solid var(--orange);border-radius:6px;background:#fff;color:var(--ink)}.sentence-practice{background:#fff}.sentence-task-list{display:grid;gap:12px;margin-top:19px}.sentence-task{padding:15px;border:1px solid #d5e7ee;border-radius:11px;background:#fbfdfe}.sentence-task p{margin:0 0 10px;color:var(--ink);font-weight:700}.sentence-task select,.sentence-task input,.sentence-task textarea{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}.sentence-task textarea{min-height:96px;resize:vertical}.sentence-task.correct{border-color:#37965d;background:#f1fbf4}.sentence-task.incorrect{border-color:#ce5160;background:#fff8f8}.sentence-section-title{margin:28px 0 9px;color:#0a4768;font-size:22px}.sentence-order{font-family:Quicksand,inherit;font-weight:700}.sentence-score{font-size:14px;font-weight:700;color:var(--muted)}@media(max-width:780px){.sentence-intro{grid-template-columns:1fr}.sentence-visual-grid{grid-template-columns:1fr}.sentence-map{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.sentence-intro,.sentence-reference,.sentence-lab,.sentence-practice{padding:20px 15px}.sentence-structure-unit h2{font-size:26px}.sentence-map{grid-template-columns:1fr}}