/* IB site only (never copied into the trader site): the "For IBs" badge, the box with the trader Academy's link,
   and the IB note at the end of each lesson. Loaded after academy.css and widgets.css. */
.bar-right:has(.aud-badge) .bar-prog{display:none}   /* phone: the badge takes the room */
.aud-badge{font:600 11px/1 var(--f-data);letter-spacing:.12em;text-transform:uppercase;color:var(--on-gold);background:var(--gold);border-radius:999px;padding:7px 10px;white-space:nowrap}
.share{border:1px dashed color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:14px;padding:16px;display:grid;gap:10px;margin-bottom:22px;background:var(--bg2)}
.share h2{font-size:22px}
.share p.small{color:var(--soft)}
.share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.share code{font:500 13px/1.3 var(--f-data);color:var(--ink);background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:12px 10px;overflow-wrap:anywhere;user-select:all}
.ib{border:1px dashed var(--line2);border-radius:12px;padding:16px;display:grid;gap:12px;background:var(--bg2)}
.ib dl{margin:0;display:grid;gap:10px}
.ib dl div{display:grid;grid-template-columns:1fr;gap:4px 14px}
.ib dt{font:500 12px/1.4 var(--f-data);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.ib dd{margin:0;color:var(--soft)}
@media (min-width:561px){
  .bar-right:has(.aud-badge) .bar-prog{display:inline}
  .ib dl div{grid-template-columns:9.5rem minmax(0,1fr)}
}