/* Owner-approved Tools directory only; calculators retain their own styles. */
.tools-directory { color: var(--body); }
.tools-directory-intro { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 0 32px; align-items: center; padding-top: 48px; padding-bottom: 0; }
.tools-directory-intro-image { display: block; width: 100%; height: auto; }
.tools-directory-planners { grid-column: 1 / -1; }
.tools-directory-planners { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 26px; padding: 20px 0; border-top: 1px solid var(--ground-line); border-bottom: 1px solid var(--ground-line); }
.tools-directory-planners a { font-size: 16px; font-weight: 600; }
.tools-directory-planners span { display: block; margin-top: 5px; font-size: 16px; font-weight: 400; color: var(--body); }
.tools-directory-section { padding-top: 36px; padding-bottom: 0; }
.tools-directory .tools-q-text { margin: 0 0 0 32px; font-size: 16px; line-height: 1.5; text-wrap: initial; }
.tools-directory .tools-directory-rate { margin-top: 20px; }
.tools-directory details { border-top: 1px solid var(--ground-line); }
.tools-directory summary { cursor: pointer; padding: 16px 0; font-size: 16px; font-weight: 600; color: var(--navy); }
.tools-directory summary:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.tools-directory-detail { padding: 0 0 20px; }
.tools-directory-detail ul { margin: 0 0 16px; padding-left: 24px; }
.tools-directory-detail li { margin-bottom: 6px; }
.tools-directory-close { margin-top: 48px; padding: 48px 0; background: #D6E7F4; }
.tools-directory-close .btn-row { align-items: center; gap: 24px; }
@media (max-width: 640px) {
  .tools-directory-planners { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .tools-directory-section { padding-top: 28px; }
  .tools-directory-close { margin-top: 32px; padding: 32px 0; }
}
@media (max-width: 700px) {
  .tools-directory-intro { grid-template-columns: minmax(0,1fr); gap: 18px; padding-top: 32px; }
  .tools-directory-intro-image { max-width: 480px; }
}
@media print {
  .tools-directory details > .tools-directory-detail { display: block !important; }
  .tools-directory summary { list-style: none; }
}