.sb-finder{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-width:560px;height:min(760px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);padding:0;margin:auto;border:1px solid #907044;background:#1e1b15;color:#eee8da;box-shadow:0 20px 80px #0009;overflow:hidden;isolation:isolate}
.sb-finder[open]{display:flex;flex-direction:column}.sb-finder::backdrop{background:#000b;backdrop-filter:blur(3px)}
.sb-finder *{box-sizing:border-box}.sb-finder button,.sb-finder a{font:inherit}.sb-finder button{cursor:pointer;color:inherit}.sb-finder a{text-decoration:underline;text-underline-offset:4px;color:#dfac69}.sb-finder button:focus-visible,.sb-finder a:focus-visible,.sb-finder summary:focus-visible{outline:3px solid #edbd7d;outline-offset:3px}.sb-finder h3:focus{outline:none}
.sb-finder .sf-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0;padding:22px 24px 18px;border-bottom:1px solid #ffffff26;background:#15140f}
.sb-finder .sf-header p{font-size:10px;letter-spacing:2px;color:#d59b54;margin:0 0 7px}.sb-finder .sf-header h2{font:700 29px/1.1 'Barlow Condensed',sans-serif;letter-spacing:0;text-transform:none;margin:0;color:#eee8da}
.sb-finder .sf-close{position:static;display:grid;place-items:center;flex:none;border:1px solid #ffffff36;background:transparent;width:44px;height:44px;padding:0;font-size:29px;line-height:1;color:#eee8da}
.sb-finder .sf-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px 26px;scrollbar-gutter:stable}
.sb-finder .sf-content h3{font:600 23px/1.25 'DM Sans',sans-serif;margin:0 0 14px;text-transform:none;color:#eee8da}
.sb-finder .sf-content p{font-size:14px;line-height:1.65;color:#c4bcad;margin:0 0 18px}.sb-finder .sf-content .sf-kicker{font-size:10px;letter-spacing:1.7px;color:#d59b54;margin-bottom:12px}.sb-finder .sf-content .sf-small{font-size:12px;line-height:1.6;margin:18px 0 0}
.sb-finder .sf-options,.sb-finder .sf-results{display:grid;gap:10px}.sb-finder .sf-option{position:relative;display:block;width:100%;border:1px solid #ffffff2a;background:#282219;text-align:left;padding:15px 45px 15px 16px;min-height:55px;font-size:15px;line-height:1.4}.sb-finder .sf-option:hover{border-color:#d59b54;background:#30271b}.sb-finder .sf-option strong{display:block;font-weight:600;color:#eee8da}.sb-finder .sf-option>span:not(.sf-chevron){display:block;font-size:12px;color:#c4bcad;margin-top:5px}.sb-finder .sf-chevron{position:absolute;right:16px;top:17px;color:#d59b54;font-size:20px}
.sb-finder .sf-back{min-height:44px;background:none;border:0;padding:0 4px;margin:0 0 14px;color:#dfac69;font-size:13px}.sb-finder .sf-inline{display:inline-block;font-size:13px;line-height:1.5;padding:14px 0 5px;min-height:44px}
.sb-finder .sf-result{padding:18px;border:1px solid #ffffff29;background:#252017;min-width:0}.sb-finder .sf-tag{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#d59b54;margin-bottom:8px}.sb-finder .sf-result h4{font:600 20px/1.35 'DM Sans',sans-serif;margin:0 0 8px;color:#eee8da;overflow-wrap:anywhere}.sb-finder .sf-result p{margin:0 0 12px}.sb-finder .sf-result .sf-abv{color:#dfac69;font-size:13px}.sb-finder .sf-result a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.sb-finder .sf-links{display:flex;flex-wrap:wrap;gap:5px 18px;margin-top:16px}.sb-finder .sf-links a{font-size:13px;display:inline-flex;align-items:center;min-height:44px}
.sb-finder .sf-footer{flex-shrink:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff26;padding:10px 24px;background:#15140f;font-size:11px;color:#c4bcad}.sb-finder .sf-footer>span{flex-basis:auto;font:inherit;letter-spacing:0}.sb-finder .sf-footer button{min-height:44px;background:transparent;border:0;padding:5px;color:#dfac69;white-space:nowrap;font-size:12px}
.sb-finder .sf-faqs details{margin:0;border:0;border-top:1px solid #ffffff26}.sb-finder .sf-faqs summary{padding:18px 0;display:flex;justify-content:space-between;gap:15px;font-size:14px;line-height:1.5;list-style:none}.sb-finder .sf-faqs summary span{font-size:20px;color:#d59b54}.sb-finder .sf-faqs details p{padding:0 0 16px;margin:0;font-size:13px}
@media(max-width:600px){.sb-finder{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.sb-finder .sf-header{padding:18px 18px 16px}.sb-finder .sf-content{padding:18px}.sb-finder .sf-footer{padding:8px 18px}.sb-finder .sf-header h2{font-size:27px}.sb-finder .sf-content h3{font-size:21px}}

/* Printed-card feel; the grain is a background, never a text overlay. */
.sb-finder{background-color:#1b1913;background-image:url('assets/paper-grain.svg');background-blend-mode:soft-light}
.sb-finder .sf-option,.sb-finder .sf-result{background:#252017;border-color:#a5854b70;box-shadow:2px 2px 0 #09080580}
.sb-finder .sf-header,.sb-finder .sf-footer{border-color:#9d794866;border-style:dashed;border-left:0;border-right:0}
/* Keep all seven style choices together at normal device sizes. */
.sb-finder.sf-style-screen{width:min(680px,calc(100vw - 24px));max-width:680px;height:auto;max-height:calc(100dvh - 24px)}
.sf-style-screen .sf-header{padding:16px 20px 12px}
.sf-style-screen .sf-content{padding:12px 20px 16px;flex:1 1 auto}
.sf-style-screen .sf-back{margin:0;min-height:36px}
.sf-style-screen .sf-content .sf-kicker{margin:0 0 5px}
.sf-style-screen .sf-content h3{margin-bottom:12px}
.sf-style-screen .sf-style-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sf-style-screen .sf-option{padding:12px 32px 12px 12px;min-height:76px}
.sf-style-screen .sf-option:last-child{grid-column:1/-1;min-height:54px}
.sf-style-screen .sf-chevron{right:10px;top:12px}
.sf-style-screen .sf-content .sf-small{margin-top:12px}
.sf-style-screen .sf-footer{padding:6px 20px}
@media(max-width:600px){
 .sb-finder.sf-style-screen{width:calc(100vw - 20px)}
 .sf-style-screen .sf-header{padding:12px 14px 10px}
 .sf-style-screen .sf-header p{margin-bottom:4px}
 .sf-style-screen .sf-header h2{font-size:25px}
 .sf-style-screen .sf-content{padding:8px 14px 12px}
 .sf-style-screen .sf-content h3{font-size:19px;margin-bottom:10px}
 .sf-style-screen .sf-option{font-size:14px;padding:11px 34px 11px 10px;min-height:74px}
 .sf-style-screen .sf-option>span:not(.sf-chevron){font-size:11px;line-height:1.4;margin-top:4px}
 .sf-style-screen .sf-chevron{right:8px;font-size:17px}
 .sf-style-screen .sf-content .sf-small{font-size:11px;line-height:1.4;margin-top:10px}
 .sf-style-screen .sf-footer{padding:4px 14px}
}
@media(max-height:700px){.sf-style-screen .sf-option>span:not(.sf-chevron){display:none}.sf-style-screen .sf-option{min-height:52px}.sf-style-screen .sf-option:last-child{min-height:44px}}