/* Demo: missed-call text-back. Scoped to #tb. */
#tb [hidden]{display:none!important}
#tb .tb-play .tb-i-pause{display:none}
#tb .tb-play.is-playing .tb-i-play{display:none}
#tb .tb-play.is-playing .tb-i-pause{display:inline-block}
#tb .tb-play span{min-width:3.6em;text-align:left}

/* stage: the two phones and what happened between them */
#tb .tb-stage{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}
#tb .tb-stage-hd{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 14px;border-bottom:1px solid var(--line);background:linear-gradient(#FAFBFC,#F2F5F8)}
#tb .tb-seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:#E7ECF1;border:1px solid var(--line)}
#tb .tb-seg button{min-height:44px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font:600 .93rem/1.2 var(--body);cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s}
#tb .tb-seg button:hover{color:var(--ink);background:#ffffff80}
#tb .tb-seg button[aria-pressed="true"]{background:#fff;color:var(--navy);box-shadow:0 1px 2px #0e1f331f,0 3px 8px -3px #0e1f3333}
#tb .tb-seg button:focus-visible{outline-offset:1px}
#tb .tb-hd-r{display:flex;align-items:center;gap:12px;margin-left:auto}
#tb .tb-hd-r small{font-size:.84rem;color:var(--muted)}
@media(max-width:559px){
 #tb .tb-stage-hd{gap:10px}
 #tb .tb-hd-r{order:-1;width:100%;justify-content:space-between;margin:0}
 #tb .tb-seg{width:100%}
 #tb .tb-seg button{flex:1 1 0;padding-inline:8px}
}
#tb .tb-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"caller" "owner" "mid";gap:30px;padding:22px 14px 26px;background:radial-gradient(80% 40% at 50% 0%,#F3F6FA,transparent 75%),#fff}
#tb .tb-col--caller{grid-area:caller}
#tb .tb-col--owner{grid-area:owner}
#tb .tb-mid{grid-area:mid}
#tb .tb-col{min-width:0;display:flex;flex-direction:column;align-items:center;gap:14px}
@media(min-width:700px){#tb .tb-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"caller owner" "mid mid";gap:28px 22px;padding:26px 22px 28px}}
@media(min-width:1040px){#tb .tb-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr) minmax(0,1fr);grid-template-areas:"caller mid owner";gap:22px}}

/* who is who, above each column */
#tb .tb-who{display:flex;align-items:center;gap:10px;width:100%;max-width:336px;min-height:42px}
#tb .tb-who>span:last-child{min-width:0}
#tb .tb-who b{display:block;font:600 1rem/1.25 var(--body);color:var(--ink)}
#tb .tb-who small{display:block;font-size:.84rem;line-height:1.3;color:var(--muted)}
#tb .tb-who .dk-av{width:38px;height:38px}
#tb .dk-av .icon{width:18px;height:18px}
#tb .tb-av-caller{background:var(--cloud-bg);color:var(--cloud);box-shadow:inset 0 0 0 1px #1f6fb22e}
#tb .tb-av-tb{background:var(--web-bg);color:var(--orange-ink);box-shadow:inset 0 0 0 1px #b8480a2e}
#tb .tb-av-q{background:#EEF2F6;color:var(--navy)}
#tb .tb-av-biz{background:linear-gradient(#F78D4C,#D95A12)}

/* phone */
#tb .dk-phone{max-width:336px}
#tb .tb-scr{position:relative;height:572px;min-height:0}
#tb .tb-scr::after{content:"";position:absolute;left:50%;bottom:5px;width:100px;height:4px;margin-left:-50px;border-radius:3px;background:#0e1f3333;pointer-events:none}
#tb .tb-scr:has(.tb-lock,.tb-call)::after{background:#ffffff6b}
@media(max-width:699px){#tb .tb-scr{height:520px}}
#tb .tb-view{flex:1;min-height:0;display:flex;flex-direction:column}
#tb .tb-view-in{animation:tb-fade .35s var(--ease) both}
@keyframes tb-fade{from{opacity:0}}
#tb .tb-sb{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;height:34px;padding:3px 22px 0 26px;font:600 .8rem/1 var(--body);font-variant-numeric:tabular-nums;color:var(--ink);background:#fff}
#tb .tb-sb::after{content:"";position:absolute;left:50%;top:8px;width:70px;height:20px;margin-left:-35px;border-radius:12px;background:#0B1726}
#tb .tb-sb.is-dark{color:#fff;background:transparent}
#tb .tb-sb-i{display:inline-flex;align-items:center;gap:6px}
#tb .tb-sig{display:block;width:15px;height:10px;background:linear-gradient(currentColor,currentColor) 0 100%/3px 40% no-repeat,linear-gradient(currentColor,currentColor) 4px 100%/3px 60% no-repeat,linear-gradient(currentColor,currentColor) 8px 100%/3px 80% no-repeat,linear-gradient(currentColor,currentColor) 12px 100%/3px 100% no-repeat}
#tb .tb-bat{position:relative;display:block;width:21px;height:11px;border:1.5px solid currentColor;border-radius:3.5px}
#tb .tb-bat::before{content:"";position:absolute;top:1.5px;bottom:1.5px;left:1.5px;width:62%;border-radius:1.5px;background:currentColor}
#tb .tb-bat::after{content:"";position:absolute;right:-4px;top:2.5px;width:2px;height:3px;border-radius:0 1px 1px 0;background:currentColor}
#tb .tb-scr .dk-screen-hd{flex:none;padding:8px 14px 11px}
#tb .tb-hd-t{min-width:0}
#tb .tb-hd-t b,#tb .tb-hd-t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tb .tb-body{flex:1;min-height:0;overflow-y:auto;padding:12px}

/* texts */
#tb .tb-thread{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(transparent,#000 14px);mask-image:linear-gradient(transparent,#000 14px);padding:12px 12px 14px;scrollbar-width:thin;scrollbar-color:#B9C3CD transparent}
#tb .tb-thread:focus-visible,#tb .tb-logscroll:focus-visible{-webkit-mask-image:none;mask-image:none}
#tb .tb-thread:focus-visible{outline-offset:-3px}
#tb .tb-msgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
#tb .tb-day{align-self:center;font:600 .74rem/1 var(--body);color:var(--muted);padding:2px 0}
#tb .tb-ev{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font:600 .78rem/1.2 var(--body);color:var(--bad)}
#tb .tb-ev .icon{width:13px;height:13px}
#tb .tb-msg{display:flex;flex-direction:column;max-width:86%}
#tb .tb-in{align-self:flex-start;align-items:flex-start}
#tb .tb-out{align-self:flex-end;align-items:flex-end}
#tb .tb-bub{display:block;padding:8px 12px 9px;border-radius:17px;font-size:.9rem;line-height:1.42;overflow-wrap:anywhere}
#tb .tb-in .tb-bub{background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:5px}
#tb .tb-out .tb-bub{background:var(--navy);color:#fff;border-bottom-right-radius:5px}
#tb .tb-auto .tb-bub{box-shadow:0 0 0 3px #f26b1d2b}
#tb .tb-meta{margin:4px 6px 0;font-size:.72rem;line-height:1.2;color:var(--muted)}
#tb .tb-flag{display:inline-flex;align-items:center;gap:5px;margin:0 4px 6px;font:700 .68rem/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-ink)}
#tb .tb-flag .icon{width:12px;height:12px}
#tb .tb-typing .tb-bub{display:inline-flex;align-items:center;padding:12px 14px;color:var(--muted)}
#tb .tb-compose{flex:none;display:flex;align-items:flex-end;gap:8px;padding:9px 10px 14px;background:#fff;border-top:1px solid var(--line)}
#tb .tb-field{flex:1;min-width:0;min-height:36px;max-height:100px;overflow:hidden;padding:8px 13px;border:1px solid var(--line);border-radius:18px;background:#F7F9FB;font-size:.86rem;line-height:1.38;color:var(--ink)}
#tb .tb-field.is-empty{color:#7B8794}
#tb .tb-send{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#D3DAE1;color:#fff;transition:background-color .2s}
#tb .tb-send.is-on{background:var(--orange)}
#tb .tb-send .icon,#tb .tb-pick-go .icon{width:16px;height:16px;transform:rotate(-90deg)}

/* the owner's one-thumb reply */
#tb .tb-reply{flex:none;padding:10px 10px 4px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 20px -16px #0e1f3359}
#tb .tb-reply-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 3px 8px;font:700 .72rem/1.3 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#tb .tb-reply-h em{font-style:normal;color:var(--orange-ink)}
#tb .tb-pick{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin:0 0 8px;padding:9px 9px 9px 13px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink);font:500 .86rem/1.38 var(--body);text-align:left;cursor:pointer;box-shadow:var(--shadow-xs);transition:border-color .15s,background-color .15s,box-shadow .15s;animation:tb-glow 2.4s ease-in-out infinite}
#tb .tb-pick:hover{border-color:var(--orange);background:#FFF7F1;animation:none}
#tb .tb-pick:focus-visible{outline-offset:2px;animation:none}
#tb .tb-pick-t{flex:1;min-width:0}
#tb .tb-pick-go{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--orange);color:#fff}
@keyframes tb-glow{50%{box-shadow:0 0 0 4px #f26b1d26}}

/* the caller's list and call screen */
#tb .tb-ctx{display:flex;gap:9px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#FFF8E6;border:1px solid #8a5a0026;font-size:.86rem;line-height:1.4;color:var(--ink)}
#tb .tb-ctx .icon{width:16px;height:16px;margin-top:2px;color:var(--warn)}
#tb .tb-plist,#tb .tb-lrows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#tb .tb-prow{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 10px 10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:border-color .2s,box-shadow .2s,background-color .2s}
#tb .tb-prow.is-next{border-color:#F26B1D99;box-shadow:0 0 0 3px #f26b1d1c}
#tb .tb-prow.is-tap{background:#FFF1E7}
#tb .tb-ini{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#EEF2F6;color:var(--navy);font:700 .86rem/1 var(--head);letter-spacing:.04em}
#tb .tb-prow-t,#tb .tb-lrow-t{min-width:0}
#tb .tb-prow b,#tb .tb-lrow b{display:block;font-weight:600;font-size:.92rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tb .tb-prow small,#tb .tb-lrow small{display:block;font-size:.8rem;line-height:1.35;color:var(--muted)}
#tb .tb-callic{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#EEF2F6;color:var(--muted)}
#tb .tb-callic.is-on{background:#E8F5EC;color:var(--ok)}
#tb .tb-callic .icon{width:15px;height:15px}
#tb .tb-illus-tag{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin:0 0 10px;padding:5px 10px;border-radius:999px;background:var(--warn-bg);color:var(--warn);border:1px solid #8a5a0038;font:700 .7rem/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase}
#tb .tb-illus-tag .icon{width:12px;height:12px}
#tb .tb-call{align-items:center;text-align:center;padding:0 16px 30px;background:radial-gradient(90% 45% at 50% 0%,#2E5884,transparent 72%),linear-gradient(#1C3A5B,#0E1F33);color:#fff}
#tb .tb-call .tb-sb{align-self:stretch;margin:0 -16px}
#tb .tb-call .tb-illus-tag{margin:12px 0 0}
#tb .tb-call-k{margin:34px 0 16px;font:700 .76rem/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:#ffffffad}
#tb .tb-call .tb-illus-tag+.tb-call-k{margin-top:22px}
#tb .tb-call-av{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:linear-gradient(#F78D4C,#D95A12);font:700 1.8rem/1 var(--head);letter-spacing:.04em;box-shadow:0 12px 30px -12px #f26b1daa}
#tb .tb-call-av.is-other{background:linear-gradient(#6A88A8,#3E5C7C);box-shadow:none}
#tb .tb-call-n{margin:18px 0 2px;font:600 1.4rem/1.2 var(--body)}
#tb .tb-call-num{margin:0;color:#ffffffb8;font-size:.95rem}
#tb .tb-call-st{display:inline-flex;align-items:center;gap:8px;margin:20px 0 0;padding:6px 14px;border-radius:999px;background:#ffffff17;font-weight:600;font-size:.9rem}
#tb .tb-call-st .icon{width:15px;height:15px}
#tb .tb-call.is-ended .tb-call-st{background:#b3261e47;color:#FFE1DE}
#tb .tb-end{display:grid;place-items:center;width:60px;height:60px;margin-top:auto;border-radius:50%;background:#D93A2F;color:#fff;box-shadow:0 10px 24px -12px #d93a2fcc}
#tb .tb-end .icon{width:24px;height:24px;transform:rotate(135deg)}
#tb .tb-call.is-ended .tb-end{opacity:.4;box-shadow:none}

/* the owner's lock screen */
#tb .tb-lock{background:radial-gradient(100% 50% at 50% 0%,#2E5884,transparent 72%),linear-gradient(#1C3A5B,#0E1F33 90%);color:#fff}
#tb .tb-lock-t{margin:16px 0 0;text-align:center;font:600 4.1rem/1 var(--head);letter-spacing:.01em;font-variant-numeric:tabular-nums}
#tb .tb-lock-d{margin:4px 0 0;text-align:center;font-size:.92rem;color:#ffffffc9}
#tb .tb-focus{align-self:center;display:inline-flex;align-items:center;gap:6px;margin:12px 0 18px;padding:5px 12px;border-radius:999px;background:#ffffff17;border:1px solid #ffffff2e;font:600 .8rem/1.2 var(--body);color:#ffffffe6}
#tb .tb-focus .icon{width:13px;height:13px;color:var(--orange-lite)}
#tb .tb-notifs{display:grid;gap:8px;padding:0 10px}
#tb .tb-quiet{margin:auto 0 0;padding:0 0 34px;text-align:center;font-size:.84rem;color:#ffffff8f}
#tb .tb-note{background:#fffffff2;color:var(--ink);border-radius:18px;padding:10px 12px 11px;box-shadow:0 12px 26px -14px #000c}
#tb .tb-note-hd{display:flex;align-items:center;gap:7px;margin:0 0 5px;font:700 .68rem/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#tb .tb-note-hd time{margin-left:auto;font:500 .74rem/1 var(--body);letter-spacing:0;text-transform:none}
#tb .tb-app{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;color:#fff;background:var(--navy)}
#tb .tb-app .icon{width:12px;height:12px}
#tb .tb-app--bad{background:#2E9455}
#tb .tb-app--tb{background:var(--orange)}
#tb .tb-note-t{margin:0;font-weight:600;font-size:.92rem;line-height:1.3}
#tb .tb-note-s{margin:1px 0 0;font-size:.86rem;color:var(--ink-2)}
#tb .tb-note-x{display:flex;align-items:center;gap:6px;margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:.8rem;font-weight:600;color:var(--ok)}
#tb .tb-note-x .icon{width:14px;height:14px}
#tb .tb-note-l{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:.82rem;line-height:1.35;color:var(--ink-2)}
#tb .tb-note-l li{display:flex;gap:6px;align-items:flex-start}
#tb .tb-note-l .icon{width:13px;height:13px;margin-top:2px;color:var(--muted)}
#tb .tb-note-l .tb-note-q{display:block;margin-top:4px;padding:8px 10px;border-radius:12px;border-bottom-left-radius:4px;background:#EDF1F5;color:var(--ink);font-size:.86rem}
#tb .tb-note-f{margin:8px 0 0;font-size:.74rem;color:var(--muted)}
#tb .tb-ring{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:12px}
#tb .tb-ring-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#2E9455;color:#fff;animation:tb-ring 1.2s ease-out infinite}
#tb .tb-ring-ic .icon{width:19px;height:19px;animation:tb-wiggle 1.2s ease-in-out infinite}
#tb .tb-ring-t b{display:block;font-size:.95rem;line-height:1.25}
#tb .tb-ring-t span{display:block;font-size:.86rem;color:var(--ink-2)}
#tb .tb-cant{grid-column:1 / -1;justify-self:start;white-space:normal}
@keyframes tb-ring{0%{box-shadow:0 0 0 0 #2e94558c}100%{box-shadow:0 0 0 13px #2e945500}}
@keyframes tb-wiggle{0%,55%,100%{transform:none}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}

/* the owner's call log at the end */
#tb .tb-sum{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
#tb .tb-sum.is-ok{border-color:#1b6e3540;background:linear-gradient(#F0F9F3,#fff)}
#tb .tb-sum-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--bad-bg);color:var(--bad)}
#tb .tb-sum.is-ok .tb-sum-ic{background:var(--ok-bg);color:var(--ok)}
#tb .tb-sum-h{margin:0;font:600 1.04rem/1.3 var(--body);color:var(--ink)}
#tb .tb-sum-h small{display:block;margin-bottom:2px;font:700 .7rem/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#tb .tb-lrow{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 10px;align-items:center;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line)}
#tb .tb-lrow .dk-chip{grid-column:2;margin-top:5px}
#tb .tb-lrow-ic{grid-row:1 / span 2;align-self:start;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#EEF2F6;color:var(--navy)}
#tb .tb-lrow-ic .icon{width:15px;height:15px}
#tb .tb-lrow.is-missed .tb-lrow-ic{background:var(--bad-bg);color:var(--bad)}
#tb .tb-lrow.is-next{background:#F7F9FC;border-style:dashed}
#tb .tb-lrow small{white-space:normal}
#tb .tb-logv .tb-illus-tag{margin:12px 0 0}

/* the middle: the approved message and the timeline */
#tb .tb-mid{min-width:0;display:flex;flex-direction:column;gap:14px}
#tb .tb-mid>.tb-who{max-width:none}
@media(min-width:1040px){#tb .tb-mid{height:0;min-height:100%}}
@media(min-width:700px) and (max-width:1039px){#tb .tb-mid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px 22px}#tb .tb-mid>.tb-who{grid-column:1 / -1}}
#tb .tb-tpl{flex:none;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:border-color .3s,box-shadow .3s,opacity .3s}
#tb .tb-tpl-hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:0}
#tb .tb-tpl-hd b{font:700 .78rem/1.3 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#tb .tb-tpl-t{margin:10px 0;padding:10px 12px;border-radius:14px;border-bottom-left-radius:4px;background:#F1F4F8;font-size:.9rem;line-height:1.45;color:var(--ink)}
#tb .tb-tpl-ft{margin:0;font-size:.82rem;line-height:1.4;color:var(--muted)}
#tb .tb-tpl.is-used{border-color:#f26b1d73;box-shadow:0 0 0 3px #f26b1d17,var(--shadow-sm)}
#tb .tb-tpl.is-off .tb-tpl-t{color:#7B8794;background:#F5F7F9}
#tb .tb-logbox{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 0 0;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden}
#tb .tb-logbox .dk-pane-h{flex:none;margin:0;padding:0 14px 10px;border-bottom:1px solid #EEF1F4}
#tb .tb-logscroll{flex:1;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(transparent,#000 12px);mask-image:linear-gradient(transparent,#000 12px);padding:12px 14px 16px;scrollbar-width:thin;scrollbar-color:#B9C3CD transparent}
#tb .tb-logscroll:focus-visible{outline-offset:-3px;border-radius:0 0 14px 14px}
#tb .tb-log{gap:9px}
#tb .tb-log li{grid-template-columns:58px minmax(0,1fr);line-height:1.4}
#tb .tb-log li>span{color:var(--ink)}
#tb .tb-log .dk-chip{margin-top:6px}
#tb .tb-log li.is-ok>span{color:var(--ok);font-weight:600}
#tb .tb-log .tb-gap{display:flex;align-items:center;gap:10px;margin:2px 0;font:700 .7rem/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#tb .tb-log .tb-gap::before,#tb .tb-log .tb-gap::after{content:"";flex:1;border-top:1px dashed var(--line-strong)}
#tb .tb-log-empty{margin:0;color:var(--muted);font-size:.9rem}

/* texting rules and price, shown with or without JavaScript */
#tb .tb-rules{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media(min-width:620px){#tb .tb-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){#tb .tb-rules{grid-template-columns:repeat(4,minmax(0,1fr))}}
#tb .tb-rules li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-xs);font-size:.9rem;line-height:1.45;color:var(--ink-2)}
#tb .tb-rules b{display:block;margin-bottom:2px;font-weight:600;font-size:.96rem;color:var(--ink)}
#tb .tb-rule-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ai-bg);color:var(--navy)}
#tb .tb-rule-ic .icon{width:17px;height:17px}
#tb .tb-price{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:.95rem;color:var(--ink-2)}
#tb .tb-price .icon{color:var(--orange-ink)}

/* static fallback (no JavaScript) */
#tb .tb-s-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:860px){#tb .tb-s-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}
#tb .tb-src .card{margin:0;background:#fff}
#tb .tb-src .card h3{margin-bottom:12px}
#tb .tb-src .card p{margin:0 0 12px}
#tb .tb-src .dk-log{gap:14px}
#tb .tb-q{display:block;width:fit-content;max-width:min(100%,520px);text-wrap:wrap;margin:6px 0 4px;padding:9px 12px;border-radius:14px;border-bottom-left-radius:4px;background:#F1F4F8;color:var(--ink);quotes:none}
#tb .tb-q--out{margin-left:auto;background:var(--navy);color:#fff;border-bottom-left-radius:14px;border-bottom-right-radius:4px}
#tb .tb-q::before,#tb .tb-q::after{content:none}

@media(prefers-reduced-motion:reduce){
 #tb .tb-view-in,#tb .tb-ring-ic,#tb .tb-ring-ic .icon,#tb .tb-pick{animation:none}
 #tb .tb-seg button,#tb .tb-prow,#tb .tb-pick,#tb .tb-send,#tb .tb-tpl{transition:none}
}