@import url('https://fonts.googleapis.com/css2?family=Anton&family=Spline+Sans:wght@400;500;600;700&family=Spline+Sans+Mono:wght@500;600&display=swap');
/* Break out of the theme's BC WebPage wrapper (.container, max-width:1230px, centered).
   Capped at 1800px (not truly infinite) to match the results page treatment.
   The .vebm-fullbleed class is added to the ancestor .container via JS below. */
.vebm-fullbleed{max-width:1800px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;}
/* Theme's default main.body{padding-bottom:100px} leaves a blank band above the
   footer. Kill it -- .vebm-nobottompad is added to main.body by the JS below. */
.vebm-nobottompad{padding-bottom:0!important}
:root{--vebm-bone:#f5f2ea;--vebm-paper:#fffefb;--vebm-ink:#141210;--vebm-ink-2:#4a443d;--vebm-ink-3:#6e675d;--vebm-rule:#141210;--vebm-line:#ddd5c6;--vebm-amber:#ff7a18;--vebm-amber-soft:#ffe9d4;}
.vebm-root *{box-sizing:border-box;margin:0;padding:0}
.vebm-root{background:var(--vebm-bone);color:var(--vebm-ink);font-family:'Spline Sans',system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
.vebm-root img{max-width:100%;display:block}
.vebm-wrap{max-width:1100px;margin:0 auto;padding:0 28px}
.vebm-display{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:-.005em;line-height:.92;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.vebm-root *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.vebm-skip{position:absolute;left:-999px}.vebm-skip:focus{left:16px;top:16px;z-index:100;background:var(--vebm-ink);color:#fff;padding:10px 16px;font-weight:700}
.vebm-root a:focus-visible,.vebm-root button:focus-visible{outline:3px solid var(--vebm-amber);outline-offset:3px}
.vebm-opt:focus-visible{outline:3px solid var(--vebm-amber);outline-offset:-3px}

.vebm-btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.96rem;padding:14px 24px;cursor:pointer;border:2px solid var(--vebm-ink);text-decoration:none;transition:transform .14s,background .14s,color .14s;min-height:48px}
.vebm-btn-ghost{background:transparent;color:var(--vebm-ink)}.vebm-btn-ghost:hover{background:var(--vebm-ink);color:#fff}
.vebm-btn-primary{background:var(--vebm-amber);color:var(--vebm-ink)}.vebm-btn-primary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--vebm-ink)}
/* The BC theme has a global `a:focus,a:hover{color:#bcb7ae}` (light gray) that out-ranks
   our single-class button colors, so an amber button read gray on hover and the moment
   finish() focused it. Pin every button's text color in those states too. */
.vebm-btn-primary:hover,.vebm-btn-primary:focus{color:var(--vebm-ink)}
.vebm-btn-ghost:focus{color:var(--vebm-ink)}.vebm-btn-ghost:focus:hover{color:#fff}
.vebm-btn:focus-visible{outline:3px solid var(--vebm-ink);outline-offset:3px}
.vebm-scrollcue:hover,.vebm-scrollcue:focus{color:var(--vebm-ink)}

.vebm-masthead{border-bottom:3px solid var(--vebm-rule)}
.vebm-masthead-in{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-family:'Spline Sans Mono',monospace;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.vebm-masthead-in b{font-weight:600}.vebm-masthead-in a{color:var(--vebm-ink-3);text-decoration:none}.vebm-masthead-in a:hover{color:var(--vebm-ink)}

/* ad mode: collapse the on-page masthead for paid traffic (mirrors results.html) */
.vebm-root.is-ad .vebm-masthead{display:none}
/* ad mode: thin ink band at the very top so the page reads as designed to
   be standalone (no site header above it) rather than "chrome got deleted" */
.vebm-root.is-ad{border-top:14px solid var(--vebm-ink)}
/* ad mode: theme's cookie consent bar re-asserts its own inline style on an
   interval, so a one-time JS hide doesn't stick -- a stylesheet !important
   rule beats its non-!important inline style every time it re-renders. */
body.vebm-lp-ad #consent-manager{display:none!important}

/* finder hero -- kept tight so the quiz clears the fold on a typical 1440x900
   laptop viewport (BC theme chrome + our masthead already eats ~390px before
   this block even starts) */
.vebm-fhead{text-align:center;padding:28px 0 8px}
.vebm-fhead .vebm-issue{font-family:'Spline Sans Mono';font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vebm-ink-3)}
.vebm-fhead h1{font-family:'Anton';font-weight:400;font-size:clamp(2.2rem,4.4vw,3.4rem);text-transform:uppercase;line-height:.95;margin:12px 0 0}
.vebm-fhead h1 .amb{color:var(--vebm-amber)}
.vebm-fhead h1 .vebm-h1-sub{display:block;font-size:clamp(1.3rem,2.6vw,2rem);margin-top:8px;color:var(--vebm-ink)}
.vebm-fhead p{color:var(--vebm-ink-2);max-width:52ch;margin:14px auto 0;font-size:1.02rem}
.vebm-scrollcue{display:inline-flex;flex-direction:column;align-items:center;gap:4px;margin-top:18px;color:var(--vebm-ink-3);text-decoration:none;font-family:'Spline Sans Mono';font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.vebm-scrollcue svg{animation:vebmbounce 1.6s ease-in-out infinite}
@keyframes vebmbounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* quiz */
.vebm-quizwrap{padding:20px 0 56px}
.vebm-quiz{border:3px solid var(--vebm-rule);background:var(--vebm-paper);max-width:920px;margin:0 auto}
.vebm-quiz-head{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:3px solid var(--vebm-rule);background:var(--vebm-ink);color:#fff;font-family:'Spline Sans Mono';font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.vebm-quiz-bar{height:8px;background:var(--vebm-amber-soft);border-bottom:3px solid var(--vebm-rule)}
.vebm-quiz-bar i{display:block;height:100%;width:33%;background:var(--vebm-amber);transition:width .4s cubic-bezier(.5,.1,.2,1)}
.vebm-quiz-inner{padding:28px 38px}
.vebm-q{display:none}.vebm-q.is-active{display:block;animation:vebmfade .4s ease}
@keyframes vebmfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vebm-q h2{font-family:'Anton';font-weight:400;font-size:1.9rem;text-transform:uppercase;text-align:center;line-height:1}
.vebm-qhint{text-align:center;color:var(--vebm-ink-2);margin:10px 0 20px;font-size:.96rem}
.vebm-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--vebm-ink)}
.vebm-opts-2{grid-template-columns:repeat(2,1fr)}
.vebm-opt{background:var(--vebm-paper);border:none;border-right:2px solid var(--vebm-ink);padding:24px 18px;text-align:left;cursor:pointer;transition:background .14s;color:var(--vebm-ink);display:flex;flex-direction:column;gap:8px;min-height:160px}
.vebm-opt:last-child{border-right:none}
.vebm-opt:hover{background:var(--vebm-bone)}.vebm-opt.is-sel{background:var(--vebm-amber)}
.vebm-opt-ico{width:30px;height:30px;line-height:1;pointer-events:none;color:var(--vebm-ink)}
.vebm-opt-ico svg{width:30px;height:30px;display:block;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.vebm-opt.is-sel .vebm-opt-ico{color:var(--vebm-ink)}
.vebm-opt b{font-family:'Anton';font-weight:400;font-size:1.4rem;text-transform:uppercase;line-height:.95}
.vebm-opt span{font-size:.9rem;color:var(--vebm-ink-2);line-height:1.45}.vebm-opt.is-sel span{color:var(--vebm-ink)}
.vebm-quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px}
.vebm-back{background:none;border:none;color:var(--vebm-ink-3);cursor:pointer;font-weight:600;font-size:.9rem;font-family:'Spline Sans Mono';padding:10px 4px}
.vebm-back:hover{color:var(--vebm-ink)}.vebm-back[disabled]{opacity:0;pointer-events:none}
.vebm-quiz-foot{font-family:'Spline Sans Mono';font-size:.78rem;color:var(--vebm-ink-3)}

/* result interstitial */
.vebm-result{display:none;text-align:center;padding:46px 38px}
.vebm-result.is-on{display:block;animation:vebmfade .45s ease}
.vebm-result .vebm-rkw{font-family:'Spline Sans Mono';font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vebm-ink-3)}
.vebm-result h2{font-family:'Anton';font-weight:400;font-size:2.4rem;text-transform:uppercase;margin:10px 0 0;line-height:1}
.vebm-result h2 .amb{color:var(--vebm-amber)}
.vebm-result p{color:var(--vebm-ink-2);max-width:46ch;margin:14px auto 0}
.vebm-result .vebm-btn{margin-top:26px}
.vebm-spinner{width:34px;height:34px;border:4px solid var(--vebm-amber-soft);border-top-color:var(--vebm-amber);border-radius:50%;margin:0 auto 20px;animation:vebspin .7s linear infinite}
@keyframes vebspin{to{transform:rotate(360deg)}}

/* direct tier links under quiz */
.vebm-direct{text-align:center;padding:0 0 64px}
.vebm-direct p{font-family:'Spline Sans Mono';font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vebm-ink-3);margin-bottom:14px}
.vebm-direct-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

@media (max-width:680px){
  .vebm-wrap{padding:0 18px}
  .vebm-quiz-inner{padding:24px 18px}
  .vebm-opts{grid-template-columns:1fr}
  .vebm-opt{border-right:none;border-bottom:2px solid var(--vebm-ink);min-height:0}
  .vebm-opt:last-child{border-bottom:none}
}