.resource-form label { display: block; font-weight: 600; margin-bottom: .4rem; }
.resource-form .form-control, .resource-form .form-select { min-height: 48px; color: #202020; background-color: #fff; border: 1px solid #aaa; }
.resource-form :focus-visible { outline: 3px solid var(--primary-color); outline-offset: 3px; }
.resource-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.resource-results > div { background: #f5f5f5; border-radius: 4px; padding: 1rem; }
.resource-results span, .resource-results strong { display: block; }
.resource-results strong { color: #202020; font-size: 1.3rem; overflow-wrap: anywhere; }
.resource-checklist { padding-left: 1.5rem; }
.resource-checklist li { padding-left: .5rem; margin-bottom: 1.5rem; }
.resource-checklist li::marker { color: var(--primary-color); font-weight: 700; }
.resource-terms { margin: 0; }
.resource-terms > div { display: grid; grid-template-columns: 55px 1fr; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid #8885; }
.resource-terms dd { margin: 0; }
section[id], article[id] { scroll-margin-top: 100px; }
@media (max-width: 420px) { .resource-results { grid-template-columns: 1fr; } }