/* Homepage module. Scoped under .dat-home (the block the shortcode prints),
   .dat-container.dat-home-idle (the main tool before the first check) and
   body.dat-home-layout (the page that carries the shortcode). */

/* Before the first check: the search field only. */
.dat-container.dat-home-idle .dat-tabs,
.dat-container.dat-home-idle .dat-panel { display: none; }
body.dat-home-layout .dat-container { padding-bottom: 8px; }

.dat-home { margin: 0 0 40px; }
.dat-home .dat-home-try { margin: 0 0 44px; font-size: 16px; color: var(--contrast-2, #575760); }
.dat-home .dat-home-try-label { margin-right: 6px; }
.dat-home .dat-home-ex {
  display: inline-block; margin: 0 6px 6px 0; padding: 6px 14px; border: 1px solid var(--base, #e5e7eb); border-radius: 999px;
  background: var(--base-3, #fff); color: var(--contrast, #222); font: inherit; font-size: 15px; cursor: pointer;
}
.dat-home .dat-home-ex:hover, .dat-home .dat-home-ex:focus { border-color: var(--accent, #1e73be); color: var(--accent, #1e73be); background: var(--base-3, #fff); outline: none; }

.dat-home .dat-home-title { margin: 0 0 20px; font-size: 28px; }
.dat-home .dat-home-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; }
.dat-home .dat-home-group { border: 1px solid var(--base, #e5e7eb); border-radius: 12px; padding: 18px 18px 8px; background: var(--base-3, #fff); }
.dat-home .dat-home-group-title { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--contrast-2, #575760); }
.dat-home .dat-home-list { list-style: none; margin: 0; padding: 0; }
.dat-home .dat-home-list li { margin: 0; padding: 0; border-top: 1px solid var(--base, #e5e7eb); }
.dat-home .dat-home-list li:first-child { border-top: 0; }
.dat-home a.dat-home-link, .dat-home a.dat-home-link:visited { display: block; padding: 11px 0; text-decoration: none; color: var(--contrast, #222); }
.dat-home .dat-home-want { display: block; font-size: 17px; font-weight: 600; line-height: 1.3; }
.dat-home .dat-home-tool { display: block; margin-top: 2px; font-size: 13px; color: var(--contrast-2, #575760); }
.dat-home a.dat-home-link:hover .dat-home-want, .dat-home a.dat-home-link:focus .dat-home-want { color: var(--accent, #1e73be); text-decoration: underline; text-underline-offset: 3px; }

/* No sidebar on this page: keep the running text at a readable width, and let
   the tool and the chooser use the full width. */
body.dat-home-layout .entry-content > p,
body.dat-home-layout .entry-content > h2,
body.dat-home-layout .entry-content > h3,
body.dat-home-layout .entry-content > ul,
body.dat-home-layout .entry-content > ol,
body.dat-home-layout .entry-content > .wp-block-rank-math-faq-block { max-width: 760px; }

@media (max-width: 1024px) {
  .dat-home .dat-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .dat-home .dat-home-grid { grid-template-columns: 1fr; }
  .dat-home .dat-home-title { font-size: 23px; }
  .dat-home .dat-home-try { margin-bottom: 32px; }
}