/* ============================================================================
   Leversens · rates.css : le marché des taux, direction « Le Rail ».
   Un axe du temps partagé, des filets, un seul accent bleu, des chiffres en mono.
   Ni vert ni rouge ici : une hausse de taux n'est ni bonne ni mauvaise ; l'ambre
   est réservé aux données périmées.
   ========================================================================== */
:root{--rx-fed:#8ec2ff;--rx-ecb:#3a7bd5;--rx-boj:rgba(142,194,255,.6);--rx-boe:#5ba0f5;
  --rx-now:#5ba0f5;--rx-grid:rgba(142,194,255,.12);--rx-lab:rgba(238,242,248,.62);--rx-warn:#f0a94b;
  --rx-line:rgba(91,160,245,.16);--rx-line2:rgba(91,160,245,.3)}
.rx-hero{padding-bottom:clamp(.8rem,2vh,1.2rem);text-align:center}
.rx-hero .lede{margin-left:auto;margin-right:auto}
.rx-stamp{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--ter);margin:0 0 .6rem}
.rx-late{margin:0 0 1rem;padding:.7rem 1rem;border-radius:10px;border:1px solid rgba(240,169,75,.45);
  background:rgba(240,169,75,.1);color:#ffd7a3;font-size:.88rem}
.rx-h2{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--blue-hi);font-weight:500;margin:0 0 .9rem;padding-top:.4rem}
.rx-h3{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ter);font-weight:500;margin:0 0 .5rem}
.rx-sec{margin-top:clamp(2rem,5vh,3.2rem);padding-top:1.2rem;border-top:1px solid var(--rx-line2)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.num{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}

/* --- le rail ------------------------------------------------------------- */
.rx-rail{margin-top:.4rem;border-top:1px solid var(--rx-line2);border-bottom:1px solid var(--rx-line2);padding:.6rem 0 .8rem}
.rx-railbox{width:100%}
/* place réservée au rail pendant le chargement des données : la page ne saute pas quand il arrive */
.rx-railbox:empty{aspect-ratio:1440/420;max-height:52vh}
@media(max-width:1163px){.rx-railbox:empty{aspect-ratio:auto;height:360px}}
@media(max-width:688px){.rx-railbox:empty{height:300px}}
.rx-railbox svg{display:block;width:100%;height:auto;max-height:52vh;overflow:visible}
.rx-railbox .grid{stroke:var(--rx-grid);stroke-width:1}
.rx-railbox .axis{fill:var(--rx-lab);font:11px 'JetBrains Mono',monospace}
.rx-railbox .now{stroke:var(--rx-now);stroke-width:1.5}
.rx-railbox .nowlab{fill:var(--blue-pale);font:600 11px 'JetBrains Mono',monospace;letter-spacing:.12em}
.rx-railbox .st{fill:none;stroke-linejoin:round;stroke-linecap:round}
.rx-railbox .st.fed{stroke:var(--rx-fed);stroke-width:2.2}
.rx-railbox .st.ecb{stroke:var(--rx-ecb);stroke-width:1.7}
.rx-railbox .st.boj{stroke:var(--rx-boj);stroke-width:1.7;stroke-dasharray:1.5 3.5}
.rx-railbox .st.boe{stroke:var(--rx-boe);stroke-width:1.7;stroke-dasharray:5 3.5}
.rx-railbox .st.dim{opacity:.35}
.rx-railbox .band{fill:rgba(142,194,255,.12)}
.rx-railbox .lab{font:600 12px Inter,system-ui,sans-serif;fill:var(--txt);paint-order:stroke;stroke:#0a1224;stroke-width:3px;stroke-linejoin:round}
.rx-railbox .lab .v{font-family:'JetBrains Mono',monospace;font-weight:500;fill:var(--blue-pale)}
.rx-railbox .lab.dim{opacity:.6}
.rx-railbox .dot{fill:var(--blue-pale);stroke:#0a1224;stroke-width:1}
.rx-railbox .dotlab{fill:var(--blue-pale);font:11px 'JetBrains Mono',monospace}
.rx-railbox .exp{fill:none;stroke:rgba(142,194,255,.45);stroke-width:1.4;stroke-dasharray:2 3}
.rx-railbox .mkt{fill:none;stroke:rgba(238,242,248,.55);stroke-width:1.6}
.rx-railbox .mktlab{fill:rgba(238,242,248,.7);font:10.5px 'JetBrains Mono',monospace}
.rx-railbox .tick{stroke:var(--rx-lab);stroke-width:1.2}
.rx-railbox .tick.proj{stroke:var(--blue-pale)}
.rx-railbox .ticklab{fill:var(--rx-lab);font:10px 'JetBrains Mono',monospace}
.rx-railbox .cart{fill:rgba(7,11,22,.92);stroke:var(--rx-line2)}
.rx-railbox .carttxt{fill:var(--txt);font:11px 'JetBrains Mono',monospace}
.rx-railbox .zone{fill:var(--blue-pale);font:10px 'JetBrains Mono',monospace;letter-spacing:.16em;opacity:.7}
.rx-railbox .hit{fill:transparent;cursor:help}
.rx-cmd{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;margin-top:.7rem}
.rx-seg{display:inline-flex;padding:3px;border-radius:11px;border:1px solid var(--rx-line);background:rgba(10,20,40,.35)}
.rx-seg button{border:0;background:transparent;color:var(--sec);font:500 .86rem Inter,system-ui,sans-serif;
  padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.rx-seg button:hover{color:var(--txt)}
/* banque choisie : fond plein (blanc sur #2c64b8, contraste 5,8:1 ; avant, blanc sur #3a7bd5 : 4,2:1), graisse et filet intérieur */
.rx-seg button[aria-pressed="true"]{background:#2c64b8;color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px rgba(142,194,255,.55)}
.rx-seg button:focus-visible,.rx-x:focus-visible,.rx-tog button:focus-visible,.rx-chart:focus-visible,.rx-learn-item summary:focus-visible{
  outline:2px solid var(--blue-pale);outline-offset:2px}
.rx-legend{font-size:.76rem;color:var(--ter);margin:0;display:flex;flex-wrap:wrap;gap:.3rem 1rem}
.rx-legend .k{display:inline-block;width:22px;height:0;border-top:2px solid var(--rx-fed);vertical-align:middle;margin-right:.35rem}
.rx-legend .k.ecb{border-color:var(--rx-ecb)}.rx-legend .k.boe{border-color:var(--rx-boe);border-top-style:dashed}
.rx-legend .k.boj{border-color:var(--rx-boj);border-top-style:dotted}
.rx-legend .k.exp{border-top:1.5px dashed rgba(142,194,255,.6)}.rx-legend .k.mkt{border-top:1.6px solid rgba(238,242,248,.55)}

/* petit écran : le SVG est dessiné à l'échelle 1 (classe sm), aucune étiquette sous 11 px */
.rx-railbox svg.sm .zone,.rx-railbox svg.sm .mktlab,.rx-railbox svg.sm .ticklab,
.rx-chart svg.sm .axis,.rx-chart svg.sm .end,.rx-chart svg.sm .xh text,
.rx-dots svg.sm .axis,.rx-dots svg.sm .bandlab,.rx-dots svg.sm .cnt,.rx-dots svg.sm .mktlab,.rx-dots svg.sm .medlab,
.rx-steps svg.sm .axis{font-size:11px}

/* --- dossier -------------------------------------------------------------- */
.rx-dossier{margin-top:.9rem;padding:clamp(1rem,2.5vw,1.5rem) clamp(1rem,2.5vw,1.6rem);border:1px solid var(--rx-line);
  border-radius:14px;background:rgba(21,39,72,.5);animation:rxIn .35s var(--ease);outline:none}
@keyframes rxIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.rx-dossier{animation:none}}
.rx-dhead{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}
.rx-dhead h3{font-family:'Crimson Pro',Georgia,serif;font-weight:500;font-size:1.4rem;color:var(--txt);margin:0}
.rx-dhead p{margin:.2rem 0 0;font-size:.84rem;color:var(--sec)}
.rx-x{border:1px solid var(--rx-line2);background:transparent;color:var(--sec);border-radius:8px;padding:.4rem .8rem;
  font:500 .8rem Inter,system-ui,sans-serif;cursor:pointer}
.rx-x:hover{color:var(--txt);border-color:var(--blue-hi)}
.rx-dgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(1rem,3vw,2rem)}
@media(max-width:900px){.rx-dgrid{grid-template-columns:1fr}}
.rx-dots svg{display:block;width:100%;height:auto;overflow:visible}
.rx-dots .grid{stroke:var(--rx-grid)}
.rx-dots .axis{fill:var(--rx-lab);font:11px 'JetBrains Mono',monospace}
.rx-dots .col{fill:var(--txt);font:600 12px Inter,system-ui,sans-serif}
.rx-dots .band{fill:rgba(142,194,255,.1)}
.rx-dots .bandlab{fill:rgba(142,194,255,.7);font:10px 'JetBrains Mono',monospace}
.rx-dots .d{fill:var(--blue-pale);opacity:.9}
.rx-dots .med{stroke:#fff;stroke-width:2.2}
.rx-dots .medlab{fill:#fff;font:600 11px 'JetBrains Mono',monospace}
.rx-dots .ghost{stroke:rgba(238,242,248,.45);stroke-width:1.5;stroke-dasharray:3 2}
.rx-dots .mkt{fill:none;stroke:rgba(238,242,248,.8);stroke-width:1.4}
.rx-dots .mktlab{fill:rgba(238,242,248,.8);font:10.5px 'JetBrains Mono',monospace}
.rx-dots .sep{stroke:var(--rx-line2);stroke-dasharray:2 3}
.rx-dots .cnt{fill:var(--rx-lab);font:9.5px 'JetBrains Mono',monospace}
.rx-tog{display:inline-flex;gap:.3rem;flex-wrap:wrap;margin:.6rem 0 .8rem}
.rx-tog button{border:1px solid var(--rx-line);background:transparent;color:var(--sec);border-radius:99px;
  padding:.35rem .75rem;font:500 .74rem Inter,system-ui,sans-serif;cursor:pointer}
.rx-tog button[aria-pressed="true"]{background:rgba(91,160,245,.22);border-color:var(--blue-hi);color:#fff}
.rx-tbl{width:100%;border-collapse:collapse;font-size:.86rem}
.rx-tbl th{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ter);font-weight:500;text-align:right;padding:.45rem .5rem;border-bottom:1px solid var(--rx-line)}
.rx-tbl th:first-child,.rx-tbl td:first-child{text-align:left}
.rx-tbl td{padding:.5rem .5rem;text-align:right;border-bottom:1px solid rgba(142,194,255,.1);color:var(--txt)}
.rx-tbl td.mut{color:var(--ter)}
.rx-tbl .num{color:var(--blue-pale)}
.rx-src{font-size:.74rem;color:var(--ter);margin:.6rem 0 0}
.rx-src a,.rx-note a,.rx-agenda a{color:var(--blue-pale)}
.rx-kv{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin:.4rem 0 .8rem}
.rx-kv div{min-width:110px}
.rx-kv dt{font-size:.68rem;color:var(--ter)}
.rx-kv dd{margin:0;font:500 1.05rem 'JetBrains Mono',monospace;color:var(--txt)}
.rx-kv dd small{font-size:.68rem;color:var(--ter);font-family:Inter,system-ui,sans-serif;margin-left:.3rem}
.rx-steps svg{display:block;width:100%;height:auto;overflow:visible}
.rx-steps .grid{stroke:var(--rx-grid)}.rx-steps .axis{fill:var(--rx-lab);font:10px 'JetBrains Mono',monospace}
.rx-steps .st{fill:none;stroke:var(--blue-pale);stroke-width:1.8;stroke-linejoin:round}
.rx-muted{color:var(--ter);font-size:.84rem}
.rx-ul{margin:.3rem 0 .6rem;padding-left:1.1rem;font-size:.86rem;color:var(--sec);line-height:1.55}

/* --- registre des cotes --------------------------------------------------- */
.rx-reg{border-top:1px solid var(--rx-line)}
.rx-row{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(90px,.9fr) minmax(120px,1fr) minmax(110px,1fr) 92px;
  align-items:center;gap:.6rem 1rem;padding:.8rem .2rem;border-bottom:1px solid var(--rx-line);
  width:100%;background:transparent;border-left:0;border-right:0;border-top:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.rx-row:hover{background:rgba(33,58,102,.45)}
.rx-row .b{font-weight:600;color:var(--txt);font-size:.95rem}
.rx-row .b small{display:block;font-weight:400;font-size:.72rem;color:var(--ter)}
.rx-row .r{font:500 1.3rem 'JetBrains Mono',monospace;color:var(--txt);text-align:right}
.rx-row .r small{display:block;font-size:.66rem;color:var(--ter);font-weight:400;font-family:Inter,system-ui,sans-serif}
.rx-row .d,.rx-row .n{font-size:.84rem;color:var(--sec);text-align:right}
.rx-row .d b{font-family:'JetBrains Mono',monospace;font-weight:500;color:var(--txt)}
.rx-row .n b{font-family:'JetBrains Mono',monospace;font-weight:500;color:var(--blue-pale)}
.rx-row .d small,.rx-row .n small{display:block;font-size:.68rem;color:var(--ter)}
.rx-row .s svg{display:block;width:92px;height:26px;overflow:visible}
.rx-row .s polyline{fill:none;stroke:var(--blue-pale);stroke-width:1.5;stroke-linejoin:round}
.rx-more{margin-top:.8rem}
.rx-more summary{cursor:pointer;color:var(--blue-pale);font-size:.86rem}
.rx-more table{margin-top:.6rem}
@media(max-width:960px){
  .rx-row{grid-template-columns:1fr auto;gap:.3rem .8rem}
  .rx-row .s{display:none}
  .rx-row .d,.rx-row .n{text-align:left;font-size:.8rem}
  .rx-row .r{grid-row:1;grid-column:2}
}

/* --- courbe ---------------------------------------------------------------- */
.rx-read{font-size:.95rem;color:var(--sec);max-width:76ch;margin:0 0 .9rem;line-height:1.55}
.rx-read b{color:var(--txt);font-weight:600;font-family:'JetBrains Mono',monospace}
.rx-curvegrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:start}
@media(max-width:900px){.rx-curvegrid{grid-template-columns:1fr}}
.rx-chart svg{display:block;width:100%;height:auto;overflow:visible}
.rx-chart .grid{stroke:var(--rx-grid)}
.rx-chart .axis{fill:var(--rx-lab);font:10.5px 'JetBrains Mono',monospace}
.rx-chart .ln{fill:none;stroke-linejoin:round;stroke-linecap:round}
.rx-chart .ln.today{stroke:var(--blue-pale);stroke-width:2.2}
.rx-chart .ln.prev{stroke:rgba(142,194,255,.5);stroke-width:1.2}
.rx-chart .ln.m1{stroke:var(--rx-boe);stroke-width:1.3;stroke-dasharray:5 3}
.rx-chart .ln.y1{stroke:rgba(238,242,248,.45);stroke-width:1.3;stroke-dasharray:1.5 3}
.rx-chart .ln.y2{stroke:var(--rx-boe);stroke-width:1.5}
.rx-chart .ln.y10{stroke:var(--blue-pale);stroke-width:1.8}
.rx-chart .pt{fill:var(--blue-pale)}
.rx-chart .end{font:11px 'JetBrains Mono',monospace;fill:var(--rx-lab)}
.rx-chart .end.today{fill:var(--blue-pale)}
.rx-chart .xh line{stroke:rgba(142,194,255,.35)}
.rx-chart .xh circle{fill:var(--blue-pale)}
.rx-chart .xh rect{fill:rgba(7,11,22,.92);stroke:var(--rx-line2)}
.rx-chart .xh text{fill:var(--txt);font:11px 'JetBrains Mono',monospace}
.rx-chart .hit{fill:transparent}
.rx-tip{font-size:.8rem;color:var(--txt);min-height:1.2em;margin:.3rem 0 0}
.rx-histgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);margin-top:1.6rem}
@media(max-width:900px){.rx-histgrid{grid-template-columns:1fr}}
.rx-delta{font-size:.72rem;color:var(--ter);margin-left:.3rem}

/* --- agenda ---------------------------------------------------------------- */
.rx-agenda{list-style:none;margin:0;padding:0;border-top:1px solid var(--rx-line)}
.rx-agenda li{display:grid;grid-template-columns:110px minmax(120px,1fr) minmax(140px,1.4fr) 110px;gap:.5rem 1rem;
  align-items:baseline;padding:.65rem .2rem;border-bottom:1px solid var(--rx-line);font-size:.9rem}
.rx-agenda .dt{font-family:'JetBrains Mono',monospace;color:var(--txt)}
.rx-agenda .bk{font-weight:600;color:var(--txt)}
.rx-agenda .kd{color:var(--sec);font-size:.84rem}
.rx-agenda .j{font-family:'JetBrains Mono',monospace;color:var(--blue-pale);text-align:right}
.rx-agenda .j small{color:var(--ter);font-family:Inter,system-ui,sans-serif;font-size:.7rem}
.rx-agenda li.next{background:rgba(33,58,102,.35)}
@media(max-width:640px){.rx-agenda li{grid-template-columns:1fr 1fr}.rx-agenda .kd{grid-column:1 / -1}}

/* --- comprendre ------------------------------------------------------------ */
.rx-learnsec{max-width:78ch}
.rx-learn-item{border-bottom:1px solid var(--rx-line);padding:.2rem 0}
.rx-learn-item summary{cursor:pointer;padding:.7rem .2rem;font-family:'Crimson Pro',Georgia,serif;font-size:1.15rem;color:var(--txt);list-style:none;position:relative;padding-left:1.4rem}
.rx-learn-item summary::before{content:"";position:absolute;left:.25rem;top:1.05rem;width:7px;height:7px;border-right:1.6px solid var(--blue-hi);border-bottom:1.6px solid var(--blue-hi);transform:rotate(-45deg);transition:transform .25s var(--ease)}
.rx-learn-item[open] summary::before{transform:rotate(45deg)}
.rx-learn-item summary::-webkit-details-marker{display:none}
.rx-learn-item div{padding:0 .2rem .9rem 1.4rem;font-size:.92rem;line-height:1.65;color:var(--sec)}
.rx-learn-item p{margin:0 0 .6rem}
.rx-learn-item b{color:var(--txt);font-weight:600}

/* --- note ------------------------------------------------------------------ */
.pt-note{font-size:.86rem;color:var(--ter);line-height:1.65;max-width:74ch;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--rx-line)}
.pt-note h2{font-family:'Crimson Pro',Georgia,serif;font-weight:500;font-size:1.35rem;color:var(--txt);margin:0 0 .8rem}
.pt-note b{color:var(--sec);font-weight:600}
.pt-note p{margin:0 0 .85rem}
.rx-stale{color:var(--rx-warn)}
@media print{
  :root{--txt:#111;--sec:#333;--ter:#555;--blue-pale:#1b4f9c;--blue-hi:#1b4f9c;--rx-lab:#444;--rx-grid:#ddd;
    --rx-line:#ccc;--rx-line2:#999;--rx-fed:#1b4f9c;--rx-ecb:#2a6ac0;--rx-boe:#3a7bd5;--rx-boj:#6b8cb8;--rx-now:#1b4f9c}
  body{background:#fff}
  .rx-seg,.rx-tog,.rx-x{display:none}
  .rx-dossier{border:1px solid #999;background:none}
  .rx-dots .med{stroke:#111}.rx-dots .medlab{fill:#111}.rx-dots .d{fill:#1b4f9c}
  .rx-railbox .lab{stroke:none}.rx-railbox .cart{fill:#fff;stroke:#999}.rx-railbox .carttxt{fill:#111}
  .rx-chart .xh rect{fill:#fff}.rx-late{background:none;border:1px solid #999;color:#333}
  .rx-row:hover,.rx-agenda li.next{background:none}
}