/* LBIC Trade Notes — presentation overlay v2 (ADDITIVE, scoped). Fixes the NEW singular
 * article.trade-note edge-to-edge defect and the Trade-Notes index filter row only.
 * Legacy /trade-note/ articles use .container.two/.note-body (already framed to 1180) and carry
 * NO .trade-note markup, so none of these rules touch them. Every value falls back to the exact
 * lbic-shell token. Remove the two mu-plugins files to revert (caches may delay visual reversal). */

/* ---- NEW article frame: fixes edge-to-edge render (~1425px, no gutter) ---- */
.trade-note{
  box-sizing:border-box; max-width:var(--max,1180px); margin:0 auto;
  padding:40px 32px 64px;
  color:var(--ink,#253B53); font-family:var(--font-body,"Manrope",ui-sans-serif,system-ui,sans-serif);
}
@media(max-width:900px){ .trade-note{ padding:32px 24px 48px; } }
@media(max-width:560px){ .trade-note{ padding:24px 16px 40px; } }

.trade-note__section>p,.trade-note__section>ul,.trade-note__plainline{ max-width:72ch; }

.trade-note__header{ margin:0 0 28px; padding-bottom:20px; border-bottom:1px solid var(--line,#C3D5E2); }
.trade-note__eyebrow{ margin:0 0 12px; font-family:var(--font-body,"Manrope",sans-serif); font-size:12.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--primary,#012A58); }
.trade-note__headline{ margin:0 0 18px; max-width:26ch; font-family:var(--font-head,"Newsreader",Georgia,"Times New Roman",serif); color:var(--heading,#012A58); font-weight:700; font-size:clamp(28px,3vw,40px); line-height:1.15; letter-spacing:-.01em; }
.trade-note__tags{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.trade-note__tags .tag{ display:inline-flex; align-items:center; line-height:1.2; font-family:var(--font-body,"Manrope",sans-serif); font-size:13px; font-weight:600; padding:5px 11px; border-radius:999px; background:var(--tint,#EFF7FB); color:var(--ink,#253B53); border:1px solid var(--line,#C3D5E2); }
.trade-note__tags .tag--status{ background:var(--tint2,#E5F3FE); color:var(--primary,#012A58); }
.trade-note__tags .tag--mixed{ background:var(--warn-bg,#FFF4D6); color:var(--warn,#7A4E0B); border-color:#E7CF93; }

.trade-note__section{ margin:0 0 30px; }
.trade-note__section h2{ margin:0 0 .5em; font-family:var(--font-head,"Newsreader",Georgia,serif); color:var(--heading,#012A58); font-weight:700; font-size:clamp(20px,1.6vw,26px); line-height:1.25; letter-spacing:-.005em; }
.trade-note__section p{ margin:0 0 1em; line-height:1.65; }
.trade-note__section ul{ margin:0 0 1em; padding-left:1.25em; }
.trade-note__section li{ margin:0 0 .4em; line-height:1.6; }
.trade-note__section a{ color:var(--primary,#012A58); text-underline-offset:2px; }

.trade-note__rates{ list-style:none; margin:0 0 1em; padding:16px 18px; background:var(--tint,#EFF7FB); border:1px solid var(--line,#C3D5E2); border-radius:var(--r,14px); }
.trade-note__rates li{ padding-left:0; }
.trade-note__plainline{ margin:0 0 1em; padding:12px 16px; background:var(--tint2,#E5F3FE); border-left:3px solid var(--secondary,#7EC1F9); border-radius:0 8px 8px 0; }
.trade-note__sourcenote{ color:var(--mute,#4E6274); max-width:72ch; }

/* ---- Index /trade-notes/ filter row — scoped to the Trade-Notes filter only (AG Finding 1) ---- */
.filters[aria-label*="Trade Notes"]{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }

/* ---- overflow safety (article only) ---- */
.trade-note,.trade-note *{ min-width:0; }
.trade-note img{ max-width:100%; height:auto; }