/* Homepage hero: intro copy on the left, a divider line, and a direct-link list of every calculator on the right. */
.hero--tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0;align-items:center}
.hero--tools .hero-copy{padding-inline:clamp(0px,4vw,72px) clamp(24px,4vw,64px)}
.hero-tools{display:block;border-left:1px solid var(--border);padding:var(--space-6,24px) 0 var(--space-6,24px) clamp(24px,4vw,64px)}
.hero-tools .eyebrow{margin:0 0 14px;color:var(--muted)}
.hero-tools ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.hero-tools li{border-bottom:1px solid var(--border)}
.hero-tools a{display:grid;grid-template-columns:2.25rem 1fr auto;align-items:center;gap:12px;padding:14px 4px;color:var(--ink);text-decoration:none;transition:background-color .15s,padding .15s}
.hero-tools a:hover,.hero-tools a:focus-visible{background:var(--surface);padding-inline:12px}
.hero-tools a:hover .ht-go,.hero-tools a:focus-visible .ht-go{color:var(--accent);transform:translateX(3px)}
.ht-num{font-family:var(--font-display);font-size:.875rem;letter-spacing:.08em;color:var(--accent)}
.ht-name{font-family:var(--font-display);font-weight:600;font-size:1.3rem;line-height:1.15}
.ht-name small{display:block;font-family:var(--font-body);font-weight:400;font-size:.8125rem;color:var(--muted);margin-top:2px}
.ht-go{font-size:1.1rem;color:var(--muted);transition:transform .15s,color .15s}
@media(max-width:1000px){
  .hero--tools{grid-template-columns:1fr!important;gap:var(--space-8,32px)}
  .hero--tools .hero-copy{padding-inline:0}
  .hero-tools{border-left:0;border-top:1px solid var(--border);padding:var(--space-6,24px) 0 0}
}