.file-finder{box-sizing:border-box;max-width:46rem}
.file-finder label{display:block;margin:.5rem 0;font-weight:650}
.file-finder input,.file-finder select{display:block;width:100%;min-height:46px;box-sizing:border-box;margin:.35rem 0;padding:.5rem .7rem;background:#15282f;color:#f1f5ee;border:1px solid #6f8884;border-radius:.4rem;font:inherit}
.file-finder input:focus-visible,.file-finder select:focus-visible,.file-finder a:focus-visible{outline:3px solid #d2f99a;outline-offset:2px}
.file-finder .finder-instructions{margin:.55rem 0;padding:0;list-style:none}
.file-finder .finder-dropdown,.file-finder .finder-other{margin:1rem 0}
.file-finder .finder-instructions{list-style:decimal;margin-left:1.6rem}
.file-finder .finder-instructions li{margin:.5rem 0;padding:.3rem .25rem;line-height:1.5}
.file-finder .finder-instructions a{display:block;width:max-content;max-width:100%}
.file-finder [hidden]{display:none!important}

.file-finder .finder-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem .75rem;align-items:end}
.file-finder .finder-search button,.file-finder .finder-pager button,.file-finder .finder-dialog button{box-sizing:border-box;min-height:44px;white-space:normal;font:650 1rem/1.35 system-ui,sans-serif}
.file-finder .finder-search button{margin:0 0 .85rem}
.file-finder .finder-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.5rem;margin:.55rem 0;padding:0;list-style:none}
.file-finder .finder-cards li{display:flex;gap:.65rem;align-items:center;min-width:0;padding:.7rem .8rem;background:#17292d;border:1px solid #45645c;border-radius:.5rem}
.file-finder .finder-cards img{width:4rem;height:4rem;object-fit:cover;flex:none;border-radius:.3rem}
.file-finder .finder-cards a{display:inline-flex;align-items:center;min-height:44px;color:#dcf7b8;font-weight:bold}
.file-finder .finder-cards small{display:block;color:#b4cdca}
.file-finder .finder-cards a,.file-finder small,.file-finder .finder-dialog{overflow-wrap:anywhere}
.file-finder .finder-pager{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:.75rem 0}
.file-finder .finder-pager + div a{display:inline-flex;min-height:44px;align-items:center;margin-right:1rem}
.file-finder details summary{cursor:pointer;min-height:44px;align-content:center}
.file-finder dialog.finder-dialog{position:fixed;box-sizing:border-box;width:min(32rem,calc(100vw - 1rem));max-height:min(86dvh,44rem);margin:auto;padding:0 1rem 1rem;background:#17282d;color:#edf5ef;border:1px solid #75927b;border-radius:.65rem;overflow:auto}
.finder-dialog::backdrop{background:#091014bb}.finder-dialog h2{font-size:1.4rem;line-height:1.3}
body:has(.finder-dialog[open]){overflow:hidden}
.finder-dialog .finder-dialog-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#17282d;border-bottom:1px solid #466159;padding:.5rem 0}
.file-finder .finder-dialog>a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .8rem;background:#d0f39e;color:#182319;border-radius:.35rem;font-weight:750}
@media(max-width:600px){.file-finder .finder-search{grid-template-columns:minmax(0,1fr) auto}.file-finder .finder-search label:first-child{grid-column:1/-1}.file-finder .finder-search label{margin:0}.file-finder .finder-search button{margin-bottom:.35rem}}