/* =========================================================
   E5 TOOL PAGES
   ========================================================= */
.tool-hero{
  background:var(--c-brand);color:#fff;border-bottom:4px solid #79dbc1
}
.tool-hero .container{padding-block:2.5rem}
.tool-hero h1{color:#fff;max-width:900px;margin:.35rem 0 .8rem}
.tool-hero p{max-width:760px;color:rgba(255,255,255,.84);font-size:1.02rem}
.tool-hero .breadcrumbs{color:rgba(255,255,255,.7)}
.tool-hero .breadcrumbs a{color:#fff}
.tool-layout{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);
  gap:1.25rem;align-items:start
}
.tool-box{
  background:#fff;border:1px solid var(--c-line-strong);border-top:4px solid var(--c-brand);
  padding:1.25rem
}
.tool-box h2,.tool-box h3{margin-top:0}
.tool-result{
  background:#f8fbfa;border:1px solid var(--c-line);padding:1.1rem;
  min-height:190px
}
.tool-result-amount{
  display:block;color:var(--c-brand);font-size:clamp(2rem,6vw,3rem);
  font-weight:900;letter-spacing:-.05em;line-height:1.05;margin:.3rem 0
}
.tool-result-label{
  color:var(--c-muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em
}
.tool-result-grid{display:grid;gap:0;margin-top:.9rem}
.tool-result-grid>div{
  display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;
  border-bottom:1px solid var(--c-line)
}
.tool-result-grid span{font-size:.77rem;color:var(--c-muted)}
.tool-result-grid strong{font-size:.82rem;color:var(--c-ink)}
.tool-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.tool-form-grid-3{grid-template-columns:repeat(3,1fr)}
.tool-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-top:1rem}
.tool-aside{position:sticky;top:86px}
.tool-aside .content-card+ .content-card{margin-top:.8rem}
.tool-nav-list{display:grid;border-top:1px solid var(--c-line)}
.tool-nav-list a{
  display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;
  border-bottom:1px solid var(--c-line);text-decoration:none;font-weight:800
}
.tool-nav-list small{font-weight:500;color:var(--c-muted)}
.callout{
  padding:1rem;border:1px solid var(--c-line);background:var(--c-surface-alt);margin:1rem 0
}
.callout-warning{background:#fff8ed;border-color:#e8cfaa}
.callout-success{background:#edf8f4;border-color:#aed6c8}
.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.fact{
  border-top:3px solid var(--c-brand);background:#fff;padding:1rem;border-bottom:1px solid var(--c-line)
}
.fact span{display:block;font-size:.72rem;color:var(--c-muted)}
.fact strong{display:block;color:var(--c-ink);font-size:1.2rem;margin-top:.15rem}
.process-steps{counter-reset:steps;display:grid;gap:.65rem}
.process-step{
  position:relative;padding:1rem 1rem 1rem 3.4rem;border:1px solid var(--c-line);background:#fff
}
.process-step::before{
  counter-increment:steps;content:counter(steps);
  position:absolute;left:1rem;top:1rem;width:1.6rem;height:1.6rem;display:grid;place-items:center;
  background:var(--c-brand);color:#fff;font-weight:900;font-size:.75rem
}
.process-step h3{margin:0 0 .25rem;font-size:1rem}
.process-step p{margin:0;color:var(--c-muted);font-size:.88rem}
.mini-bar{height:8px;background:#dfeae6;margin:.35rem 0 .7rem;overflow:hidden}
.mini-bar>span{display:block;height:100%;background:var(--c-brand);width:0}
.compare-table{width:100%;border-collapse:collapse;background:#fff}
.compare-table th,.compare-table td{padding:.7rem;border-bottom:1px solid var(--c-line);text-align:left}
.compare-table th{background:var(--c-brand);color:#fff;font-size:.76rem}
.inline-source{font-size:.78rem;color:var(--c-muted)}
.inline-source a{font-weight:800}
.tool-error{padding:.8rem;border:1px solid #dfb5b5;background:#fff3f3;color:#7f2929;margin-top:.8rem}
.tool-empty{color:var(--c-muted);display:grid;place-items:center;min-height:150px;text-align:center}
.quick-result-note{font-size:.75rem;color:var(--c-muted);margin-top:.8rem}
@media(max-width:820px){
  .tool-layout{grid-template-columns:1fr}
  .tool-aside{position:static}
  .tool-form-grid,.tool-form-grid-3,.facts-grid{grid-template-columns:1fr}
  .tool-hero .container{padding-block:1.8rem}
}