/* Be Wise: "Markets & news" strip on the Be Vietnam Wise and Be Rwanda Wise home pages (v91, 14 October 2026; v95b 16 October 2026: moves on phones).
   Filled by bw-ticker.js from the app's Worker (/ticker). Hidden until the data arrives. */
.bw-tk{ margin:18px 0 6px; border:1px solid var(--bw-rule,#D9DFE8); border-radius:10px; background:#fff; overflow:hidden; }
.bw-tk[hidden]{ display:none; }
.bw-tk-head{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:9px 16px; border-bottom:1px solid var(--bw-rule,#D9DFE8); background:var(--bw-mist,#EEF1F6); }
.bw-tk-title{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--bw-ink,#14213D); }
.bw-tk-dot{ width:8px; height:8px; border-radius:50%; background:var(--bw-coral,#E4572E); box-shadow:0 0 0 3px rgba(228,87,46,.18); }
.bw-tk-updated{ font-size:12.5px; color:var(--bw-steel,#56637A); }
.bw-tk-pause{ margin-left:auto; font:inherit; font-size:12.5px; font-weight:600; color:var(--bw-ink,#14213D); background:#fff; border:1px solid var(--bw-rule-strong,#C3CCD9); border-radius:999px; padding:4px 12px; cursor:pointer; }
.bw-tk-pause:hover{ border-color:var(--bw-ink,#14213D); }
/* v95b (16 Oct 2026): the strip now scrolls itself with a small script (bw-ticker.js) instead of a CSS animation,
   so it moves on phones too (iPhone Safari froze or paused the old animation), and it can be swiped by hand. */
.bw-tk-strip{ position:relative; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y; }
.bw-tk-strip::-webkit-scrollbar{ display:none; }
@media (hover:hover) and (pointer:fine) and (min-width:601px){
  .bw-tk-strip{ -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
}
.bw-tk-track{ display:flex; width:max-content; }
.bw-tk-list{ display:flex; list-style:none; margin:0; padding:0; }
.bw-tk-list li{ display:flex; flex-direction:column; justify-content:center; gap:2px; padding:11px 22px; border-right:1px solid var(--bw-rule,#D9DFE8); white-space:nowrap; min-height:58px; box-sizing:border-box; }
.bw-tk-k{ font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--bw-steel,#56637A); }
.bw-tk-row{ display:flex; align-items:baseline; gap:8px; }
.bw-tk-v{ font-family:var(--bw-serif,Georgia,serif); font-size:1.18rem; font-weight:600; color:var(--bw-ink,#14213D); font-variant-numeric:tabular-nums; line-height:1.1; }
.bw-tk-chg{ font-size:12.5px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--bw-steel,#56637A); }
.bw-tk-chg.up{ color:#1F6B3F; } .bw-tk-chg.dn{ color:#B3261E; }
.bw-tk-m{ font-size:11.5px; color:var(--bw-steel,#56637A); }
.bw-tk-m a, .bw-tk-ind a{ color:inherit; text-decoration:none; }
.bw-tk-m a:hover, .bw-tk-ind a:hover{ text-decoration:underline; }
.bw-tk-ind .bw-tk-m{ max-width:440px; overflow:hidden; text-overflow:ellipsis; }
.bw-tk-news{ max-width:420px; }
.bw-tk-news a{ font-weight:600; color:var(--bw-ink,#14213D); text-decoration:none; white-space:normal; line-height:1.35; font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.bw-tk-news a:hover{ text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--bw-coral,#E4572E); }
.bw-tk-src{ font-size:11.5px; font-weight:700; letter-spacing:.04em; color:var(--bw-coral-strong,#C2461F); }
.bw-tk-src time{ font-weight:600; color:var(--bw-steel,#56637A); margin-left:6px; letter-spacing:0; }
.bw-tk-foot{ margin:0; padding:7px 16px; font-size:11.5px; line-height:1.5; color:var(--bw-steel,#56637A); border-top:1px solid var(--bw-rule,#D9DFE8); background:#fff; }
.bw-tk-foot button{ font:inherit; font-size:11.5px; font-weight:600; color:var(--bw-ink,#14213D); background:none; border:0; padding:6px 4px; margin:-6px 0; min-height:24px; cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
.bw-tk-sources{ display:none; margin:4px 0 0; }
.bw-tk-foot.open .bw-tk-sources{ display:block; }
@media (max-width:600px){
  .bw-tk{ margin:14px 0 4px; border-radius:8px; }
  .bw-tk-head{ padding:8px 12px; gap:10px; }
  .bw-tk-list li{ padding:9px 14px; min-height:54px; }
  .bw-tk-v{ font-size:1.06rem; }
  .bw-tk-news{ max-width:300px; }
}