.lbp-guideFinder {
    --lbp-gold: #d6ab4f;
    --lbp-gold-ink: color-mix(in srgb, hsla(var(--xf-textColor)) 55%, var(--lbp-gold));
    padding: 1.5rem;
    margin: 0 0 1.5rem;
    border: 1px solid color-mix(in srgb, hsla(var(--xf-borderColor)) 55%, var(--lbp-gold));
    border-top: 4px solid var(--lbp-gold);
    border-radius: 6px;
    background: hsla(var(--xf-contentBg));
    background: color-mix(in srgb, hsla(var(--xf-contentBg)) 96%, var(--lbp-gold));
    color: hsla(var(--xf-textColor));
    font: inherit;
    font-size: 16px;
    line-height: 1.5;
}
.lbp-guideFinder h2 { margin: 0 0 .5rem; font-size: 28px; line-height: 1.2; letter-spacing: -.025em; color: var(--lbp-gold-ink) !important; }
.lbp-guideFinder p { margin: 0 0 1.25rem; }
.lbp-guideFinder [hidden] { display: none !important; }
.lbp-guideFinder-controls { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-bottom: 1.25rem; }
.lbp-guideFinder-field { flex: 1 1 14rem; min-width: 0; }
.lbp-guideFinder label { display: block; margin-bottom: .375rem; font-weight: 700; }
.lbp-guideFinder select {
    box-sizing: border-box;
    width: 100%; min-height: 48px; padding: .625rem .75rem;
    font: inherit; color: hsla(var(--xf-textColor));
    background-color: hsla(var(--xf-inputBgColor));
    border: 1px solid color-mix(in srgb, hsla(var(--xf-borderColorHeavy)) 65%, var(--lbp-gold)); border-radius: 4px;
}
.lbp-guideFinder select:hover { border-color: var(--lbp-gold-ink); }
.lbp-guideFinder select:focus-visible, .lbp-guideFinder a:focus-visible {
    outline: 3px solid var(--lbp-gold-ink); outline-offset: 3px;
}
.lbp-guideFinder-results { list-style: none; padding: 0; margin: 0; }
.lbp-guideFinder-item { margin: 0; border-top: 1px solid color-mix(in srgb, hsla(var(--xf-borderColor)) 75%, var(--lbp-gold)); }
.lbp-guideFinder-item a { position: relative; display: block; padding: 1rem 2rem 1rem .75rem; min-height: 48px; box-sizing: border-box; color: var(--lbp-gold-ink) !important; text-decoration: none; border-left: 3px solid transparent; }
.lbp-guideFinder-item a::after { content: '\2192'; position: absolute; right: .5rem; top: .875rem; font-size: 20px; line-height: 1.5; color: var(--lbp-gold-ink); }
.lbp-guideFinder-item a:hover, .lbp-guideFinder-item a:focus-visible { background: color-mix(in srgb, hsla(var(--xf-contentBg)) 89%, var(--lbp-gold)); border-left-color: var(--lbp-gold); }
.lbp-guideFinder-item a:hover .lbp-guideFinder-title { text-decoration: underline; text-underline-offset: 3px; }
.lbp-guideFinder-title { display: block; font-weight: 700; }
.lbp-guideFinder-description { display: block; margin-top: .125rem; font-size: 14px; color: hsla(var(--xf-textColorDimmed)); }
.lbp-guideFinder .lbp-guideFinder-status { margin: 0 0 .5rem; font-size: 14px; }
.lbp-guideFinder .lbp-guideFinder-note { margin: 1rem 0 0; font-size: 14px; color: hsla(var(--xf-textColorDimmed)); }
@media (max-width: 650px) {
    .lbp-guideFinder { padding: 1rem; }
    .lbp-guideFinder h2 { font-size: 25px; }
    .lbp-guideFinder-controls { gap: .875rem; }
    .lbp-guideFinder-item a { padding-left: .5rem; }
}
