/* 26.10: «мост к продукту» на страницах про часы торгов золотом (разметку и тексты даёт js/bridge.js).
   26.10 (bridge2): верх — тонкая «полоса-подсказка» без рамки; низ — «витрина» с мини-превью эмулятора. Не похоже на карточку-баннер s3b (золотая рамка) на калькуляторах. */
.br{position:relative;color:var(--text);}
.br p,.br h2{margin:0;}
.br-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;}
.br .btn{text-decoration:none;white-space:normal;text-align:center;}
.br-arrow{display:inline-block;margin-inline-start:8px;}
html[dir="rtl"] .br-arrow,.br[dir="rtl"] .br-arrow{transform:scaleX(-1);}

/* ВЕРХ: полоса-подсказка */
.br-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 16px;margin:16px 0;overflow:hidden;
  border-radius:10px;background:linear-gradient(90deg,rgba(224,178,90,.06),rgba(224,178,90,0) 85%);}
.br[dir="rtl"].br-top{background:linear-gradient(270deg,rgba(224,178,90,.06),rgba(224,178,90,0) 85%);}
.br-top::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--gold);}
.hr-card > .br-top{margin:16px 20px 0;}
.br-ico{flex:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#F0CB82,#C99A43);box-shadow:0 4px 14px rgba(224,178,90,.25);}
.br-t{flex:1 1 0;min-width:170px;font-size:14.5px;line-height:1.45;font-weight:500;max-width:62ch;}
.br-f{display:block;margin-top:1px;font-size:12.5px;font-weight:400;color:var(--text-dim);}
.br-top .btn{height:38px;padding:0 15px;font-size:13.5px;}
.br-top .btn-ghost{padding:0 6px;border-color:transparent;background:transparent;color:var(--text-dim);}
.br-top .btn-ghost:hover{color:var(--text);}

/* НИЗ: витрина */
.br-end{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:36px;padding:40px 44px;margin:48px 0 8px;overflow:hidden;
  border-radius:20px;border:1px solid rgba(224,178,90,.16);
  background:radial-gradient(120% 150% at 0% 0%,rgba(156,122,51,.42),rgba(156,122,51,0) 58%),radial-gradient(70% 90% at 100% 100%,rgba(224,178,90,.09),rgba(224,178,90,0) 70%),#0B0D11;}
.br-h{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.015em;text-wrap:balance;color:var(--text);}
.br .br-p{margin-top:12px;font-size:15.5px;line-height:1.6;color:#B4B9C2;max-width:56ch;}
.br-end .br-act{margin-top:22px;gap:12px 18px;}
.br-end .btn-primary{height:56px;padding:0 30px;font-size:16.5px;box-shadow:0 10px 30px rgba(224,178,90,.28);}
.br-end .btn-ghost{height:44px;padding:0 18px;font-size:14.5px;}
.br-how{color:var(--gold);font-weight:600;font-size:15px;text-decoration:none;padding:10px 2px;white-space:nowrap;}
.br-how .br-arrow{transition:transform .15s;}
.br-how:hover{text-decoration:underline;text-underline-offset:3px;}
.br-how:hover .br-arrow{transform:translateX(3px);}
html[dir="rtl"] .br-how:hover .br-arrow,.br[dir="rtl"] .br-how:hover .br-arrow{transform:scaleX(-1) translateX(3px);}
.br .br-r{margin-top:20px;font-size:12.5px;line-height:1.5;color:var(--text-faint);}
.br-vis{position:relative;isolation:isolate;}
.br-vis::before{content:"";position:absolute;inset:-14%;z-index:-1;background:radial-gradient(closest-side,rgba(224,178,90,.30),rgba(224,178,90,0));filter:blur(14px);}
.br-vis svg{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.5);direction:ltr;}
.br-cap{position:absolute;inset-inline-start:14px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;
  background:rgba(224,178,90,.12);border:1px solid rgba(224,178,90,.3);font-size:11.5px;font-weight:600;color:var(--gold);letter-spacing:.02em;}
.br-cap i{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:brPulse 1.6s ease-in-out infinite;}
@keyframes brPulse{0%,100%{opacity:1}50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.br-cap i{animation:none;}}
.tl-main > section .br-end{margin-top:0;}

@media(max-width:820px){
  .br-end{grid-template-columns:1fr;gap:24px;padding:24px 18px;}
  .br-vis{order:-1;max-width:420px;width:100%;margin-inline:auto;}
  .br-h{font-size:24px;}
}
@media(max-width:700px){
  .br-top{padding:12px 12px 12px 16px;}
  .br-top .br-act{flex:1 1 100%;flex-direction:column;align-items:stretch;}
  .hr-card > .br-top{margin:14px 14px 0;}
  .br-top .btn{height:42px;}
  .br-end .br-act{flex-direction:column;align-items:stretch;}
  .br .btn{width:100%;justify-content:center;}
  .br-how{text-align:center;}
}
/* внутри статьи (.post-body a — золотая ссылка с подчёркиванием) кнопки остаются кнопками */
.post-body .br a.btn{text-decoration:none;}
.post-body .br a.btn-primary{color:#1A1406;}
.post-body .br a.btn-ghost{color:var(--text);}
.post-body .br-top a.btn-ghost{color:var(--text-dim);}
.post-body .br a.br-how{color:var(--gold);text-decoration:none;}
.post-body .br p{margin:0;}
.post-body .br p.br .br-p{margin-top:12px;}
.post-body .br p.br .br-r{margin-top:20px;}
.post-body .br-top{margin:22px 0;}
.post-body .br-end{margin:0;}
.post-emu + .post-related,.br-end + .post-related{margin-top:40px;}