.prefixes-unit{margin:38px 0 42px}.prefixes-unit h2{margin:5px 0;font-size:30px}.prefix-intro,.prefix-reference,.prefix-decode,.prefix-build{margin:28px 0;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.prefix-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;background:#f4fbfe;border-color:#b9ddea}.prefix-intro p,.prefix-reference p,.prefix-decode p,.prefix-build p{color:var(--muted)}.prefix-signal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:17px}.prefix-signal-strip button{min-height:68px;border:1px solid #b9ddea;border-radius:10px;background:#fff;color:var(--ink);font:700 17px/1.2 Quicksand,inherit;cursor:pointer}.prefix-signal-strip button small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:600}.prefix-signal-strip button.active{border-color:var(--orange);background:#fff8e9}.prefix-signal-result{min-height:58px;margin-top:14px;padding:12px 14px;border-left:4px solid var(--orange);border-radius:6px;background:#fff;color:var(--ink);font-weight:700}.prefix-signal-result span{color:var(--muted);font-weight:600}.prefix-intro figure{margin:0;overflow:hidden;border:1px solid #b9ddea;border-radius:14px;background:#102f43}.prefix-intro img{display:block;width:100%;aspect-ratio:1.23/1;object-fit:cover}.prefix-intro figcaption{padding:10px 12px;background:#fff;color:var(--muted);font-size:13px}.prefix-reference{background:linear-gradient(135deg,#fff,#f7fcfe)}.prefix-chart-list{display:grid;gap:12px;margin-top:18px}.prefix-chart{overflow:hidden;border:1px solid #c7dce6;border-radius:12px;background:#fff}.prefix-chart summary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 17px;color:#0a4768;font-size:18px;font-weight:800;cursor:pointer}.prefix-chart summary span{color:var(--muted);font-size:13px;font-weight:700}.prefix-chart[open] summary{border-bottom:1px solid #c7dce6;background:#eaf7fc}.prefix-table-wrap{overflow:auto}.prefix-chart table{width:100%;border-collapse:collapse;font-size:14px;min-width:780px}.prefix-chart th,.prefix-chart td{padding:10px;border:1px solid #d2e3ea;text-align:left;vertical-align:top}.prefix-chart th{color:#0a4768;background:#f6fbfd}.prefix-chart td:first-child{font-weight:800;color:#0a4768}.prefix-decode{background:linear-gradient(135deg,#f4fbfe,#fff)}.prefix-build{background:#fff}.prefix-task-list{display:grid;gap:12px;margin-top:18px}.prefix-task{padding:15px;border:1px solid #d5e7ee;border-radius:11px;background:#fbfdfe}.prefix-task p{margin:0 0 10px;color:var(--ink);font-weight:700}.prefix-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}.prefix-task.correct{border-color:#37965d;background:#f1fbf4}.prefix-task.incorrect{border-color:#ce5160;background:#fff8f8}@media(max-width:780px){.prefix-intro{grid-template-columns:1fr}.prefix-signal-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.prefix-intro,.prefix-reference,.prefix-decode,.prefix-build{padding:20px 15px}.prefixes-unit h2{font-size:26px}.prefix-signal-strip{grid-template-columns:repeat(2,1fr)}.prefix-chart summary{font-size:16px}}
.prefixes-page .module-charts,.prefixes-page .source-practice,.prefixes-page .lesson-source,.prefixes-page .workbook-practice{display:none}
.prefix-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.prefix-intro>*{min-width:0}
.prefix-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.prefix-intro>*{min-width:0}
@media(max-width:780px){.prefix-intro{grid-template-columns:1fr}}
.prefix-visual-lab{margin:28px 0;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#f4fbfe,#fff)}
.prefix-visual-lab p{color:var(--muted)}
.prefix-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}
.prefix-visual-grid figure{margin:0;overflow:hidden;border:1px solid #b9ddea;border-radius:13px;background:#fff}
.prefix-visual-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#eef5f8}
.prefix-visual-grid figcaption{padding:12px 14px;color:var(--muted);font-size:14px;line-height:1.45}
@media(max-width:780px){.prefix-visual-grid{grid-template-columns:1fr}}
@media(max-width:560px){.prefix-visual-lab{padding:20px 15px}}