#state-filter { max-width: 27rem; margin: 1rem 0; }
#state-filter label { display: block; font-weight: 650; }
#state-search { width: 100%; min-height: 44px; padding: .5rem .7rem; font: inherit; border: 1px solid #789383; border-radius: 6px; }
.entry-state-table { width: 100%; border-collapse: collapse; }
.entry-state-table caption { text-align: left; font-weight: 650; padding: .5rem 0; }
.entry-state-table th, .entry-state-table td { padding: .8rem .65rem; text-align: left; vertical-align: top; border-bottom: 1px solid #d7e2d9; }
.entry-state-table thead { background: #eef5ed; }
.entry-state-table tbody th { width: 18%; }
.entry-state-table tbody td:first-of-type { width: 21%; font-weight: 650; }
.entry-state-table p { margin: 0 0 .5rem; }
.entry-state-table summary { cursor: pointer; }
.entry-state-table a { overflow-wrap: anywhere; }
.state-code { display: block; color: #3f6151; font-size: .86em; font-weight: normal; }
@media (max-width: 650px) {
 .entry-state-table, .entry-state-table caption, .entry-state-table tbody, .entry-state-table tr, .entry-state-table th, .entry-state-table td { display: block; }
 .entry-state-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .entry-state-table tbody tr { padding: .65rem; margin-block: .65rem; border: 1px solid #d7e2d9; border-radius: 8px; }
 .entry-state-table tbody th, .entry-state-table tbody td:first-of-type { width: auto; }
 .entry-state-table th, .entry-state-table td { border: 0; padding: .25rem; }
 .state-code { display: inline; margin-left: .25rem; }
}
.entry-state-table tr[hidden] { display: none; }
