#metadata, #summary { white-space: pre-line; overflow-wrap: anywhere; }
#scope { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .5rem 1rem; max-height: 20rem; overflow: auto; }
#scope .check { margin: 0; min-height: 44px; align-items: center; }
#scope-fields { margin-block: 1.5rem; }
#detail form, #selection-area, #history { border-top: 1px solid var(--line); margin-top: 2rem; padding-top: 1.5rem; }
#detail legend h3 { margin: 0 0 .75rem; }
#detail legend { padding: 0; }
#positions input, #positions select, #differences input { min-width: 11rem; }
#positions label, #differences label { margin: 0; font-size: .875rem; }
.reservation-row { border-block-end: 1px solid var(--line); padding-block: 1rem; }
.reservation-row p { overflow-wrap: anywhere; }
#event-history p { overflow-wrap: anywhere; white-space: pre-line; border-block-end: 1px solid var(--line); padding-bottom: 1rem; }
#detail button[type=submit] { margin-top: 1rem; }