/* ===== the embeddable block ===== */
  .bridge-hook{
    --forest-deep:#0E2A1E; --forest-mid:#153524; --cream:#F6F1E4; --cream-soft:#EFE8D6; --teal:#2B8C7E; --teal-dark:#1F6F63; --gold:#C79A3D; --gold-dim:#7A6636; --ink:#1B2620; --ink-soft:#5B6459; --ink-faint:#8A9188; --line:rgba(27,38,32,.12);
    max-width:none;
    background:
      radial-gradient(ellipse 760px 420px at 50% -20%, rgba(199,154,61,.18), transparent 62%),
      var(--forest-deep);
    color:var(--cream);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    -webkit-font-smoothing:antialiased;
    padding:clamp(48px,7vw,84px) 22px;
  }
  .bh-inner{max-width:600px;margin:0 auto;}

  .bh-eyebrow{
    font-size:11.5px;font-weight:600;letter-spacing:.16em;
    text-transform:uppercase;color:var(--gold);
    text-align:center;margin-bottom:16px;
  }
  .bh-h2{
    font-family:'Fraunces',Georgia,serif;font-optical-sizing:auto;
    font-weight:500;font-size:clamp(29px,4.6vw,42px);line-height:1.12;
    text-align:center;margin:0 0 14px;color:var(--cream);text-wrap:balance;
  }
  .bh-h2 em{font-style:italic;color:var(--gold);}
  .bh-lede{
    text-align:center;font-size:16px;line-height:1.6;
    color:var(--cream-soft);opacity:.82;max-width:34em;margin:0 auto 34px;
  }

  /* progress ticks */
  .bh-ticks{display:flex;justify-content:center;gap:7px;margin-bottom:26px;}
  .bh-tick{
    width:34px;height:3px;border-radius:2px;
    background:rgba(246,241,228,.18);transition:background .35s ease;
  }
  .bh-tick.on{background:var(--gold);}

  .bh-card{
    background:var(--cream);color:var(--ink);
    border-radius:16px;padding:clamp(26px,4vw,38px);
    box-shadow:0 26px 54px -22px rgba(0,0,0,.55);
    min-height:318px;
    display:flex;flex-direction:column;justify-content:center;
  }
  .bh-stage{animation:bhIn .34s cubic-bezier(.32,.72,.35,1);}
  @keyframes bhIn{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}

  .bh-count{
    font-size:11px;font-weight:600;letter-spacing:.12em;
    text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;
  }
  .bh-q{
    font-family:'Fraunces',Georgia,serif;font-weight:500;
    font-size:clamp(20px,2.9vw,25px);line-height:1.3;
    margin:0 0 22px;color:var(--ink);text-wrap:balance;
  }
  .bh-opts{display:flex;flex-direction:column;gap:8px;}
  .bh-opt{
    text-align:left;width:100%;font-family:inherit;font-size:15.5px;
    line-height:1.45;color:var(--ink);background:#fff;cursor:pointer;
    border:1px solid var(--line);border-radius:11px;padding:14px 17px;
    transition:border-color .14s,background .14s,transform .14s;
  }
  .bh-opt:hover{border-color:var(--teal);background:rgba(43,140,126,.055);transform:translateX(2px);}
  .bh-opt:focus-visible{outline:2px solid var(--teal);outline-offset:2px;}
  .bh-opt.picked{border-color:var(--teal);background:rgba(43,140,126,.1);box-shadow:inset 0 0 0 1px var(--teal);}

  .bh-back{
    background:none;border:none;font-family:inherit;font-size:13.5px;
    color:var(--ink-faint);cursor:pointer;padding:10px 2px 0;align-self:flex-start;
  }
  .bh-back:hover{color:var(--ink-soft);}

  /* result */
  .bh-r-eyebrow{
    font-size:11px;font-weight:600;letter-spacing:.12em;
    text-transform:uppercase;color:var(--teal-dark);margin-bottom:9px;
  }
  .bh-r-title{
    font-family:'Fraunces',Georgia,serif;font-weight:500;
    font-size:clamp(27px,4vw,35px);line-height:1.12;
    margin:0 0 14px;color:var(--ink);text-wrap:balance;
  }
  .bh-r-body{font-size:16.5px;line-height:1.72;color:var(--ink-soft);margin:0 0 12px;}
  .bh-r-body strong{color:var(--ink);font-weight:600;}
  .bh-r-verse{
    font-size:13.5px;font-style:italic;color:var(--gold-dim);
    border-left:2px solid var(--gold);padding-left:14px;margin:20px 0 24px;
  }
  .bh-ctas{display:flex;flex-wrap:wrap;gap:11px;align-items:center;}
  .bh-cta{
    display:inline-block;background:var(--teal-dark);color:#fff;
    text-decoration:none;border-radius:10px;padding:14px 22px;
    font-size:15px;font-weight:600;transition:background .15s;
  }
  .bh-cta:hover{background:#18564C;}
  .bh-cta.alt{
    background:none;color:var(--ink);
    border:1px solid var(--line);
  }
  .bh-cta.alt:hover{background:rgba(27,38,32,.045);border-color:var(--ink-faint);}
  .bh-restart{
    background:none;border:none;font-family:inherit;font-size:13.5px;
    color:var(--ink-faint);text-decoration:underline;cursor:pointer;padding:6px 2px;
  }
  .bh-note{
    text-align:center;font-size:13px;color:var(--cream-soft);
    opacity:.55;margin:20px 0 0;
  }

  @media (prefers-reduced-motion:reduce){
    .bridge-hook *{animation:none !important;transition:none !important;}
  }