/* /compare/business-tools-toolkit — designed page (10 Nov 2026). Heading beside a cost-to-start table grouped by
   job, then the jobs as compartments of one ruled tray, two to a row, closed by a black lid across the tray. */
.dz-compare-business-tools-toolkit { --tint: #f5f4ef; }
.dz-compare-business-tools-toolkit p { margin: 0 0 14px; }
.dz-compare-business-tools-toolkit p:last-child { margin-bottom: 0; }

/* Heading beside the cost table */
.dz-compare-business-tools-toolkit .tk-top { padding: 64px 0 80px; }
.dz-compare-business-tools-toolkit .tk-top-in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px 72px; align-items: start; }
.dz-compare-business-tools-toolkit .tk-head { position: sticky; top: 120px; }
.dz-compare-business-tools-toolkit .tk-head h1 { margin: 0 0 26px; }
.dz-compare-business-tools-toolkit .tk-head .lead { color: var(--black); }
.dz-compare-business-tools-toolkit .tk-table { width: 100%; border-collapse: collapse; }
.dz-compare-business-tools-toolkit .tk-table thead th { text-align: left; font-weight: 900; color: var(--white); background: var(--black); padding: 14px 18px; }
.dz-compare-business-tools-toolkit .tk-table thead th:first-child { width: 36%; border-radius: var(--radius) 0 0 0; }
.dz-compare-business-tools-toolkit .tk-table thead th:last-child { border-radius: 0 var(--radius) 0 0; }
.dz-compare-business-tools-toolkit .tk-grp th { text-align: left; background: var(--lime); padding: 10px 18px 8px; }
.dz-compare-business-tools-toolkit .tk-grp a { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; font-size: 1.45rem; line-height: 1.1; color: var(--black); text-decoration: none; }
.dz-compare-business-tools-toolkit .tk-grp a:hover { text-decoration: underline; }
.dz-compare-business-tools-toolkit .tk-table tbody tr:not(.tk-grp) { border-bottom: 1px solid var(--line); }
.dz-compare-business-tools-toolkit .tk-table tbody tr:not(.tk-grp) th { text-align: left; vertical-align: top; padding: 12px 18px; color: var(--black); font-weight: 900; }
.dz-compare-business-tools-toolkit .tk-table td { vertical-align: top; padding: 12px 18px; }
.dz-compare-business-tools-toolkit .tk-none { color: var(--grey); }

/* The tray */
.dz-compare-business-tools-toolkit .tk-body { padding: 0 0 96px; }
.dz-compare-business-tools-toolkit .tk-tray { display: grid; grid-template-columns: 1fr 1fr; border-top: 3px solid var(--black); border-left: 3px solid var(--black); border-radius: var(--radius); overflow: hidden; }
.dz-compare-business-tools-toolkit .tk-cell { padding: 44px 48px 48px; border-right: 3px solid var(--black); border-bottom: 3px solid var(--black); scroll-margin-top: 110px; }
.dz-compare-business-tools-toolkit .tk-cell h2 { margin: 0 0 26px; }
.dz-compare-business-tools-toolkit .tk-tool { padding: 20px 0; border-top: 1px solid var(--line); }
.dz-compare-business-tools-toolkit .tk-tool:last-child { padding-bottom: 0; }
.dz-compare-business-tools-toolkit .tk-tool h3 { margin: 0 0 8px; }
.dz-compare-business-tools-toolkit .tk-choose { background: var(--tint); }
.dz-compare-business-tools-toolkit .tk-choose p { color: var(--black); }
.dz-compare-business-tools-toolkit .tk-lid { grid-column: 1 / -1; background: var(--black); color: var(--white); border-right: 3px solid var(--black); border-bottom: 3px solid var(--black); display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px 64px; align-items: center; padding: 56px 48px; }
.dz-compare-business-tools-toolkit .tk-lid h2 { color: var(--white); margin: 0; }
.dz-compare-business-tools-toolkit .tk-lid p { color: var(--white); }
.dz-compare-business-tools-toolkit .tk-btns { display: flex; flex-wrap: wrap; gap: 12px 14px; margin-top: 22px; }
.dz-compare-business-tools-toolkit .tk-btns .btn { margin: 0; }
.dz-compare-business-tools-toolkit .tk-lid .btn-outline { color: var(--white); border-color: var(--white); }

@media (max-width: 900px) {
  .dz-compare-business-tools-toolkit .tk-top { padding: 40px 0 56px; }
  .dz-compare-business-tools-toolkit .tk-top-in, .dz-compare-business-tools-toolkit .tk-tray, .dz-compare-business-tools-toolkit .tk-lid { grid-template-columns: 1fr; }
  .dz-compare-business-tools-toolkit .tk-head { position: static; }
  .dz-compare-business-tools-toolkit .tk-table thead th, .dz-compare-business-tools-toolkit .tk-grp th, .dz-compare-business-tools-toolkit .tk-table tbody tr:not(.tk-grp) th, .dz-compare-business-tools-toolkit .tk-table td { padding-left: 12px; padding-right: 12px; }
  .dz-compare-business-tools-toolkit .tk-body { padding-bottom: 64px; }
  .dz-compare-business-tools-toolkit .tk-cell { padding: 32px 22px 36px; }
  .dz-compare-business-tools-toolkit .tk-lid { padding: 36px 22px; }
}
