.project-control{margin:0 0 24px;min-width:0}.project-control>.panel-head{margin-bottom:16px;gap:12px}.project-control h2{font-size:23px}.control-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.control-card{background:#fff;border:1px solid #dce5e1;border-top:4px solid #b2c9bf;border-radius:16px;padding:20px;min-width:0}.control-card.has-red{border-top-color:#ba3429}.control-card.has-yellow{border-top-color:#b67815}.control-card h3{font-size:20px;margin:0 0 5px}.control-card>p{font-size:14px;color:#596d64;margin:0 0 16px}.control-counts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-count{display:flex;flex-direction:column;gap:3px;text-decoration:none;border:1px solid transparent;border-radius:10px;padding:13px;color:inherit;min-width:0}.control-count.red{background:#fff1ef;color:#982b23}.control-count.yellow{background:#fff6e3;color:#7c4d06}.control-count strong{font-size:30px;line-height:1.3}.control-count strong small{font-size:14px;font-weight:400}.control-count>span{font-size:14px}.control-count>span:last-child{font-size:12px}.control-count:hover,.control-count.selected{border-color:currentColor}.control-count:focus-visible,.control-other a:focus-visible{outline:3px solid #237166;outline-offset:3px}.control-other{display:flex;gap:12px;margin:13px 0 8px;font-size:14px}.control-other a{color:#41665c;text-decoration:underline;text-underline-offset:3px}.control-other [aria-current]{font-weight:700}.control-card footer{font-size:12px;color:#667770}.control-detail{margin-top:18px}.control-detail h3{font-size:21px;margin:0}.control-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.control-table th{font-size:13px;color:#64736e;background:#f5f8f6;padding:12px}.control-table td{padding:16px 12px;border-top:1px solid #e4ebe8;vertical-align:top;overflow-wrap:anywhere}.control-table th:nth-child(1){width:34%}.control-table th:nth-child(2){width:32%}.control-table th:nth-child(3){width:19%}.control-table th:nth-child(4){width:15%}.control-table td strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;font-weight:500;line-height:1.65;margin:4px 0}.control-table td small{display:block;color:#63756d;font-size:13px;margin:4px 0}.control-table ul{margin:8px 0 0;padding-left:17px;font-size:14px;line-height:1.65}.control-table .btn{white-space:normal}.control-lamp{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:600}.control-lamp i{width:8px;height:8px;display:inline-block;border-radius:50%;background:currentColor}.control-lamp.red{color:#af2d24}.control-lamp.yellow{color:#93600f}.control-lamp.green{color:#06704e}.control-lamp.gray{color:#6a7972}.control-rules{margin:14px 0;color:#62756c;font-size:13px;line-height:1.8}.control-rules summary{cursor:pointer}.tracking-control-lamp{display:block;margin-top:6px}.control-detail .panel-head{gap:12px;flex-wrap:wrap}
.control-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.control-card>header p{font-size:14px;color:#596d64;margin:0 0 5px;line-height:1.45}.control-card>header small{display:block;color:#71817a;font-size:12px}.control-enter{flex:0 0 auto;border:0;background:transparent;color:#087458;font:inherit;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;padding:4px 0;cursor:pointer}.control-enter:hover{text-decoration:underline;text-underline-offset:3px}.control-enter:focus-visible{outline:3px solid #237166;outline-offset:3px}.control-detail{scroll-margin-top:18px;border:2px solid #8cb8a7}
@media(max-width:1100px){.control-card{padding:16px}.control-cards{gap:10px}.control-table th:nth-child(1){width:31%}.control-table th:nth-child(2){width:31%}.control-table th:nth-child(3){width:21%}.control-table th:nth-child(4){width:17%}}
@media(max-width:720px){.control-cards{grid-template-columns:1fr}.control-card{padding:16px}.control-counts{gap:12px}.project-control>.panel-head{align-items:flex-start;flex-wrap:wrap}.control-table,.control-table tbody,.control-table tr,.control-table td{display:block;width:100%}.control-table thead{display:none}.control-table tr{border-top:1px solid #dae5df;padding:12px 0}.control-table td{border:0;padding:5px 0}.control-table td:before{content:attr(data-label);display:block;font-size:12px;color:#697970;margin-bottom:3px}.control-table td .btn{min-height:44px}.control-detail{padding:18px}.control-card h3{font-size:19px}}
@media(max-width:720px){.control-card>header{display:block}.control-enter{display:inline-block;margin-top:8px}}

/* Card navigation and signal filters are separate, consistent interaction targets. */
.control-card>header{display:block;margin:-8px -8px 14px}
.control-card-entry{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-radius:11px;padding:8px;color:inherit;text-decoration:none}
.control-card-entry:hover{background:#f3f8f5}
.control-card-entry:hover .control-enter{text-decoration:underline;text-underline-offset:3px}
.control-card-copy{display:block;min-width:0}
.control-card-entry p{font-size:14px;color:#596d64;margin:0 0 5px;line-height:1.55}
.control-card-entry small{display:block;color:#60736a;font-size:13px;font-weight:700;line-height:1.45}
.control-enter{flex:0 0 auto;border:0;background:transparent;color:#087458;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;padding:4px 0}
.control-signal-help{font-size:12px;color:#667770;margin:0 0 8px}
.control-counts{grid-template-columns:repeat(2,minmax(0,1fr))}
.control-count{min-height:112px;justify-content:center}
.control-count.green{background:#eaf8f2;color:#08684d}
.control-count.gray{background:#f0f4f2;color:#53655d}
.control-count:hover,.control-count.selected{box-shadow:0 0 0 1px currentColor}
.control-card-entry:focus-visible,.control-count:focus-visible{outline:3px solid #237166;outline-offset:3px}
.control-card footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;margin-top:13px;padding-top:12px;border-top:1px solid #e2eae6}
.control-card footer span{white-space:nowrap}
.control-card footer small{grid-column:1/-1;color:#78867f}
@media(max-width:720px){.control-card-entry{display:block}.control-enter{display:inline-block;margin-top:8px;font-size:14px}.control-card-entry small{font-size:13px}.control-count{min-height:100px}.control-card footer{grid-template-columns:1fr 1fr}.control-card footer span:first-child{grid-column:1/-1}}
