/* UGC teacher sections (/ugc/) — extra styles on top of style.css + state.css + theme.css (same green look). */
.ugcSample{margin:0 0 14px;padding:9px 12px;border-radius:10px;background:#F1F7F2;color:#1F5130;font-size:13.5px}
.ugcForm .field{margin:0 0 14px}
.ugcOut{margin-top:6px}
.ugcOut .error{color:#B42318;font-weight:600}
.ugcTiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 4px}
.ugcTile{background:#F1F7F2;border:1px solid #CFE3D5;border-radius:12px;padding:10px 12px}
.ugcTile .k{font-size:12.5px;color:#4B5B52}
.ugcTile .v{font-size:19px;font-weight:700;color:#1F5130;margin-top:2px}
.ugcTile .x{font-size:12px;color:#4B5B52;margin-top:2px}
.results p span small{display:block;font-size:12px;color:#5A6A61;font-weight:400;margin-top:2px}
.results p.ugcSecHead{border-bottom:2px solid #1F5130;padding-top:14px}
.results p.ugcSecHead span{font-weight:700;color:#1F5130}
.ugcTblBox{margin-top:14px}
.ugcTblBox h3{font-size:15px;margin:0 0 6px;color:#1F5130}
.ugcTblBox summary{cursor:pointer;font-weight:600;color:#1F5130;padding:6px 0}
.ugcTblWrap{overflow-x:auto;border:1px solid #DDE7E0;border-radius:10px}
.ugcTbl{width:100%;border-collapse:collapse;font-size:14px}
.ugcTbl th,.ugcTbl td{padding:7px 10px;border-bottom:1px solid #E6EEE9;text-align:left;vertical-align:top}
.ugcTbl th{background:#F6F9F7;font-size:12.5px;color:#4B5B52;font-weight:600}
.ugcTbl .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.ugcNotes{margin:14px 0 0;padding:10px 14px 10px 30px;background:#FFF8EB;border:1px solid #F1DDB4;border-radius:10px;font-size:13.5px;color:#5C4400}
.ugcNotes li{margin:3px 0}
.ugcAnswer{font-size:16px;line-height:1.6}
.ugcBasis{margin:8px 0 0;padding-left:18px;font-size:13.5px}
.ugcBasis li{margin:4px 0}
.ugcBasis .ugcSaved{font-size:12px;color:#1F5130;font-weight:600}
.ugcPick{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px}
.ugcPick .card b{font-size:16px}
.ugcStates{columns:3 170px;margin:10px 0 0;padding-left:18px;font-size:14px;color:#4B5B52}
.ugcStates li{margin:2px 0;break-inside:avoid}
.ugcMatrixNote{font-size:13px;color:#5A6A61}
@media (max-width:520px){.ugcTile .v{font-size:17px}.ugcTbl{font-size:13px}}