.national-q4-panel { margin: 14px 0; border: 1px solid #d7e2ee; border-radius: 14px; background: #f7faff; color: #16334d; }
.national-q4-panel summary { cursor: pointer; padding: 15px 18px; font-weight: 750; }
.national-q4-panel summary small { display: block; margin: 6px 0 0; font-weight: 500; color: #5c7083; }
.national-q4-content { padding: 0 18px 18px; font-size: 13px; line-height: 1.65; }
.national-q4-content p { margin: 10px 0; }
.national-q4-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 20px; margin: 14px 0; }
.national-q4-content label { display: flex; align-items: center; gap: 8px; min-width: 0; }
.national-q4-content input[type=checkbox] { flex-shrink: 0; width: 17px; height: 17px; accent-color: #165b97; }
.national-q4-content label:has(input:disabled) { color: #788591; }
.national-q4-mode { flex-wrap: wrap; font-weight: 650; }
.national-q4-mode select { flex: 1; min-width: 220px; padding: 10px; border: 1px solid #c8d6e4; border-radius: 8px; background: white; color: #16334d; }
.national-q4-content input[type=number] { width: 100px; padding: 8px; border: 1px solid #c8d6e4; border-radius: 8px; }
.national-q4-content .national-q4-error { padding: 12px; border-radius: 8px; background: #fff0ee; color: #a33022; }
.national-q4-content .national-q4-message { padding: 12px; border-radius: 8px; background: #e9f4ec; color: #235d35; }
@media(max-width:600px) { .national-q4-grid { grid-template-columns: 1fr; } .national-q4-mode select { width: 100%; min-width: 0; } .national-q4-content { padding: 0 12px 14px; } }