.three-stages,.family-grid,.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 48px}.three-stages article,.family-grid article,.lab-grid article{padding:24px;border:1px solid #d9dfd6;background:#fffefa}.three-stages span,.state{font-size:12px;color:#3c6b51;letter-spacing:.06em}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-grid h3{margin:12px 0}.family-grid p{line-height:1.75}.lab{background:#eef2eb;padding:28px;margin:36px 0}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}select,input,button{font:inherit;padding:10px 14px;border:1px solid #a4b6a7;background:#fffefa;max-width:100%}button{cursor:pointer;background:#234d3b;color:white;margin:12px 8px 12px 0}label{display:block;margin:16px 0}label input{display:block;margin-top:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:430px;overflow:auto;background:#f1f3ed;padding:16px;font-size:12px}summary{cursor:pointer;padding:12px 0}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #d9dfd6;padding:12px}.table-scroll{overflow:auto}.summary strong{font-size:38px}#live-result,#grade-result{font-weight:bold;min-height:26px}section{scroll-margin-top:30px}#student-question,#student-scope{overflow-wrap:anywhere}@media(max-width:700px){.three-stages,.family-grid,.lab-grid{grid-template-columns:1fr}.lab{padding:16px}.intro{gap:20px}select{width:100%}header nav{flex-wrap:wrap}.three-stages article,.family-grid article,.lab-grid article{padding:18px}}
#choice-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}#choice-options button{text-align:left;padding:16px;font-variant-numeric:tabular-nums}#choice-grade{min-height:2em}
.counters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0}.counters>div{background:#fffefa;border:1px solid #d9dfd6;padding:16px}.counters strong{display:block;font-size:30px;font-weight:500;line-height:1.2}.counters span{font-size:12px;color:#66756a}.counters .by-ability{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 28px;background:transparent;border:0;padding:0}.counters .by-ability p{margin:0;font-size:13px}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 14px}.filters button{background:#fffefa;color:#243c32;margin:0;padding:7px 14px}.filters button[aria-pressed=true]{background:#234d3b;color:#fff}.filters label.inline{display:flex;gap:8px;align-items:center;margin:0 0 0 8px}.filters select{padding:7px 10px}
table.coverage td small,table.audit td small{display:block;font-size:11px;color:#66756a}.cov-row{cursor:pointer}.cov-row:hover,.cov-row:focus{background:#eef2eb;outline:none}.cov-row[aria-expanded=true]{background:#e4ebe0}.cov-detail td{background:#fbfcf8;padding:18px 20px}
.pill{font-size:12px;padding:2px 8px;border-radius:10px;white-space:nowrap;background:#e8ece4}.pill.implemented{background:#234d3b;color:#fff}.pill.pilot{background:#cfe3d4}.pill.rebuild_needed,.pill.blocked{background:#f0dcd3}.pill.planned{background:#f2ecd9}
dl.facts{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 18px;margin:0}dl.facts dt{color:#66756a;font-size:13px}dl.facts dd{margin:0;overflow-wrap:anywhere}dl.facts a{text-decoration:underline}
.picker{display:flex;flex-wrap:wrap;gap:0 20px}.picker label{margin:10px 0}.picker select{min-width:260px}.meta{font-size:13px;color:#66756a;overflow-wrap:anywhere}.question{font-weight:600;overflow-wrap:anywhere}.scope{font-size:13px;color:#66756a;overflow-wrap:anywhere}
.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.options button{margin:0;text-align:left;padding:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}button.secondary{background:#fffefa;color:#234d3b}#fam-grade{font-weight:bold;min-height:1.6em}.answer{font-size:15px}table.audit tr.right td{background:#e2efe5}table.audit td{vertical-align:top;font-size:13px}
.history{border-top:1px solid #d9dfd6;margin-top:48px;padding-top:28px}.history .lab h3 small{font-weight:400;font-size:13px;margin-left:8px}code{font-size:13px;background:#eef2eb;padding:1px 5px}
@media(max-width:700px){.counters{grid-template-columns:1fr 1fr}.options{grid-template-columns:1fr}dl.facts{grid-template-columns:1fr}.picker select{min-width:0;width:100%}.picker label{width:100%}.filters label.inline{margin:6px 0 0}}
#cov-headline{font-size:30px;white-space:nowrap}
.summary .version{display:block;margin-bottom:6px}#cov-subline{margin-top:4px}
.independent{font-weight:600;padding:8px 12px;border-left:4px solid #a4b6a7;background:#f4f6ef}.independent.ok{border-color:#2f7d4f}.independent.bad{border-color:#b5523b;background:#f7e9e4}.checker-note{background:#fffefa;border:1px solid #d9dfd6;padding:20px 24px;margin:20px 0}.checker-note h3{margin-top:0}
.plan th,.plan td{padding:6px;vertical-align:top}.plan-cell{display:block;width:100%;margin:0;text-align:left;padding:10px;color:#243c32;border:1px solid #d9dfd6;background:#fffefa;min-width:150px}.plan-cell b{font-size:18px;display:block}.plan-cell small{display:block;font-size:11px;color:#66756a}.plan-cell span{display:block;font-size:12px}.plan-cell.done{background:#cfe3d4}.plan-cell.ready{background:#e2efe5}.plan-cell.migrate{background:#f2ecd9}.plan-cell.build{background:#f5e3cf}.plan-cell.none{background:#f0dcd3}.route{font-size:12px;padding:1px 7px;border-radius:8px;white-space:nowrap}.route.ready{background:#e2efe5}.route.migrate{background:#f2ecd9}.route.build{background:#f5e3cf}.route.none{background:#f0dcd3}.plan-detail{background:#fffefa;border:1px solid #d9dfd6;padding:14px 18px;margin:10px 0}.plan-detail h4{margin:0 0 8px}
.feas{background:#f4f6ef;padding:8px 12px;border-left:4px solid #b59b69}