/* Sterling Find: header button, homepage box and search overlay (staging preview, 2026-10). */
.nav-search{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;margin-right:10px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:rgba(255,255,255,.78);font:600 13.5px 'Inter',system-ui,sans-serif;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}
.nav-search:hover{border-color:#f2c14e;color:#fff}
.nav-search svg{width:16px;height:16px;flex:none}
.nav-search kbd{font:600 11px 'Spline Sans Mono',monospace;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:1px 6px}
.nav-search-m{display:none;align-items:center;justify-content:center;width:38px;height:38px;margin-left:auto;margin-right:8px;border:1px solid rgba(242,193,78,.6);border-radius:8px;background:transparent;color:#f2c14e;cursor:pointer}
.nav-search-m svg{width:19px;height:19px}
@media (max-width:1240px){.nav-search .ns-l,.nav-search kbd{display:none}.nav-search{padding:0 10px;margin-right:4px}}
@media (max-width:960px){.nav-search-m{display:inline-flex}.nav-search-m + .nav-signin-m{margin-left:0}}

.hero-find{margin-top:18px;max-width:520px}
.hero-find label{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(5,9,15,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:text;transition:border-color .2s,box-shadow .3s}
.hero-find label:hover,.hero-find label:focus-within{border-color:#f2c14e;box-shadow:0 0 0 4px rgba(242,193,78,.14)}
.hero-find svg{width:19px;height:19px;color:#f2c14e;flex:none}
.hero-find input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font:500 16px 'Inter',system-ui,sans-serif}
.hero-find input::placeholder{color:rgba(255,255,255,.5)}
.hero-find small{display:block;margin-top:8px;font:500 13px 'Inter',system-ui,sans-serif;color:rgba(255,255,255,.5)}

.sf{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 48px);margin:24px auto auto;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(180deg,#0e2440,#070d18);color:rgba(255,255,255,.9);font:400 16px/1.55 'Inter',system-ui,sans-serif;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);overflow:auto}
.sf::backdrop{background:rgba(3,6,11,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sf *{box-sizing:border-box}
.sf-box{padding:16px}
.sf-field{display:flex;align-items:center;gap:12px;height:58px;padding:0 8px 0 16px;border-radius:14px;border:1.5px solid #f2c14e;background:rgba(5,9,15,.6);box-shadow:0 0 0 5px rgba(242,193,78,.12)}
.sf-field svg{width:21px;height:21px;color:#f2c14e;flex:none}
.sf-field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font:500 18px 'Inter',system-ui,sans-serif}
.sf-field input::placeholder{color:rgba(255,255,255,.45)}
.sf-field input::-webkit-search-cancel-button{display:none}
.sf-close{border:1px solid rgba(255,255,255,.22);background:transparent;color:rgba(255,255,255,.7);border-radius:8px;padding:6px 10px;font:600 13px 'Spline Sans Mono',monospace;cursor:pointer}
.sf-close:hover{color:#fff;border-color:#f2c14e}
.sf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sf.has-q .sf-chips{display:none}
.sf-chips button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);border-radius:999px;padding:6px 13px;font:600 14px 'Inter',system-ui,sans-serif;color:rgba(255,255,255,.75);cursor:pointer}
.sf-chips button:hover{border-color:#f2c14e;color:#fff}
.sf-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 8px}
.sf-top:has(.sf-count:empty){display:none}
.sf-count{font-size:14px;color:rgba(255,255,255,.6)}
.sf-tabs{display:flex;gap:4px;flex-wrap:wrap}
.sf-tabs button{border:0;background:transparent;border-radius:999px;padding:5px 11px;font:600 13.5px 'Inter',system-ui,sans-serif;color:rgba(255,255,255,.65);cursor:pointer}
.sf-tabs button[aria-pressed="true"]{background:#f2c14e;color:#241a04}
.sf-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sf-r{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:inherit;text-decoration:none;font:inherit;cursor:pointer;transition:border-color .2s,background .2s;animation:sfIn .4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 30ms)}
.sf-r:hover,.sf-r.sel{border-color:#f2c14e;background:rgba(255,255,255,.08)}
@keyframes sfIn{from{opacity:0;transform:translateY(6px)}}
.sf-th,.sf-ic{flex:none;width:88px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative}
.sf-th{background:#0b1830}
.sf-th img{width:100%;height:100%;object-fit:cover;display:block}
.sf-th i{position:absolute;inset:0;margin:auto;width:28px;height:28px;border-radius:50%;background:rgba(5,9,15,.72);border:1px solid rgba(255,255,255,.5)}
.sf-th i::after{content:"";position:absolute;left:11px;top:8px;border-left:8px solid #fff;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.sf-ic{display:grid;place-items:center;font:600 12px 'Spline Sans Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:#f2c14e;border:1px solid rgba(255,255,255,.18);background:linear-gradient(160deg,rgba(242,193,78,.1),transparent)}
.sf-ask{border-style:dashed}
.sf-ask .sf-ic{font-size:19px;letter-spacing:0}
.sf-tx{min-width:0}
.sf-r__t{display:block;font:700 15.5px/1.3 'Plus Jakarta Sans',system-ui,sans-serif;color:#fff}
.sf-r__d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.62);margin-top:2px}
.sf-none{padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.65);font-size:15px}
.sf-answers:empty{display:none}
.sf-answers{margin-top:12px}
.sf-card{padding:14px 16px;border-radius:12px;border:1px solid rgba(242,193,78,.35);background:rgba(242,193,78,.05);margin-bottom:8px}
.sf-q{font-weight:600;font-size:14px;color:#f2c14e;margin-bottom:6px}
.sf-a{font-size:15.5px;line-height:1.65;white-space:pre-line}
.sf-src{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sf-src a{font:600 13.5px 'Plus Jakarta Sans',system-ui,sans-serif;color:#fbe9a8;border:1px solid rgba(242,193,78,.3);border-radius:8px;padding:6px 10px;text-decoration:none;text-transform:capitalize}
.sf-full{display:inline-block;margin-top:12px;font:600 14px 'Inter',system-ui,sans-serif;color:#f2c14e;text-decoration:none}
.sf-full:hover{text-decoration:underline}
.sf-v{width:min(960px,calc(100% - 24px));padding:0;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#05090f;color:#fff;overflow:hidden}
.sf-v::backdrop{background:rgba(3,6,11,.8)}
.sf-v__f{aspect-ratio:16/9;background:#000}
.sf-v__f iframe{width:100%;height:100%;border:0;display:block}
.sf-v__b{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;font:400 14px 'Inter',system-ui,sans-serif}
.sf-v__b strong{font:700 15px 'Plus Jakarta Sans',system-ui,sans-serif;margin-right:auto}
.sf-v__b a{color:#f2c14e;font-weight:600;text-decoration:none}
.sf-v__b button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:5px 13px;font:600 13.5px 'Inter',system-ui,sans-serif;cursor:pointer}
.sf-preview{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:99;padding:7px 12px;border-radius:999px;background:#f2c14e;color:#241a04;font:700 12.5px 'Inter',system-ui,sans-serif;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
@media (max-width:640px){.sf{margin-top:10px;max-height:calc(100dvh - 20px)}.sf-box{padding:12px}.sf-th,.sf-ic{width:66px}.sf-field input{font-size:16px}}
@media (prefers-reduced-motion:reduce){.sf-r{animation:none}}

/* quick question (asks before it answers) */
.sf-results[hidden]{display:none}
.sf-qc{margin-top:12px;padding:16px;border-radius:14px;border:1px solid rgba(242,193,78,.45);background:linear-gradient(160deg,rgba(242,193,78,.1),rgba(255,255,255,.03));animation:sfIn .4s cubic-bezier(.16,1,.3,1) both}
.sf-qc__k{font:600 13px 'Inter',system-ui,sans-serif;color:rgba(255,255,255,.6)}
.sf-qc__q{font:400 23px/1.2 'DM Serif Display',Georgia,serif;color:#fff;margin:4px 0 12px}
.sf-qc__o{display:flex;flex-wrap:wrap;gap:8px}
.sf-qc__o button{border:1px solid rgba(242,193,78,.55);background:rgba(5,9,15,.4);color:#fff;border-radius:12px;padding:10px 14px;font:600 15px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;text-align:left;transition:background .2s,color .2s}
.sf-qc__o button:hover,.sf-qc__o button:focus-visible,.sf-qc__o button.sel{background:#f2c14e;color:#241a04;outline:0}
.sf-qc__see{display:block;margin-top:14px;padding:0;border:0;background:none;color:rgba(255,255,255,.6);font:600 13.5px 'Inter',system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sf-qc__back{padding:0;margin-bottom:6px;border:0;background:none;color:#f2c14e;font:600 13.5px 'Inter',system-ui,sans-serif;cursor:pointer}
.sf-qc__say{margin:0 0 10px;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.88)}
.sf-qc .sf-list{margin-top:10px}
.sf-qc__foot{margin-top:12px}
.sf-qc__foot button{border:1px dashed rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.8);border-radius:10px;padding:8px 12px;font:600 14px 'Inter',system-ui,sans-serif;cursor:pointer}
.sf-qc__foot button:hover{border-color:#f2c14e;color:#fff}
.sf-a a{color:#f2c14e;text-decoration:underline;text-underline-offset:3px}

/* inline on the /find/ page */
.sf-inline .sf-box{padding:0}
.sf-inline .sf-field{height:66px;border-radius:18px;border-color:rgba(255,255,255,.22);box-shadow:0 30px 60px -34px rgba(0,0,0,.7)}
.sf-inline .sf-field:focus-within{border-color:#f2c14e;box-shadow:0 0 0 5px rgba(242,193,78,.16),0 30px 60px -34px rgba(0,0,0,.7)}
.sf-inline .sf-field input{font-size:19px}
.sf-inline .sf-chips{justify-content:center;margin-top:16px}
[data-theme="bone"] .sf-inline .sf-field{background:#fff;border-color:rgba(14,36,64,.22);box-shadow:0 26px 50px -32px rgba(14,36,64,.35)}
[data-theme="bone"] .sf-inline .sf-field svg{color:#c8902a}
[data-theme="bone"] .sf-inline .sf-field input{color:#0e2440}
[data-theme="bone"] .sf-inline .sf-field input::placeholder{color:#7c879a}
[data-theme="bone"] .sf-inline .sf-chips button,[data-theme="bone"] .sf-inline .sf-r,[data-theme="bone"] .sf-inline .sf-none{background:#fff;border-color:rgba(14,36,64,.12);color:#5a667d}
[data-theme="bone"] .sf-inline .sf-r:hover,[data-theme="bone"] .sf-inline .sf-r.sel{border-color:#c8902a;background:#fbf8f1}
[data-theme="bone"] .sf-inline .sf-r__t{color:#0e2440}
[data-theme="bone"] .sf-inline .sf-r__d,[data-theme="bone"] .sf-inline .sf-count,[data-theme="bone"] .sf-inline .sf-tabs button{color:#5a667d}
[data-theme="bone"] .sf-inline .sf-tabs button[aria-pressed="true"]{background:#c8902a;color:#fff}
[data-theme="bone"] .sf-inline .sf-ic{color:#a8761f;border-color:rgba(14,36,64,.15)}
[data-theme="bone"] .sf-inline .sf-qc{background:#fff;border-color:rgba(200,144,42,.5)}
[data-theme="bone"] .sf-inline .sf-qc__k{color:#5a667d}
[data-theme="bone"] .sf-inline .sf-qc__q{color:#0e2440}
[data-theme="bone"] .sf-inline .sf-qc__say,[data-theme="bone"] .sf-inline .sf-a{color:#15223a}
[data-theme="bone"] .sf-inline .sf-qc__o button{background:#fbf8f1;color:#0e2440;border-color:rgba(200,144,42,.55)}
[data-theme="bone"] .sf-inline .sf-qc__o button:hover,[data-theme="bone"] .sf-inline .sf-qc__o button:focus-visible{background:#c8902a;color:#fff}
[data-theme="bone"] .sf-inline .sf-qc__back,[data-theme="bone"] .sf-inline .sf-a a,[data-theme="bone"] .sf-inline .sf-q{color:#a8761f}
[data-theme="bone"] .sf-inline .sf-qc__see{color:#5a667d}
[data-theme="bone"] .sf-inline .sf-qc__foot button{color:#5a667d;border-color:rgba(14,36,64,.25)}
[data-theme="bone"] .sf-inline .sf-card{background:#fff;border-color:rgba(200,144,42,.4)}
[data-theme="bone"] .sf-inline .sf-src a{color:#8a6116;border-color:rgba(200,144,42,.4)}