/* Bản đồ phễu kiểu Funnelytics: biểu tượng tròn (nguồn, trang) / thoi (hành động), tên trên, số dưới, mũi tên nét đứt */
.main-map{padding-top:22px}
.qgrid-under{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:18px}
.qmap-card{overflow:hidden}
.qmap-card .card-h{padding-bottom:12px;flex-wrap:wrap}
.qmap{position:relative;height:clamp(460px,66vh,760px);overflow:hidden;border-top:1px solid var(--line);
  background-color:#F5F7FB;background-image:linear-gradient(#E6EBF3 1px,transparent 1px),linear-gradient(90deg,#E6EBF3 1px,transparent 1px);background-size:60px 60px;cursor:grab;touch-action:none;user-select:none}
.qmap.panning{cursor:grabbing}
.qworld{position:absolute;left:0;top:0;transform-origin:0 0}
.qedges{position:absolute;left:0;top:0;overflow:visible}
.qe{fill:none;stroke:#1C7ED6;stroke-width:2;stroke-dasharray:6 6;animation:qdash 1.2s linear infinite}
.qe.sel{stroke:var(--orange);stroke-width:3}
.qe.tmp{stroke:var(--orange);animation:none}
.qe-hit{fill:none;stroke:transparent;stroke-width:16;cursor:pointer;pointer-events:stroke}
@keyframes qdash{to{stroke-dashoffset:-12}}
.qdot{fill:var(--orange);filter:drop-shadow(0 0 4px rgba(232,112,26,.7))}
.qel{position:absolute;transform:translate(-50%,-50%);background:#fff;border:1px solid #CFE0F5;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;color:#1C5FB8;white-space:nowrap;box-shadow:var(--shadow);cursor:pointer;font-variant-numeric:tabular-nums}
.qel small{font-weight:500;color:var(--muted);margin-left:5px}
.qel.user{background:transparent;border-color:transparent;box-shadow:none;color:var(--ink);font-size:15px;font-weight:600}
.fn{position:absolute;width:168px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;cursor:pointer;padding:2px 4px 6px;border-radius:12px}
.fn:hover{background:rgba(255,255,255,.65)}
.fn.sel{background:#fff;box-shadow:0 0 0 2px var(--brand),0 10px 24px -14px rgba(0,74,173,.6)}
.fn.drop{box-shadow:0 0 0 2px var(--orange)}
.fn-l{font-size:14px;font-weight:600;line-height:1.25;color:var(--ink);max-width:164px;min-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fn-ic{--c:#1C7ED6;position:relative;width:64px;height:64px;display:grid;place-items:center;color:#fff;flex:none}
.fn-ic::before{content:"";position:absolute;inset:0;background:var(--c);border-radius:50%;box-shadow:0 6px 14px -6px var(--c)}
.fn-ic.fn-d::before{border-radius:10px;transform:rotate(45deg) scale(.82)}
.fn-ic svg{position:relative;width:29px;height:29px}
.fn-ic em{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;font-style:normal;font-weight:800;font-size:12px;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.fn-n{font-size:19px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.fn-n small{font-size:12px;font-weight:500;color:var(--muted)}
.fn-n.nil{font-size:12.5px;font-weight:500;color:var(--faint)}
.fn-x{font-size:12.5px;color:var(--muted);white-space:nowrap;max-width:164px;overflow:hidden;text-overflow:ellipsis;margin-top:-3px}
.fn-port{position:absolute;right:38px;top:51px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--brand);opacity:0;cursor:crosshair;transition:opacity .12s}
.fn:hover .fn-port,.fn.sel .fn-port{opacity:1}
.fn-missing .fn-ic{filter:grayscale(1) opacity(.5)}
.fn-text{width:auto;max-width:260px;font-size:18px;font-weight:600;color:var(--ink);padding:4px 8px;white-space:nowrap}
.fn.pulse .fn-ic::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid var(--orange);animation:qpulse 1.2s ease-out forwards}
@keyframes qpulse{from{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}
.qzoom{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);overflow:hidden;z-index:3}
.qzoom button{width:34px;height:32px;font-weight:700;font-size:16px;color:var(--ink-2)}
.qzoom button+button{border-top:1px solid var(--line)}
.qzoom button:hover{background:var(--sunken)}
.qmap-legend{padding:10px 20px 14px;border-top:1px solid var(--line)}
/* bảng thêm bước */
.qpal{position:absolute;left:12px;top:12px;bottom:12px;width:250px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);overflow:auto;z-index:4;padding:12px;transform:translateX(-120%);transition:transform .18s ease}
.qpal.open{transform:none}
.qpal-h{font-weight:700;font-size:14px;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}
.qpal-h small{font-size:11.5px;font-weight:500;margin-left:4px}
.qpal h6{margin:12px 0 6px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.qpal-g{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.qpal-i{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:8px;font-size:10.5px;line-height:1.2;color:var(--ink-2);text-align:center}
.qpal-i:hover{background:var(--sunken)}
.qpal-i .fn-ic{width:38px;height:38px}
.qpal-i .fn-ic svg{width:18px;height:18px}
/* bảng chi tiết bên phải */
.qpanel .card-h h2{display:flex;align-items:center;gap:9px;font-size:14px}
.qpanel .card-h .fn-ic{width:28px;height:28px}
.qpanel .card-h .fn-ic svg{width:14px;height:14px}
.qpanel .card-h .fn-ic em{width:15px;height:15px;font-size:9px;right:-3px;bottom:-3px}
.qkv{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.qkv div{background:var(--sunken);border:1px solid var(--line);border-radius:8px;padding:7px 10px}
.qkv span{display:block;font-size:11px;color:var(--muted)}
.qkv b{font-size:15px;font-variant-numeric:tabular-nums}
.qpad{padding:9px 0;border-top:1px solid var(--line)}
.qscript{margin-top:10px}.qscript summary{cursor:pointer;font-weight:600;font-size:13px}
.qlist{display:flex;flex-direction:column;max-height:360px;overflow:auto}
.qlist div{padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.qlist div:first-child{border-top:0}
.qlist small{display:block;color:var(--muted);font-size:12px}
/* menu chiến dịch */
.cst{width:8px;height:8px;border-radius:50%;flex:none;background:var(--faint)}
.cst-dang-chay{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.cst-tam-dung{background:var(--warn)}
.nav-empty{display:block;padding:4px 12px 8px 31px;font-size:12px;color:var(--faint)}
.side-new{margin:0 14px 6px;width:calc(100% - 28px);justify-content:center}
.ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media (max-width:1100px){.qgrid-map{grid-template-columns:1fr}.qmap{height:60vh}}

/* khung chi tiết trượt ra bên phải bản đồ */
.qdrawer{position:absolute;right:12px;top:12px;bottom:12px;width:min(360px,calc(100% - 24px));overflow:auto;z-index:5;box-shadow:var(--shadow-lg);cursor:default;animation:qslide .16s ease}
@keyframes qslide{from{transform:translateX(16px);opacity:0}to{transform:none;opacity:1}}
.qdrawer .card-h{position:sticky;top:0;background:#fff;padding-bottom:10px;border-bottom:1px solid var(--line);z-index:1}
.qdrawer .card-b{padding-top:14px}
.btn.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
/* thư viện mẫu */
.seg a{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.seg a+a{border-left:1px solid var(--line)}
.seg a.on{background:var(--brand-soft);color:var(--brand)}
.lb-req{margin-bottom:18px}
.lb-st{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--grey-soft);color:var(--muted)}
.lb-st.warn{background:var(--orange-soft);color:#B4530C}.lb-st.brand{background:var(--brand-soft);color:var(--brand)}.lb-st.ok{background:var(--ok-soft);color:var(--ok)}
.lb-bar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-bottom:6px}
.lb-grp{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lb-grp>span{font-size:12px;color:var(--muted);margin-right:2px}
.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:5px 11px;font-weight:600;font-size:12.5px}
.chip[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.lb-q{max-width:260px;margin-left:auto}
.lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:16px;padding-bottom:40px}
.lb-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:16px;align-items:start;box-shadow:var(--shadow)}
.lb-body{min-width:0;display:flex;flex-direction:column;gap:8px}
.lb-card h3{margin:0;font-size:15.5px;line-height:1.3;text-wrap:balance}
.lb-top{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:800;margin-right:7px;vertical-align:1px}
.lb-fam{font-size:12px;color:var(--muted);margin-top:2px}
.lb-tags{display:flex;gap:6px;flex-wrap:wrap}
.lb-tag{font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px;white-space:nowrap}
.fit-high{background:var(--ok-soft);color:var(--ok)}.fit-medium{background:var(--orange-soft);color:#B4530C}.fit-low{background:var(--grey-soft);color:var(--muted)}
.lb-tag.len{background:var(--brand-soft);color:var(--brand)}
.lb-what{margin:0;color:var(--ink-2);font-size:13.5px}
.lb-why{margin:0;font-size:12.5px;color:var(--ink-2)}.lb-why b{color:var(--ink)}
.lb-card details{border-top:1px solid var(--line);padding-top:8px}
.lb-card summary{cursor:pointer;font-weight:600;font-size:12.5px;color:var(--brand)}
.lb-card ol,.lb-card ul{margin:8px 0 0;padding-left:20px;font-size:13px;color:var(--ink-2);display:grid;gap:3px}
.lb-sub{margin:10px 0 0;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lb-links{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12px;word-break:break-all}
.lb-act{margin-top:2px}
.lb-wf{background:var(--sunken);border:1px solid var(--line);border-radius:10px;padding:8px 7px;display:flex;flex-direction:column;gap:4px;min-height:150px}
.lb-wf i{display:block;border-radius:3px;background:#E3EAF5}
.lb-wf .dots{display:flex;gap:3px;margin-bottom:2px}.lb-wf .dots i{width:5px;height:5px;border-radius:50%;background:#C9D6EA}
.lb-wf .hero{height:30px;background:var(--brand);position:relative}
.lb-wf .hero::after{content:"";position:absolute;left:6px;top:8px;width:55%;height:4px;border-radius:2px;background:rgba(255,255,255,.75);box-shadow:0 7px 0 rgba(255,255,255,.45)}
.lb-wf .txt{height:12px;background:linear-gradient(#C9D6EA 0 3px,transparent 3px 6px,#C9D6EA 6px 9px,transparent 9px)}
.lb-wf .vid{height:26px;background:#C9D6EA;position:relative}.lb-wf .vid::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-30%,-50%);border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.lb-wf .form{height:22px;border:1.5px solid var(--brand);background:transparent;position:relative}.lb-wf .form::after{content:"";position:absolute;right:4px;bottom:4px;width:30%;height:6px;border-radius:2px;background:var(--orange)}
.lb-wf .cards{height:16px;background:repeating-linear-gradient(90deg,#C9D6EA 0 30%,transparent 30% 35%)}
.lb-wf .quote{height:14px;border-left:3px solid var(--orange)}
.lb-wf .price{height:20px;background:var(--brand-soft);border:1px solid var(--brand)}
.lb-wf .faq{height:12px;background:repeating-linear-gradient(#C9D6EA 0 2px,transparent 2px 5px)}
.lb-wf .cta{height:9px;width:62%;margin:2px auto 0;background:var(--orange)}
.lb-wf .timer{height:9px;background:repeating-linear-gradient(90deg,var(--orange) 0 18%,transparent 18% 24%)}
.lb-wf .table{height:18px;background:repeating-linear-gradient(#C9D6EA 0 1px,transparent 1px 6px),#E3EAF5}
.lb-stg{display:flex;flex-direction:column;gap:4px;align-items:center;padding:8px 4px;background:var(--sunken);border:1px solid var(--line);border-radius:10px;min-height:150px}
.lb-stg i{display:block;width:var(--w);min-width:34%;background:var(--brand);color:#fff;border-radius:4px;padding:3px 4px;font-style:normal;font-size:9.5px;line-height:1.2;text-align:center;overflow:hidden}
.lb-stg i:nth-child(n+4){background:#2E6FCF}.lb-stg i:nth-child(n+6){background:var(--orange)}.lb-stg i:last-child{background:var(--ok)}
.lb-stg span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){.lb-card{grid-template-columns:80px minmax(0,1fr);gap:12px}.lb-q{max-width:none;margin-left:0}}
/* sản phẩm & kịch bản */
.pb-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pb-line{display:flex;align-items:center;gap:12px;padding:18px}
.pb-line b{display:block;font-size:15px}.pb-line span{font-size:12.5px;color:var(--muted)}
.pb-line .pb-go{margin-left:auto;color:var(--brand);font-weight:700;white-space:nowrap}
.pb-line:hover{border-color:var(--brand)}
.pb-todo{background:var(--orange-soft);color:#B4530C;border-radius:4px;padding:0 4px;font-weight:600}
.pb-tools{display:flex;justify-content:flex-end;margin-bottom:12px}
.pb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:16px;align-items:start}
.pb-f{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-top:1px solid var(--line)}
.pb-f:first-child{border-top:0;padding-top:0}
.pb-l{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pb-l.ok{color:var(--ok)}.pb-l.bad{color:var(--bad)}
.pb-p{margin:0;white-space:pre-line;color:var(--ink)}
.pb-empty{margin:0;color:var(--faint);font-size:13px}
.pb-ul{margin:0;padding-left:18px;display:grid;gap:5px;color:var(--ink-2)}
.pb-qa{display:grid;gap:10px}.pb-qa b{display:block;font-size:13.5px}.pb-qa p{margin:2px 0 0;color:var(--ink-2);font-size:13.5px}
.pb-qa div{padding-left:10px;border-left:3px solid var(--brand-soft)}
.pb-form{display:flex;flex-direction:column;gap:14px}
.pb-savebar{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 var(--r) var(--r)}
.pb-guide{margin-bottom:14px}.pb-guide summary{cursor:pointer;padding:14px 20px;font-weight:700}
.pb-guide .card-b{padding-top:0}.pb-guide p{margin:0 0 10px;color:var(--ink-2)}
.pb-rail{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:6px}
.pb-step{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:132px;max-width:170px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.pb-step b{width:24px;height:24px;border-radius:50%;background:var(--grey-soft);color:var(--ink-2);display:grid;place-items:center;font-size:12px}
.pb-step span{font-size:13px;font-weight:600;line-height:1.3}.pb-step small{font-size:11px;color:var(--muted)}
.pb-step.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.pb-step.on b{background:var(--brand);color:#fff}
.pb-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:16px;align-items:start}
.pb-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.pb-main .card-h{flex-wrap:wrap}
.pb-chip{font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--orange-soft);color:#B4530C}.pb-chip.brand{background:var(--brand-soft);color:var(--brand)}
.pb-script{background:var(--brand-tint);border:1px solid var(--brand-soft);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pb-script pre{margin:0;white-space:pre-wrap;font:15px/1.65 var(--font);color:var(--ink)}
.pb-dd{display:grid;gap:12px}
.pb-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
@media (max-width:1000px){.pb-stage{grid-template-columns:1fr}}

.pb-comp{padding:16px 20px;margin-bottom:16px;display:grid;grid-template-columns:auto 1fr;gap:6px 20px;align-items:center}
.pb-comp b{display:block;font-size:16px}.pb-comp span{font-size:12.5px;color:var(--muted)}
.pb-comp p{grid-column:1/-1;margin:4px 0 0;font-size:13px}
.pb-meter{height:10px;border-radius:999px;background:var(--grey-soft);overflow:hidden}.pb-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--ok));border-radius:999px}
.pb-cnt{font-size:12px;font-weight:700;color:var(--muted);background:var(--grey-soft);border-radius:999px;padding:2px 9px}.pb-cnt.ok{background:var(--ok-soft);color:var(--ok)}
.pb-why{margin:0 0 10px;font-size:13px;color:var(--muted)}
.pb-miss .pb-l{color:#B4530C}.pb-miss .pb-empty{color:var(--muted);font-style:italic}
.pb-use{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:var(--faint);margin-left:8px;font-size:11px}
.pb-req{color:var(--orange)}
.pb-guide-t{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin:-2px 0 4px}
.pb-ex{font-size:12.5px;margin:-2px 0 4px}.pb-ex summary{cursor:pointer;color:var(--brand);font-weight:600}.pb-ex p{margin:4px 0 0;background:var(--brand-tint);border-radius:8px;padding:8px 10px;color:var(--ink-2)}
.pb-editing{grid-column:1/-1}

.pb-flabel{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pb-sug-btn{margin-left:auto;border:1px solid var(--brand-soft);background:var(--brand-tint);color:var(--brand);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}
.pb-sug-btn:hover{border-color:var(--brand)}
.pb-sugall{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;padding:10px 12px;border-radius:10px;background:var(--brand-tint);border:1px dashed var(--brand-soft)}
.pb-sugall .inp{flex:1 1 260px;max-width:420px}.pb-sugall small{flex-basis:100%}
.pb-sugs{border:1px solid var(--brand-soft);background:var(--brand-tint);border-radius:10px;padding:8px 10px;margin:2px 0 6px;display:flex;flex-direction:column;gap:8px}
.pb-sug-h{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--brand)}
.pb-sug{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.pb-sug p{margin:0;font-size:13.5px;color:var(--ink);white-space:pre-line}
.pb-sug .row-btns{flex:none}
.pb-sug.used{opacity:.55}
.pb-sug-load{font-size:13px;color:var(--brand);padding:4px 0}.pb-sug-load.bad{color:var(--bad)}

.lb-thumb{position:relative;display:block;padding:0;border:0;background:none;text-align:left;cursor:zoom-in}
.lb-thumb>span{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);white-space:nowrap;font-size:10.5px;font-weight:700;color:#fff;background:rgba(0,40,100,.78);border-radius:999px;padding:2px 8px;opacity:0;transition:opacity .15s}
.lb-thumb:hover>span,.lb-thumb:focus-visible>span{opacity:1}
.lb-thumb:hover .lb-wf,.lb-thumb:hover .lb-stg{border-color:var(--brand)}
.lb-act{display:flex;flex-wrap:wrap;gap:6px}
.lb-pv-page{display:flex;flex-direction:column;gap:8px;max-width:560px;margin:0 auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--sunken)}
.lb-pv-blk{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px}
.lb-pv-blk i{display:block;height:34px;border-radius:6px;background:#E3EAF5}
.lb-pv-blk i.hero{height:56px;background:var(--brand)}.lb-pv-blk i.vid{background:#C9D6EA}.lb-pv-blk i.form{border:2px solid var(--brand);background:transparent}
.lb-pv-blk i.price{background:var(--brand-soft);border:1px solid var(--brand)}.lb-pv-blk i.quote{border-left:4px solid var(--orange)}.lb-pv-blk i.cta{height:16px;background:var(--orange)}
.lb-pv-blk i.timer{height:16px;background:repeating-linear-gradient(90deg,var(--orange) 0 18%,transparent 18% 24%)}.lb-pv-blk i.cards{background:repeating-linear-gradient(90deg,#C9D6EA 0 30%,transparent 30% 35%)}
.lb-pv-blk strong{display:block;font-size:13.5px}.lb-pv-blk span{font-size:12px;color:var(--muted)}
.lb-pv-pipe{display:flex;flex-direction:column;gap:6px}
.lb-pv-st{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.lb-pv-st b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:13px}
.lb-pv-st strong{display:block}.lb-pv-st span{font-size:12.5px;color:var(--muted)}
@media (max-width:560px){.lb-pv-blk{grid-template-columns:70px 1fr}}

.qmap-hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:6;background:rgba(15,27,51,.82);color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}
.qmap.hint .qmap-hint{opacity:1}
.qmap.active{box-shadow:inset 0 0 0 2px var(--brand)}
.qadtabs{margin:12px 0 0}
.qadpop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;margin-top:14px;align-items:start}
.qadpop-v{width:380px;max-width:100%;min-height:200px;background:var(--sunken);border-radius:12px;overflow:hidden;display:grid;place-items:center}
.qadpop-v .qembed{display:block;border:0;max-width:100%}
.qadpop-v .qvideo{width:100%;max-height:640px}
@media (max-width:760px){.qadpop{grid-template-columns:1fr}.qadpop-v{width:100%}.qmap-hint{white-space:normal;width:80%;text-align:center}}