/* css/onboard-pre.css — SCAN-FIRST SIGN-UP (onboarding board GkbYTzQfqRvUBFkNWBUxmg, locked by Ty 10-24).
   "Show Bob your business" → "Is this you?" → split (the live 150C sign-up card left, Bob reading right) →
   3 goal taps → the dashboard's "Here's you". Same look and motion as the live setup (js/onboarding-v3.js
   ob3-* rules, copied here because /signup does not load it) + the board's new parts (obp-*, the board's
   r3-* renamed). js/onboard-pre.js draws it; signup.html mounts it when /auth/signup-options says scan_first. */

body.obp-on{overflow:hidden}
body.obp-on .s150-grid,body.obp-on main.s150,body.obp-on .s150-signin{display:none!important}
.obp{--fg:#f2ede0;position:fixed;inset:0;z-index:30;overflow:auto;line-height:1.5;background:radial-gradient(circle at 50% 0%,rgba(199,247,81,.08),transparent 55%),#0e0e0c;color:#f2ede0;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.obp *{box-sizing:border-box}
.obp button{font-family:inherit;line-height:1.5}
.obp :focus-visible{outline:2px solid #c7f751;outline-offset:2px}

/* ── the live ob3 frame (top bar, steps) ── */
.obp .ob3-top{position:sticky;top:0;z-index:7;display:flex;align-items:center;padding:22px 48px 18px;background:linear-gradient(#0e0e0c 70%,rgba(14,14,12,0))}
.obp .ob3-logo{font-family:'Instrument Serif',serif;font-style:italic;font-size:30px;color:#f2ede0;text-decoration:none}
.obp .ob3-logo span{font-family:'Manrope';font-style:normal;font-size:13px;font-weight:800;color:#c7f751}
.obp .ob3-steps{margin:0 auto;display:flex;align-items:center;gap:12px}
.obp .ob3-st{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#9e9b8c}
.obp .ob3-st i{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-style:normal;border:1.5px solid rgba(242,237,224,.17)}
.obp .ob3-st.is-on{color:#c7f751;font-weight:800}.obp .ob3-st.is-on i{background:#c7f751;color:#0e0e0c;border-color:#c7f751}
.obp .ob3-sep{width:40px;height:1.5px;background:rgba(242,237,224,.17)}
.obp .ob3-time{font-size:13px;color:#9e9b8c}
.obp-later{margin-left:18px;background:none;border:0;color:#9e9b8c;font:600 13px Manrope,sans-serif;cursor:pointer;text-decoration:none;min-width:80px;padding:1px 6px;text-align:center}
.obp-later:hover{color:#f2ede0}
.obp-stage{position:relative;min-height:calc(100vh - 96px);min-height:calc(100dvh - 96px);display:flex;align-items:center;justify-content:center;padding:12px 48px 24px}

/* ── shared type + motion (live ob3) ── */
.obp .ob3-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:#c7f751;text-transform:uppercase}
.obp .ob3-h1{margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:84px;line-height:1;letter-spacing:-.01em}
.obp .ob3-sub{margin:0;font-size:18px;color:rgba(242,237,224,.8)}
.obp .ob3-col{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.obp .ob3-muted{color:#9e9b8c}
@keyframes ob3rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ob3pop{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ob3in{from{opacity:0;transform:translateX(-14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes ob3floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes ob3pulse{0%,100%{box-shadow:0 0 0 0 rgba(199,247,81,.5)}50%{box-shadow:0 0 0 12px rgba(199,247,81,0)}}
@keyframes ob3blink{50%{opacity:0}}
@keyframes ob3spin{to{transform:rotate(360deg)}}
@keyframes ob3hl{0%{opacity:0;transform:scale(1.04)}20%,70%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ob3flash{0%{background:rgba(199,247,81,.18)}100%{background:transparent}}
@keyframes obpsweep{0%{transform:translateY(0)}100%{transform:translateY(300px)}}
@keyframes s150In{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.obp .ob3-r{animation:ob3rise .7s cubic-bezier(.2,.8,.2,1) both}
.obp .ob3-float{position:absolute;opacity:.45;animation:ob3floaty 6s ease-in-out infinite;pointer-events:none}
.obp .ob3-tile{flex-shrink:0;width:48px;height:48px;border-radius:14px;background:#1c1c19;border:1px solid rgba(242,237,224,.10);display:flex;align-items:center;justify-content:center}
.obp .ob3-tile svg{width:56%;height:56%}
.obp .ob3-bp{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:0;background:#c7f751;color:#0e0e0c;font-size:14.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .16s,box-shadow .16s,filter .16s}
.obp .ob3-bp:hover{transform:translateY(-1px);box-shadow:0 10px 28px -10px rgba(199,247,81,.7)}
.obp .ob3-bp:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}

/* ── 1 · entry (live K1 + the board's one box) ── */
.obp .ob3-pill{position:relative;z-index:6;width:720px;max-width:100%;display:flex;align-items:center;gap:14px;padding:9px 9px 9px 26px;border:1.5px solid rgba(242,237,224,.2);border-radius:999px;background:#121210;box-shadow:0 40px 90px -40px rgba(199,247,81,.35);transition:border-color .2s}
.obp .ob3-pill:focus-within{border-color:rgba(199,247,81,.55)}
.obp .ob3-pin{position:relative;flex-grow:1;height:34px;min-width:0}
.obp .ob3-pin input{width:100%;height:100%;background:transparent;border:0;outline:none;color:#f2ede0;font:500 22px 'Manrope',sans-serif;padding:0}
.obp .ob3-pin input:focus-visible{outline:none}
.obp .ob3-ph{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;font:500 22px 'Manrope',sans-serif;color:#f2ede0;white-space:pre;pointer-events:none}
.obp .ob3-ph i{display:inline-block;width:2px;height:26px;margin-left:1px;background:#c7f751;animation:ob3blink .9s steps(1) infinite}
.obp .ob3-go{height:auto;padding:19px 30px;font-size:18px;font-weight:800;animation:ob3pulse 2s ease infinite}
.obp-detic{display:flex;color:#8a8678;flex-shrink:0}
.obp-detic svg{width:22px;height:22px;border-radius:6px;display:block}
.obp-at{font:800 18px/1 Manrope,sans-serif;color:#c7f751}
.obp-det{height:20px;font-size:13.5px;color:#c9c5b6;display:flex;align-items:center;gap:6px;opacity:.85}
.obp-det svg{color:#c7f751}.obp-det b{color:#c7f751}
.obp-err{min-height:20px;font-size:14px;color:#ffb38a;margin-top:-10px}
.obp-err:empty{display:none}
.obp-src{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:720px}
.obp-st{width:34px;height:34px;border-radius:10px;background:#1c1c19;border:1px solid rgba(242,237,224,.10);display:inline-flex;align-items:center;justify-content:center;color:#c9c5b6;opacity:.55;transition:opacity .25s,border-color .25s,box-shadow .25s,transform .25s}
.obp-st svg{width:56%;height:56%}
.obp-st.on{opacity:1;border-color:rgba(199,247,81,.6);box-shadow:0 0 0 4px rgba(199,247,81,.10);transform:translateY(-2px)}
/* the live dropdown (real Google Maps rows) */
.obp-dd{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:5;background:#151513;border:1px solid rgba(242,237,224,.17);border-radius:18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.8);padding:6px;text-align:left;animation:ob3pop .2s both;max-height:max(200px,calc(100vh - 560px));overflow:auto}
.obp-dd[hidden]{display:none}
.obp-ddr{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:#f2ede0;font-family:Manrope,sans-serif;cursor:pointer;text-align:left}
.obp-ddr.on,.obp-ddr:hover{background:#201f1c;box-shadow:inset 0 0 0 1px rgba(242,237,224,.12)}
.obp-ddp{width:30px;height:30px;border-radius:50%;background:#1c1c19;display:grid;place-items:center;color:#c7f751;flex:none}.obp-ddp svg{width:15px;height:15px}
.obp-ddt{flex:1;min-width:0;display:flex;flex-direction:column}.obp-ddt b{font-size:15px}.obp-ddt span{font-size:13px;color:#9e9b8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obp-ddr2{display:flex;flex-direction:column;align-items:flex-end;font-size:13.5px;font-weight:700;flex:none}.obp-ddr2 small{font-weight:500;color:#9e9b8c;font-size:12px}
.obp-ddempty{padding:10px 12px;font-size:14px;color:#c9c5b6}
.obp-ddtown{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(242,237,224,.08);margin-top:4px;padding:8px 10px 4px}
.obp-ddtown button{background:none;border:0;color:#c7f751;font:700 13.5px Manrope,sans-serif;cursor:pointer;padding:0}
.obp-ddtown input{height:32px;border-radius:999px;border:1px solid rgba(199,247,81,.45);background:transparent;color:#f2ede0;padding:0 12px;font:500 13.5px Manrope,sans-serif;outline:none;width:220px}
.obp-ddg{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:11.5px;color:#9e9b8c}
.obp-g svg{width:16px;height:16px;display:block}

/* ── 2 · is this you? ── */
.obp-who{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:16px 20px;border-radius:18px;background:rgba(199,247,81,.04);border:1px solid rgba(199,247,81,.35);color:#f2ede0}
.obp-av{width:64px;height:64px;border-radius:18px;flex:none;display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--c1,#1F6F5C),var(--c2,#0E2A47));overflow:hidden}
.obp-av img{width:100%;height:100%;object-fit:contain;background:#fff}
.obp-wt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.obp-wt b{font-size:20px}.obp-wt>span{font-size:14px;color:#c9c5b6;overflow:hidden;text-overflow:ellipsis}
.obp-wr{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.obp-wr svg{width:16px;height:16px;border-radius:4px}
.obp-sec{height:44px;padding:0 20px;border-radius:999px;border:1.5px solid rgba(242,237,224,.2);background:transparent;color:#f2ede0;font:700 14.5px Manrope,sans-serif;cursor:pointer}
.obp-lnk{background:none;border:0;color:#9e9b8c;font:600 13.5px Manrope,sans-serif;cursor:pointer;text-decoration:underline}
.obp-wait{display:flex;align-items:center;gap:10px;font-size:15px;color:#c9c5b6;height:44px}
.obp-spin{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid #c7f751;border-top-color:transparent;animation:ob3spin .8s linear infinite;flex:none}

/* ── 3 · split: the live sign-up card left, Bob reading right ── */
.obp-split{width:100%;max-width:1240px;display:grid;grid-template-columns:440px minmax(0,1fr);gap:48px;align-items:start}
.obp-sl{position:relative;min-width:0}
.obp-sl .s150-card{width:100%;max-width:none;padding:30px 34px;animation:s150In .45s ease both;background:linear-gradient(160deg,rgba(199,247,81,.10),rgba(21,21,19,0) 45%),#151513}
.obp-sl .s150-card>.s150-head{gap:6px;padding-bottom:16px;margin-bottom:18px}
.obp-sl .s150-tag{font-size:25px}
.obp-sl #su-then{display:none}
/* the board's split card (s1 values): plan line, fine print, email swap, no extra field margin */
.obp-sl #su-badge{color:#f2ede0}
.obp-sl .s150-field{margin-top:0}
.obp-sl .s150-field .cc-btn{width:58px;min-width:58px;padding:0 8px}
.obp-sl .s150-field .cc-btn .cc-f{display:none}
.obp-sl .s150-card>div{gap:14px}
.obp-sl .s150-fine{font-size:12px;line-height:1.5;color:#a8a496;margin:0}
.obp-sl .s150-field input,.obp-sl .s150-field .cc-btn{border-color:rgba(242,237,224,.16)}
.obp-sl .s150-cta{padding:1px 6px}
.obp-sl .s150-fine a{color:#a8a496}
.obp-sl .s150-swap{align-self:stretch;padding:0;margin:0;font-size:13.5px;color:#d8d4c6}
.obp-found{margin:0;font-size:14px;color:#d8d4c6;min-height:21px;display:inline-flex;align-self:flex-start;align-items:center;gap:8px}
.obp-found i{width:12px;height:12px;border-radius:50%;border:2px solid #c7f751;border-top-color:transparent;animation:ob3spin .8s linear infinite;flex:none}
.obp-found i.done{background:#c7f751;animation:none}
.obp-found b{color:#c7f751;font-weight:800}
.obp-sr{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0}
.obp .ob3-site{position:relative;text-align:left;width:100%;height:300px;border-radius:18px;overflow:hidden;background:#f4efe6;border:1px solid rgba(242,237,224,.17);box-shadow:0 50px 100px -40px rgba(0,0,0,.95);color:#2a2118}
.obp .ob3-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#e6e0d4}
.obp .ob3-bar b{width:10px;height:10px;border-radius:50%}
.obp .ob3-url{margin-left:16px;height:20px;flex-grow:1;border-radius:6px;background:#f4efe6;font-size:11px;color:#7b7466;display:flex;align-items:center;padding:0 10px;overflow:hidden;white-space:nowrap}
.obp .ob3-sweep{position:absolute;left:0;right:0;top:0;height:90px;margin-top:-90px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.22));/* walk 11-06: no lime edge or line (Ty: never a neon edge) */animation:obpsweep 3s ease-in-out infinite;pointer-events:none;z-index:2;will-change:transform}
.obp .ob3-site.is-done .ob3-sweep{display:none}
.obp .ob3-hlb{position:absolute;border-radius:6px;background:rgba(255,255,255,.28);mix-blend-mode:soft-light;/* walk 11-06: a soft wash, never a lime outline */animation:ob3hl 2.4s cubic-bezier(.2,.8,.2,1) both;pointer-events:none;z-index:2}
.obp .ob3-rb-head{display:flex;align-items:center;gap:10px;padding:10px 18px;min-height:40px}
.obp .ob3-rb-head img{height:24px;max-width:120px;object-fit:contain}
.obp .ob3-rb-head b{font-family:'Instrument Serif',serif;font-size:22px;font-weight:400}
.obp .ob3-rb-nav{margin-left:auto;font-size:11px;color:#7b7466;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obp .ob3-rb-hero{margin:0 18px;height:96px;border-radius:12px;background:linear-gradient(135deg,var(--c1,#c98b5a),var(--c2,#7a4a2c));background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:16px;color:#fff;position:relative;overflow:hidden}
.obp .ob3-rb-hero span{position:relative;font-family:'Instrument Serif',serif;font-size:28px;line-height:1.05;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.obp .ob3-rb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 18px}
.obp .ob3-rb-grid>div{display:flex;flex-direction:column;gap:5px;animation:ob3pop .4s both;min-width:0}
.obp .ob3-rb-grid i{height:54px;border-radius:10px;background:#d9c3a5;background-size:cover;background-position:center}
.obp .ob3-rb-grid b{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obp .ob3-rb-grid span{font-size:11px;color:#7b7466}
.obp .ob3-rb-foot{padding:0 18px;font-size:10.5px;color:#7b7466;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obp .ob3-now{height:22px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#c9c5b6}
.obp .ob3-now i{width:14px;height:14px;border-radius:50%;border:2px solid #c7f751;border-top-color:transparent;animation:ob3spin .8s linear infinite}
.obp .ob3-now i.done{border-color:#c7f751;background:#c7f751;animation:none}
.obp .ob3-now span{animation:ob3pop .35s both}
.obp-learn{display:flex;flex-direction:column;gap:8px}
.obp-lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:52px;gap:8px}
.obp .ob3-fact{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:14px;background:#151513;border:1px solid rgba(242,237,224,.17);animation:ob3in .45s cubic-bezier(.2,.8,.2,1) both;text-align:left;min-width:0}
.obp .ob3-ok{width:22px;height:22px;border-radius:50%;background:#2fd6a8;color:#0e0e0c;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.obp .ob3-ok svg{width:12px;height:12px}
.obp .ob3-fact>span:nth-child(2){min-width:0}
.obp .ob3-fact small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#9e9b8c;text-transform:uppercase}
.obp .ob3-fact b{font-size:14px;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obp .ob3-sw{margin-left:auto;display:flex}.obp .ob3-sw i{width:16px;height:16px;border-radius:50%;margin-left:-4px;border:2px solid #151513}

/* ── 4 · goals + gap questions (the card's slot) ── */
.obp-gcard{background:#151513;border:1px solid rgba(199,247,81,.35);border-radius:26px;padding:30px 30px 24px;display:flex;flex-direction:column;gap:16px;min-height:460px;box-shadow:0 40px 100px rgba(0,0,0,.5);text-align:left}
.obp-gdots{display:flex;gap:6px}.obp-gdots i{width:28px;height:4px;border-radius:2px;background:rgba(242,237,224,.15);display:block}.obp-gdots i.dn{background:rgba(199,247,81,.5)}.obp-gdots i.cur{background:#c7f751}
.obp-gq{margin:0;font:400 34px/1.1 'Instrument Serif',serif;color:#f2ede0}
.obp-gsub{margin:-8px 0 0;font-size:14px;color:#9e9b8c}
.obp-gopts{display:flex;flex-direction:column;gap:10px}
.obp-gopt{height:56px;border-radius:16px;border:1.5px solid rgba(242,237,224,.16);background:#1a1a17;color:#f2ede0;font:700 16px Manrope,sans-serif;text-align:left;padding:0 20px;cursor:pointer;transition:border-color .2s,background .2s,transform .12s}
.obp-gopt:hover{border-color:rgba(242,237,224,.32)}
.obp-gopt:active{transform:scale(.99)}
.obp-gopt.on{border-color:#c7f751;background:rgba(199,247,81,.10)}
.obp-bob{display:flex;gap:10px;align-items:flex-start;min-height:44px;font-size:14.5px;color:#e4dfd2;line-height:1.4}
.obp-bob.ghost{visibility:hidden}
.obp-bav{width:26px;height:26px;border-radius:50%;background:#c7f751;color:#0e0e0c;font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}
.obp-gfoot{display:flex;align-items:center;gap:14px;margin-top:auto}

@media (max-width:1180px){.obp-split{grid-template-columns:400px minmax(0,1fr);gap:28px}}
@media (max-width:760px){
  .obp .ob3-top{padding:16px}
  .obp .ob3-steps,.obp .ob3-time{display:none}   /* aud-108: Sign in stays on phones (the time line goes instead) */
  .obp-later{margin-left:auto}
  .obp-stage{padding:12px 16px 24px;min-height:calc(100vh - 96px);min-height:calc(100dvh - 96px)}
  .obp .ob3-float{display:none}
  .obp[data-step=split] .obp-stage{padding-bottom:0;align-items:stretch}
  .obp[data-step=split] .obp-split{display:flex;flex-direction:column;min-height:100%}
  .obp[data-step=split] .obp-sl:not(.is-goals){margin-top:228px}
  .obp[data-step=split] .obp-stage:has(.is-goals){align-items:center}
  .obp[data-step=split] .obp-split:has(.is-goals){min-height:0}
  .obp-sr{width:100%;min-width:0}
  .obp-learn{min-width:0;width:100%}
  .obp-found{display:block;align-self:stretch}
  .obp-found i{display:inline-block;vertical-align:-2px;margin-right:6px}
  .obp-sl #su-badge{font-size:14px}
  .obp-sl .s150-field input,.obp-sl .s150-field .cc-btn{height:58px}
  .obp-sl .s150-cta{height:58px;font-size:18px}
  .obp-sl .s150-swap{min-height:0}
  .obp-sl .s150-tag{display:none}
  .obp .ob3-h1{font-size:44px}
  .obp .ob3-pill{padding:6px 6px 6px 16px}
  .obp .ob3-pin input,.obp .ob3-ph{font-size:16px}
  .obp .ob3-go{padding:12px 16px;font-size:15px}
  .obp-src{gap:6px}.obp-st{width:28px;height:28px}
  .obp-wt b{font-size:16px}
  .obp-ddr{padding:8px}.obp-ddt b{font-size:14px}
  .obp-split{grid-template-columns:1fr;gap:14px}
  .obp-sr{order:-1}
  .obp .ob3-site,.obp-sr .ob3-now{display:none}
  .obp-lgrid{display:flex;overflow-x:auto;grid-auto-rows:auto;height:58px;scrollbar-width:none}
  .obp-lgrid .ob3-fact{flex:0 0 210px}
  .obp-learn .ob3-eyebrow{font-size:11px}
  .obp-sl .s150-card{padding:14px 22px 22px;border-radius:28px 28px 0 0;border:0;border-top:1px solid rgba(242,237,224,.12);background:#151513;box-shadow:0 -20px 60px rgba(0,0,0,.55)}
  .obp-sl .s150-card h2{display:block;font-size:24px}
  .obp-gcard{min-height:0;padding:22px 18px}
  .obp-gq{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
  .obp .ob3-r,.obp .ob3-float,.obp .ob3-go,.obp .ob3-sweep,.obp .ob3-fact,.obp-st,.obp-spin,.obp .ob3-now i,.obp-found i,.obp-sl .s150-card{animation:none!important;transition:none!important}
  .obp .ob3-sweep{display:none}
}
/* 11-06 slim: "Not you? Change" sits above Bob's reading line (the separate "Is this you?" screen is gone) */
.obp-notme{align-self:flex-end;margin:-6px 2px 0;font-size:13px}
/* #14: the Threads mark draws in var(--fg); give the setup a real foreground so it matches the other logos */
.obp,.ob3{--fg:#f2ede0}
/* Wiring audit 11-06 #1: a scan that failed or found little says so, with Try again / type it in */
.obp-fail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 16px;border-radius:14px;border:1px solid rgba(242,237,224,.18);background:rgba(242,237,224,.04);font-size:14.5px;color:#f2ede0}
.obp-fail-a{display:flex;gap:12px;align-items:center}
/* Ty 11-06: one pick list (Maps listings, websites, social profiles, "use as my name"); no town box */
.obp-ddfav img{width:20px;height:20px;border-radius:4px;display:block}
.obp-ddp svg{width:20px;height:20px}