/* Shared resource navigation and the homepage tools entry. */
.resource-menu { position: relative; }
.resource-menu > summary { list-style: none; cursor: pointer; white-space: nowrap; }
.resource-menu > summary::-webkit-details-marker { display: none; }
.resource-menu > summary::before { content: ''; display: inline-block; width: 6px; height: 6px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); margin: 0 9px 3px 0; }
.resource-menu[open] > summary::before { transform: rotate(225deg); margin-bottom: 0; }
.resource-menu-panel { position: absolute; top: 100%; left: -20px; min-width: 240px; padding: 10px; border: 1px solid #dce3e6; border-radius: 10px; background: #fff; box-shadow: 0 16px 40px #172b3814; z-index: 50; }
.resource-menu-panel a { display: block; padding: 12px; border-radius: 6px; font-size: 14px; color: #172b38; }
.resource-menu-panel a:hover, .resource-menu-panel a:focus-visible { background: #f2f5f6; }
.home-tools { padding: 80px 0; border-block: 1px solid #dce3e6; background: #f2f5f6; }
.home-tools-heading { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 30px; }
.home-tools-heading h2 { font-size: clamp(28px, 3.2vw, 44px); margin-bottom: 16px; }
.home-tools-heading p { color: #536471; max-width: 680px; }
.home-tools-heading > a { white-space: nowrap; text-decoration: underline; text-underline-offset: 5px; font-weight: 650; padding-block: 12px; }
.home-tools-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #dce3e6; border-radius: 12px; overflow: hidden; background: #fff; }
.home-tool-link { padding: 28px 24px; border-right: 1px solid #dce3e6; transition: background-color 180ms; }
.home-tool-link:last-child { border-right: 0; }
.home-tool-link:hover { background: #fbefee; }
.home-tool-link h3 { font-size: 19px; margin: 20px 0 12px; }
.home-tool-link p { font-size: 14px; color: #536471; }
.home-tool-link svg { width: 28px; height: 28px; color: #b93834; }
@media (max-width: 1024px) {
    .home-tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-tool-link:nth-child(2) { border-right: 0; }
    .home-tool-link:nth-child(-n+2) { border-bottom: 1px solid #dce3e6; }
}
@media (max-width: 968px) {
    .resource-menu { width: 100%; }
    .resource-menu-panel { position: static; box-shadow: none; margin-top: 8px; min-width: 0; }
}
@media (max-width: 600px) {
    .home-tools { padding: 48px 0; }
    .home-tools-heading { display: block; }
    .home-tools-heading > a { display: inline-block; margin-top: 14px; }
    .home-tool-link { padding: 22px 16px; }
}
@media (prefers-reduced-motion: reduce) { .home-tool-link { transition: none; } }