.finder-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(16rem, 1fr); gap: 1.5rem; align-items: start; }
.finder-form, .results { background: white; border: 1px solid #ccd4dc; border-radius: 7px; padding: 1rem; }
.field { border: 0; padding: 0; margin: 0 0 1.2rem; min-width: 0; }
.field legend { font-weight: 700; }
.field-hint { font-size: .9rem; color: #4d5965; }
.topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.topic, .radio-row label { display: flex; gap: .5rem; align-items: baseline; font-weight: normal; }
.topic input, .radio-row input { display: inline-block; width: auto; margin: 0; flex: none; }
.radio-row, .example-actions { display: flex; flex-wrap: wrap; gap: .6rem 1rem; }
.example-actions { margin-top: .8rem; }
.example-actions button { font-size: .9rem; }
.result-list { padding-left: 1.4rem; }
.result-list li { border-top: 1px solid #ccd4dc; padding: .8rem 0; }
.result-list h3 { margin: 0 0 .4rem; }
.result-list p { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 800px) { .finder-layout { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .topic-grid { grid-template-columns: 1fr; } }