.zmb-int{--int-verse:#5a6cc4;--int-interets:#00a383}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .zmb-int{--int-verse:#6f7ee0;--int-interets:#00ae8c}}
:root[data-theme="dark"] .zmb-int{--int-verse:#6f7ee0;--int-interets:#00ae8c}
.zmb-outil__grille.zmb-int .zmb-int__resultat{align-items:stretch;gap:var(--space-6)}
.zmb-int__saisie{position:relative}
.zmb-int__saisie input{width:100%;padding-right:36px;font-family:var(--font-mono)}
.zmb-int__saisie span{position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);color:var(--encre-douce);pointer-events:none}
.zmb-int__synthese{display:grid;gap:var(--space-1)}
.zmb-int__titre{margin:0;font:400 14px/20px var(--font-sans);color:var(--encre-douce)}
.zmb-int__final{font:500 40px/48px var(--font-mono);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.zmb-int__duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-2)}
.zmb-int__duo p{display:grid;margin:0}
.zmb-int__duo span:first-child{font:400 13px/18px var(--font-sans);color:var(--encre-douce)}
.zmb-int__valeur{font:500 17px/24px var(--font-mono);overflow-wrap:anywhere}
.zmb-int__reel{margin:var(--space-1) 0 0;font:400 14px/20px var(--font-sans)}
.zmb-int__graphique{display:grid;gap:var(--space-2);min-width:0}
.zmb-int__legende{display:flex;gap:var(--space-4);font:400 13px/18px var(--font-sans);color:var(--encre-douce)}
.zmb-int__legende span{display:inline-flex;align-items:center;gap:var(--space-2)}
.zmb-int__puce{width:12px;height:12px;border-radius:3px}
.zmb-int__puce--verse{background:var(--int-verse)}
.zmb-int__puce--interets{background:var(--int-interets)}
.zmb-int__trace{position:relative;touch-action:pan-y}
.zmb-int__svg{display:block;width:100%;height:256px}
.zmb-int__grille{stroke:var(--trait);stroke-width:1}
.zmb-int__base{stroke:var(--trait-fort);stroke-width:1}
.zmb-int__axe{fill:var(--encre-douce);font:400 11px var(--font-sans)}
.zmb-int__verse{fill:var(--int-verse)}
.zmb-int__interets{fill:var(--int-interets)}
.zmb-int__estompe{opacity:.35}
.zmb-int__repere{stroke:var(--encre);stroke-width:1.5;stroke-dasharray:4 3}
.zmb-int__repere-texte{fill:var(--encre);font:500 11px var(--font-sans)}
.zmb-int__croisement{margin:0;font:400 14px/20px var(--font-sans)}
.zmb-int__ligne-repere>*{background:var(--menthe-pale)}
.zmb-int__versements{display:grid;gap:var(--space-3)}
.zmb-int__changements{display:grid;gap:var(--space-3)}
.zmb-int__changements:empty{display:none}
.zmb-int__changement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:var(--space-2);align-items:start;padding-left:var(--space-3);border-left:2px solid var(--trait)}
.zmb-int__retirer{width:44px;height:44px;margin-top:26px;border:0;background:none;color:var(--encre-douce);font:400 24px/1 var(--font-sans);cursor:pointer;border-radius:var(--radius-sm)}
.zmb-int__retirer:hover{background:var(--surface);color:var(--encre)}
.zmb-int__note-ligne{grid-column:1/-1;font:400 13px/18px var(--font-sans);color:var(--alerte)}
.zmb-int__bulle{position:absolute;top:0;display:grid;gap:2px;padding:var(--space-2) var(--space-3);background:var(--inverse);color:var(--sur-inverse);border-radius:var(--radius-sm);font:400 12px/16px var(--font-sans);white-space:nowrap;pointer-events:none;z-index:2}
.zmb-int__note{margin:0;font:400 12px/16px var(--font-sans);color:var(--encre-douce)}
.zmb-int__detail summary{cursor:pointer;font:500 15px/24px var(--font-sans)}
.zmb-int__table{overflow-x:auto;margin-top:var(--space-2)}
.zmb-int__table table{width:100%;border-collapse:collapse;font:400 13px/20px var(--font-mono);font-variant-numeric:tabular-nums}
.zmb-int__table th,.zmb-int__table td{padding:var(--space-1) var(--space-2);text-align:right;border-bottom:1px solid var(--trait);white-space:nowrap}
.zmb-int__table th:first-child{text-align:left}
.zmb-int__table thead th{font:500 13px/18px var(--font-sans);white-space:normal;vertical-align:bottom}
@media (min-width:768px){.zmb-int__resultat{position:sticky;top:var(--space-6);align-self:start}}
@media (max-width:767px){
  .zmb-outil__grille.zmb-int{display:flex;flex-direction:column;gap:var(--space-4)}
  .zmb-int .zmb-int__resultat{display:contents}
  .zmb-int__synthese{order:-1;position:sticky;top:0;z-index:5;padding:var(--space-3) var(--space-4);background:var(--fond);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:0 1px 0 var(--trait),0 8px 16px rgba(0,0,0,.1)}
  .zmb-int__titre{font-size:13px;line-height:18px}
  .zmb-int__final{font-size:28px;line-height:34px}
  .zmb-int__duo{margin-top:0}
  .zmb-int__valeur{font-size:15px;line-height:20px}
  .zmb-int__reel{font-size:13px;line-height:18px;margin:0}
  .zmb-int__graphique{order:1}
  .zmb-int__detail{order:2}
}