
.tool-category-heading{margin:24px 0}.tool-category-heading h1{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:10px}.tool-category-heading p{color:#52616c;line-height:1.5}
.tool-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-category-grid>a{display:flex;flex-direction:column;min-height:155px;padding:22px;border:1px solid #d8e0e5;border-top:3px solid #1677b9;border-radius:4px;background:#fff;color:#1c2c38;text-decoration:none}.tool-category-grid h3{font-size:1.08rem;margin:0 0 10px}.tool-category-grid p{font-size:.9rem;line-height:1.45;color:#52616c;margin:0 0 18px}.tool-category-grid span{margin-top:auto;color:#0667a5;font-size:.85rem}.tool-category-grid>a:hover,.tool-subcategory-grid a:hover{background:#f0f7fb;border-color:#1677b9}.tool-category-grid>a:focus-visible,.tool-subcategory-grid a:focus-visible{outline:3px solid #1677b9;outline-offset:3px}
.tool-category-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}.tool-category-layout>aside{display:flex;flex-direction:column;gap:4px;align-self:start}.tool-category-layout>aside a{padding:12px;color:#243848;text-decoration:none;border-radius:3px}.tool-category-layout>aside a[aria-current=page]{background:#e7f2f9;color:#075c94;font-weight:700}.tool-category-search{display:grid;gap:8px;max-width:540px;font-weight:600}.tool-category-search input{width:100%;min-width:0;font:inherit;padding:12px;border:1px solid #889dab;border-radius:4px}.tool-category-section{margin:24px 0 32px}.tool-category-section .section-title{align-items:baseline;flex-wrap:wrap;gap:10px}.tool-category-section h2{font-size:1.2rem}.tool-subcategory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-subcategory-grid a{padding:14px;border:1px solid #d8e0e5;border-radius:3px;text-decoration:none;color:#243848;line-height:1.4;overflow-wrap:anywhere}.tool-subcategory-grid [hidden],.tool-category-section[hidden]{display:none}.tool-subcategory-grid span{color:#1677b9}
@media(max-width:900px){.tool-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-category-layout{grid-template-columns:1fr}.tool-category-layout>aside{display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid #d8e0e5;padding-bottom:12px}.tool-category-layout>aside a{font-size:.85rem;padding:8px}}@media(max-width:540px){.tool-category-grid,.tool-subcategory-grid{grid-template-columns:1fr}.tool-category-grid>a{min-height:135px;padding:18px}}

.tool-category-switch>nav{display:flex;flex-direction:column;gap:4px}.tool-category-switch summary{cursor:pointer;padding:12px;background:#edf5fa;border:1px solid #d8e0e5;border-radius:4px;font-weight:600}@media(min-width:901px){.tool-category-switch summary{display:none}}@media(max-width:900px){.tool-category-layout>aside{display:block}.tool-category-switch>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}}

/* Compact category navigation; never a homepage category block. */
.mega-menu:has(.compact-category-menu){display:block;padding:12px 18px}.compact-category-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 16px;max-width:1400px;margin:0 auto}.compact-category-menu>a{display:flex;align-items:center;min-width:0;min-height:38px;padding:8px 10px;color:var(--navy,#08243d);font-size:13px;line-height:1.35;text-decoration:none;overflow-wrap:anywhere;border:0;border-radius:3px}.compact-category-menu>a:hover{background:#edf4f8;color:#086bab}.compact-category-menu>a:focus-visible{outline:3px solid #1677b9;outline-offset:1px}.compact-category-menu .compact-category-all{font-weight:700;color:#086bab}@media(max-width:900px){.compact-category-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}.mega-menu:has(.compact-category-menu){padding:10px 12px}}@media(max-width:420px){.compact-category-menu{grid-template-columns:minmax(0,1fr)}.compact-category-menu>a{min-height:36px;padding:8px}}

.mega-menu:has(.compact-category-menu){left:max(calc((100% - 1260px)/2),16px);width:min(1260px,calc(100% - 32px));max-height:65vh;overflow-y:auto;z-index:20;border-top:3px solid #1677b9}.compact-category-menu>a{justify-content:flex-start;gap:10px}.compact-category-menu svg{width:22px;height:22px;color:#0868b8;flex:none}.compact-category-menu span{min-width:0}
