/* Educational tools */
.tool-section { scroll-margin-top: 96px; }
.tool-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr);
  gap: clamp(32px, 6vw, 80px);
  align-items: start;
}
.tool-card {
  display: grid;
  gap: 16px;
  padding: 26px 24px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(9,36,64,.06);
}
.tool-card-wide { max-width: 760px; }
.field { display: grid; gap: 6px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field label { font-size: .86rem; font-weight: 800; color: var(--ink); }
.field input, .field select, .field textarea {
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper);
  color: var(--ink);
  font: inherit;
}
.field input:focus-visible, .field select:focus-visible { outline-offset: 1px; }
.tool-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.tool-result {
  padding: 16px 18px;
  border-radius: 10px;
  background: var(--teal-pale);
  border: 1px solid #c5e0dd;
}
.tool-result[hidden] { display: none; }
.result-kicker { margin: 0 0 4px; color: var(--teal-deep); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.result-value { margin: 0 0 8px; font-family: Georgia, "Times New Roman", serif; font-size: 2.2rem; color: var(--ink); line-height: 1.1; }
.result-list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 16px; }
.result-list li { padding: 14px 0 0; border-top: 1px solid #c5e0dd; }
.result-list h3 { font-size: 1.15rem; }
.source-box {
  margin-top: 36px;
  padding: 24px 26px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--mist);
}
.source-box h3 { font-size: 1.2rem; }
.source-box ul { margin: 0 0 12px; padding-left: 1.15em; }
.source-box a { font-weight: 700; }
.outbound-card { align-content: start; }

@media (max-width: 850px) {
  .tool-grid, .field-row { grid-template-columns: 1fr; }
}