/* Binance outflows page, Update 2 (Roland 2026-10-29: "highlight whats new since last update ... make it easy
   to follow timeline and updates"). Loaded by that page only, beside learn.css, so an update to this page
   never changes another page. */
.learn .bt-section,
.learn .bt-whatsnew,
.learn .bt-event { scroll-margin-top: 84px; }

/* Jump links under the lead; on a phone they scroll inside their own row */
.learn .bt-jumps { margin: 24px 0 0; }
.learn .bt-jumps ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.learn .bt-jumps a { display: inline-block; padding: 6px 13px; border: 1px solid var(--swr-border); border-radius: 999px; font-size: 13.5px; font-weight: 550; color: var(--swr-text2); white-space: nowrap; transition: border-color .15s, color .15s; }
.learn .bt-jumps a:hover { border-color: var(--swr-btc); color: var(--swr-text); }

/* What's new: right under the figures */
.learn .bt-whatsnew { margin: 20px 0 0; padding: 22px 24px 20px; border: 1px solid var(--learn-warm-high); border-left: 3px solid var(--swr-btc); border-radius: 16px; background: var(--learn-warm-low); }
.learn .bt-whatsnew h2 { margin: 0; font-size: 20px; font-weight: 650; letter-spacing: -.01em; color: var(--swr-text); }
.learn .bt-whatsnew-sub { margin: 4px 0 12px; font-size: 13.5px; font-weight: 600; color: var(--swr-btc-ink); }
.learn .bt-whatsnew ul { max-width: 80ch; margin: 0; padding-left: 1.2em; font-size: 16px; line-height: 1.55; color: var(--swr-text); }
.learn .bt-whatsnew li { margin: 6px 0; }
.learn .bt-whatsnew li::marker { color: var(--swr-btc-ink); }
.learn .bt-see { margin-left: 4px; font-size: 13px; font-weight: 600; color: var(--swr-btc-ink); white-space: nowrap; }
.learn .bt-see:hover { text-decoration: underline; }
.learn .bt-unchanged { margin: 12px 0 0; font-size: 14px; color: var(--swr-text3); }

/* New tags and the left-edge mark on rows from the latest update */
.learn .bt-new { display: inline-block; margin-left: 8px; padding: 1px 7px; border-radius: 999px; background: var(--swr-btc); color: var(--swr-btn-ink); font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; vertical-align: 1px; }
.learn .bt-event.bt-is-new p { margin-left: -14px; padding-left: 12px; border-left: 2px solid var(--swr-btc); }
.learn .bt-table tr.bt-is-new th { box-shadow: inset 2px 0 0 var(--swr-btc); padding-left: 10px; }
.learn .bt-event:target p { background: var(--learn-warm-low); border-radius: 0 8px 8px 0; }

/* Timeline helpers */
.learn .bt-timeline-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; max-width: 900px; }
.learn .bt-latest { font-size: 14px; font-weight: 600; color: var(--swr-btc-ink); }
.learn .bt-latest:hover { text-decoration: underline; }
.learn .bt-divider { position: relative; margin: 2px 0 26px 156px; }
.learn .bt-divider span { display: inline-block; padding: 3px 10px; border: 1px dashed var(--swr-border-strong); border-radius: 999px; background: var(--swr-bg); font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--swr-text3); }

/* Update history */
.learn .bt-history ol { max-width: 80ch; margin: 14px 0 0; padding: 0; list-style: none; }
.learn .bt-history li { padding: 12px 0; border-top: 1px solid var(--swr-border); font-size: 15px; line-height: 1.55; color: var(--swr-text2); }
.learn .bt-history li:first-child { border-top: 0; }
.learn .bt-history strong { color: var(--swr-text); }
.learn .bt-history li:target { background: var(--learn-warm-low); }

@media (max-width: 640px) {
  .learn .bt-jumps { margin-right: -24px; }
  .learn .bt-jumps ul { flex-wrap: nowrap; overflow-x: auto; padding-right: 24px; scrollbar-width: none; }
  .learn .bt-jumps ul::-webkit-scrollbar { display: none; }
  .learn .bt-whatsnew { padding: 18px 18px 16px; }
  .learn .bt-divider { margin-left: 28px; }
  .learn .bt-event.bt-is-new p { margin-left: 0; }
}

/* Roland 2026-10-29: the text uses the page's full width like everything else on it, not a column on the left. */
.learn .bt-head,
.learn .bt-lead,
.learn .bt-text,
.learn .bt-prose p,
.learn .bt-timeline,
.learn .bt-timeline-top,
.learn .bt-event p,
.learn .bt-markets,
.learn .bt-whatsnew ul,
.learn .bt-steps,
.learn .bt-unknown,
.learn .bt-history ol,
.learn .bt-sources ol,
.learn .bt-disclaimer { max-width: none; }

/* Consecutive quotes from one post (Binance 02:25, update 12) keep the gap a between-line gives. */
.learn .bt-quote blockquote + blockquote { margin-top: 10px; }