/* Les outils : une feuille de calcul lisible, avec les hypothèses face au résultat. */
.tools-main{padding:var(--space-16) 0 var(--space-24)}
.tools-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-16);align-items:end;padding-bottom:var(--space-12)}
.tools-intro h1{font-family:var(--font-display);font-size:clamp(48px,4vw + 16px,76px);line-height:1.02;font-weight:400;letter-spacing:-.03em;margin-top:var(--space-5)}
.tools-intro h1 em{font:inherit;color:var(--accent)}
.tools-intro-copy{padding-bottom:var(--space-1);max-width:460px;font-size:var(--text-section);color:var(--ink-2)}
.tools-intro-copy .tools-privacy{font-size:var(--text-meta);color:var(--muted);margin-top:var(--space-5)}
.tools-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--control-line)}
.tools-directory a{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);text-decoration:none;min-width:0}
.tools-directory a:first-child{padding-left:0}
.tools-directory a+a{border-left:1px solid var(--line)}
.tools-directory a>span:nth-child(2){flex:1;min-width:0}
.tools-directory strong{display:block;font-size:var(--text-ui);font-weight:var(--weight-strong)}
.tools-directory small{display:block;margin-top:var(--space-1);font-size:var(--text-meta);color:var(--muted)}
.tools-directory .icon{width:16px;height:16px;color:var(--accent)}
.tools-index{font-size:var(--text-meta);font-variant-numeric:tabular-nums;color:var(--accent);font-weight:var(--weight-medium);white-space:nowrap}
.tools-noscript{margin-top:var(--space-6)}
.tool-section{padding-top:var(--space-16)}
.tool-heading{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-6);align-items:start;margin-bottom:var(--space-8)}
.tool-heading>.tools-index{padding-top:var(--space-2)}
.tool-heading h2{font-size:clamp(25px,2vw + 8px,34px);font-weight:var(--weight-strong);letter-spacing:-.035em;line-height:1.2}
.tool-heading div>p{max-width:660px;margin-top:var(--space-3);font-size:var(--text-ui);color:var(--muted)}
.tool-workbench{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.simulator-form{padding:var(--space-8);border-right:1px solid var(--line);min-width:0}
.simulator-form-title{font-size:var(--text-ui);font-weight:var(--weight-strong);margin-bottom:var(--space-6)}
.simulator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-5)}
.simulator-field{align-content:start}
.simulator-input{position:relative}
.simulator-input input{font-variant-numeric:tabular-nums;padding-right:58px}
.simulator-input>span{position:absolute;inset-inline-end:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--text-ui);color:var(--muted);pointer-events:none}
.simulator-field .field-help{min-height:3.1em}
.simulator-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-8)}
.simulator-actions .button-primary{min-width:120px}
.simulator-feedback{font-size:var(--text-meta);color:var(--muted);margin-top:var(--space-3);min-height:1.55em}
.simulator-feedback[data-state=error]{color:var(--negative)}
.simulator-result{padding:var(--space-8);background:var(--paper);min-width:0}
.simulator-result>.eyebrow{font-size:var(--text-micro);margin-bottom:var(--space-5)}
.simulator-result h3{font-size:var(--text-ui);font-weight:var(--weight-medium);color:var(--ink-2)}
.simulator-amount{font-size:clamp(34px,3vw + 8px,52px);line-height:1.15;font-weight:var(--weight-strong);letter-spacing:-.045em;margin-top:var(--space-3);overflow-wrap:anywhere}
.simulator-result[data-state=negative] .simulator-amount{color:var(--negative)}
.simulator-result[data-state=positive] .simulator-amount{color:var(--positive)}
.simulator-reading{font-size:var(--text-ui);color:var(--ink-2);margin-top:var(--space-3);min-height:3.1em}
.simulator-ledger{margin:var(--space-6) 0 0;padding:0;border-top:1px solid var(--line);font-size:var(--text-meta)}
.simulator-ledger>div{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}
.simulator-ledger dt{color:var(--muted)}
.simulator-ledger dd{margin:0;text-align:right;font-weight:var(--weight-medium);overflow-wrap:anywhere;min-width:0}
.simulator-footnote{font-size:var(--text-meta);color:var(--muted);margin-top:var(--space-5)}
.simulator-formula{border-bottom:1px solid var(--line);font-size:var(--text-meta)}
.simulator-formula summary{padding:var(--space-4) 0;font-size:var(--text-meta);color:var(--ink-2)}
.simulator-formula p{max-width:800px;margin-bottom:var(--space-4);color:var(--muted)}
.simulator-formula strong{font-weight:var(--weight-medium);color:var(--ink)}
.tools-next{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--control-line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}
.tools-next h2{font-family:var(--font-display);font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.1;margin-top:var(--space-3)}
.tools-next p:not(.eyebrow){font-size:var(--text-ui);color:var(--muted);margin-top:var(--space-3)}
.tools-next>.button{flex-shrink:0}
@media(hover:hover){.tools-directory a:hover{background:var(--bg-hover)}}
@media(max-width:900px){
  .tools-intro{gap:var(--space-8);grid-template-columns:1fr 1fr}
  .tools-directory a{gap:var(--space-3);padding-inline:var(--space-3)}
  .tools-directory small{display:none}
  .tool-heading{grid-template-columns:120px minmax(0,1fr)}
  .tool-workbench{grid-template-columns:1fr 1fr}
  .simulator-form,.simulator-result{padding:var(--space-6)}
  .simulator-fields{grid-template-columns:1fr;gap:var(--space-5)}
  .simulator-field .field-help{min-height:0}
  .tools-next{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .tools-main{padding-top:var(--space-10);padding-bottom:var(--space-16)}
  .tools-intro{grid-template-columns:1fr;gap:var(--space-6);padding-bottom:var(--space-8)}
  .tools-intro-copy{font-size:var(--text-body)}
  .tools-directory{grid-template-columns:1fr}
  .tools-directory a,.tools-directory a:first-child{padding:var(--space-4) 0;gap:var(--space-5)}
  .tools-directory a+a{border-left:0;border-top:1px solid var(--line)}
  .tools-directory small{display:block}
  .tool-section{padding-top:var(--space-12)}
  .tool-heading{grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-6)}
  .tool-heading>.tools-index{padding-top:0}
  .tool-workbench{grid-template-columns:1fr}
  .simulator-form{border-right:0;border-bottom:1px solid var(--line)}
  .simulator-result{padding-top:var(--space-8)}
  .simulator-reading{min-height:0}
  .tools-next>.button{width:100%}
}