.mount-index { max-width: 78rem; margin-inline: auto; }
.mount-intro,.mount-notes { max-width: 66ch; }
.mount-finder { margin-block: 1.2rem 2rem; padding: 1rem; background: var(--bg-2); border: 1px solid var(--edge); box-shadow: inset 0 1px var(--edge-inner); }
.mount-controls fieldset { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 0 0 .75rem; padding: 0; border: 0; }
.mount-controls legend,.mount-inputs label { font-family: var(--font-ui); }
.mount-controls fieldset label { display: inline-flex; align-items: center; min-height: 44px; gap: .35rem; }
.mount-inputs { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr) auto; gap: .65rem; align-items: end; }
.mount-inputs label { display: grid; gap: .3rem; min-width: 0; }
.mount-inputs input,.mount-inputs select { width: 100%; min-width: 0; min-height: 44px; padding: .5rem; border: 1px solid var(--edge-inner); border-radius: 2px; background: var(--bg); color: var(--ink); font: inherit; }
.mount-results { margin: .75rem 0; color: var(--ink-2); font-family: var(--font-ui); }
.mount-empty { padding: 1rem; border: 1px solid var(--edge-inner); }
.mount-records { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: minmax(0,1fr); }
.mount-record { padding: .9rem 0; border-top: 1px solid var(--edge-inner); min-width: 0; overflow-wrap: anywhere; }
.mount-record-title { display: flex; align-items: baseline; gap: .5rem; }
.mount-record-title h3 { margin: 0; }
.mount-record p { margin: .35rem 0; }
.mount-record-category,.mount-record-state { color: var(--ink-2); font-size: .875rem; }
.mount-record summary { cursor: pointer; min-height: 44px; align-content: center; font-family: var(--font-ui); }
.mount-record dl { display: grid; grid-template-columns: minmax(0,7rem) minmax(0,1fr); gap: .3rem .7rem; font-size: .875rem; margin: .5rem 0; }
.mount-record dd { margin: 0; }
.mount-index [hidden] { display: none !important; }
@media (min-width: 45rem) { @container page (width >= 44rem) { .mount-records { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 2rem; } } }
@media (max-width: 44rem) { .mount-inputs { grid-template-columns: minmax(0,1fr); } }
@container page (width < 44rem) { .mount-inputs { grid-template-columns: minmax(0,1fr); } }
@container page (width < 20rem) { .mount-record dl { grid-template-columns: minmax(0,1fr); } }