.focused-tool-main { padding-top: 46px; }
.focused-tool-main .breadcrumbs { width: 100%; margin: 0 0 30px; }
.focused-tool-main .developer-hero,
.focused-tool-main .date-hero { min-height: 0; margin-bottom: 34px; padding: 16px 0 8px; }
.focused-tool-main .developer-hero h1,
.focused-tool-main .date-hero h1 { margin-top: 20px; }
.focused-tool-main .developer-workbench,
.focused-tool-main .date-workbench { margin-top: 0; }
.focused-tool-main .developer-panel { display: block; }
.focused-tool-main .tool-card { box-shadow: 0 18px 50px rgba(54, 47, 37, .06); }
.focused-tool-main .seo-copy { width: 100%; margin: 68px 0 0; }
.focused-parent-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; color: #4d7185; font-size: 10px; font-weight: 800; text-decoration: none; }
.focused-parent-link:hover { color: #292725; }
.focused-header-link { justify-self: end; color: #292725; font-size: 12px; font-weight: 800; text-decoration: none; }
.focused-header-link span { color: #ff6b4a; }

@media (max-width: 700px) {
  .focused-tool-main { padding-top: 25px; }
  .focused-tool-main .breadcrumbs { width: 100%; margin-top: 0; }
  .focused-tool-main .developer-hero,
  .focused-tool-main .date-hero { padding-top: 8px; }
  .focused-tool-main .seo-copy { width: 100%; margin-top: 52px; }
  .focused-header-link { display: none; }
}