.al-finder {
  max-width: 78rem;
  margin-inline: auto;
  padding: clamp(1rem, 3vw, 2.5rem);
  color: var(--al-text, inherit);
}
.al-finder [hidden] { display: none !important; }
.al-finder__breadcrumb { font-size: .9rem; }
.al-finder__hero { margin-block: 1.25rem; }
.al-finder__hero h1 { margin: 0 0 .5rem; font-size: clamp(1.9rem, 4vw, 3rem); line-height: 1.12; }
.al-finder__hero p, .al-finder__guide > p { max-width: 69ch; text-align: start; }
.al-finder.al-tools-app .al-finder__form { display: grid; gap: .9rem; padding: clamp(.9rem, 3vw, 1.5rem); }
.al-finder__form > button { justify-self: start; }
.al-finder__context { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.al-finder__context:empty { display: none; }
.al-finder__fields, .al-finder__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; }
.al-finder-field { display: grid; align-content: start; gap: .35rem; min-width: 0; }
.al-finder-field__control { display: flex; align-items: center; gap: .35rem; }
.al-finder .al-input { min-height: 44px; width: 100%; min-width: 0; }
.al-finder.al-tools-app .al-finder-field__control select.al-input { width: auto; flex: 0 0 auto; }
.al-finder .al-btn, .al-finder summary { min-height: 44px; }
.al-finder :focus-visible { outline: 2px solid var(--al-primary, #287457); outline-offset: 3px; }
.al-finder summary { align-content: center; cursor: pointer; padding-block: .45rem; font-weight: 650; }
.al-finder__refine { border-block: 1px solid var(--al-border, #8e9f984d); }
.al-finder__refine[open] { padding-block-end: .9rem; }
.al-finder-check { display: flex; align-items: center; min-height: 44px; }
.al-finder__status:empty, .al-finder__stock ul:empty, .al-finder [data-finder-water]:empty { display: none; }
.al-finder__status { margin: 0; }
.al-finder__stock { margin-top: 1rem; }
.al-finder__stock h2 { font-size: 1.1rem; margin-block: 0 .4rem; }
.al-finder__results, .al-finder__guide { margin-block-start: 2rem; }
.al-finder__group { margin-block: 1.5rem; }
.al-finder__group > button { margin-block-start: .8rem; }
.al-finder__card { display: grid; align-content: start; min-width: 0; overflow-wrap: anywhere; }
.al-finder__card h4, .al-finder__card p { margin-block: .35rem; text-align: start; }
.al-finder__photo { aspect-ratio: 16 / 9; display: grid; place-items: center; border-radius: .65rem; background: var(--al-surface-muted, #809b901e); }
.al-finder__photo--empty { aspect-ratio: auto; min-height: 3rem; }
.al-finder__photo img { width: 100%; height: 100%; min-height: 0; object-fit: cover; border-radius: inherit; }
.al-finder__facts { margin-block: .65rem; display: grid; gap: .35rem; }
.al-finder__facts div { display: flex; flex-wrap: wrap; gap: .2rem .5rem; align-items: baseline; }
.al-finder__facts dt { font-weight: 650; }
.al-finder__facts dd { margin: 0; }
.al-finder__card ul { padding-inline-start: 1.25rem; }
.al-finder__actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .65rem; }
.al-finder__profile-link { display: inline-flex; align-items: center; min-height: 44px; padding-inline: .35rem; }
.al-finder__bookmark[aria-pressed='true'] > span:first-child,
.al-finder__bookmark[aria-pressed='false'] > span:last-child { display: none; }
.al-finder__guide details { border-block-start: 1px solid var(--al-border, #8e9f984d); }
.al-finder__dialog:not([open]) { display: none; }
.al-finder a:not(.al-btn) { color: var(--al-tool-color-primary-strong); text-underline-offset: .18em; }
.al-finder__form > .al-finder__context:has(> button[hidden] + button[hidden] + span:empty) { display: none; }
.al-finder #ff-results-title { scroll-margin-top: calc(var(--al-header-height, 72px) + 1rem); }
.al-finder__dialog::backdrop { background: #14211d88; }
.al-finder__dialog { max-width: min(32rem, calc(100% - 1rem)); max-height: calc(100dvh - 1rem); }
@media (prefers-color-scheme: dark) {
  .al-finder.al-tools-app.al-tool-shell {
    --al-tool-color-ink: #eef6f1;
    --al-tool-color-muted: #c7d7cd;
    --al-tool-color-primary-strong: #9bd9b5;
    --al-tool-control-bg: #17231c;
    --al-tool-control-border: #788d7f;
    --al-tool-control-shadow: none;
    --al-tool-surface-elevated: #202e26;
    --al-tool-surface-border: #4a6454;
    color: var(--al-tool-color-ink);
    color-scheme: dark;
    background: #18231d;
  }
}
@media (min-width: 42rem) {
  .al-finder__fields, .al-finder__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 65rem) {
  .al-finder__fields, .al-finder__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}