.tool-grid{--tool-menu-width:14rem;--tool-ad-width:clamp(6rem, 9vw, 12rem);grid-template-columns:var(--tool-menu-width) minmax(0, 1fr) var(--tool-ad-width);align-items:start;gap:var(--space-6);width:100%;padding-top:var(--space-8);margin:0;display:grid}.tools-sidebar{min-width:0;padding:var(--space-1) var(--space-4) 0}.tool-grid--directory{row-gap:var(--space-5);grid-template-rows:auto 1fr}.tool-directory-heading{padding:var(--space-1) var(--space-4) 0;font-size:var(--text-xl);grid-area:1/1}.tool-directory-heading a:hover{text-underline-offset:.2em;text-decoration:underline}.tool-grid--directory>.tools-sidebar{grid-area:2/1}.tool-grid--directory>.tool-main{grid-area:1/2/span 2}.tool-grid--directory>.ad-space{grid-area:1/3/span 2}.tool-main{min-width:0;max-width:100%;padding-inline:var(--space-4)}.tool-main--directory{width:min(100%, var(--tool-width));margin-inline:auto}.tool-heading h1{font-size:var(--text-page)}.tool-heading>p{max-width:46rem;margin-top:var(--space-4);color:var(--muted)}.tool-heading>.tool-maintenance{color:#b91c1c;font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-compact)}.tool-main>.prose{margin-top:var(--space-6);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-body)}.tool-main>.prose>:is(p,ul,ol,blockquote,h2,h3,h4){max-width:46rem}.tool-navigation-heading{margin:0 0 var(--space-5);font-size:var(--text-xl)}.tool-navigation-heading a:hover{text-underline-offset:.2em;text-decoration:underline}.tool-nav-group+.tool-nav-group{margin-top:var(--space-6)}.tool-nav-group h3{margin:0 0 var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-compact);letter-spacing:0}.tool-nav-group ul{margin:0;padding:0;list-style:none;display:grid}.tool-nav-group a{align-items:flex-start;gap:var(--space-2);min-width:0;padding-block:var(--space-1);font-size:var(--text-lg);line-height:var(--leading-compact);overflow-wrap:anywhere;display:flex}.tool-nav-group a svg{color:var(--button-blue);margin-top:.15em}.tool-nav-group a span{min-width:0}.tool-nav-group a:hover{text-underline-offset:.2em;text-decoration:underline}.tool-navigation a[aria-current=page]{font-weight:var(--weight-bold);text-underline-offset:.2em;text-decoration:underline .06em}.mobile-tools-menu{display:none}.tools-directory{container-type:inline-size}.tool-directory-group+.tool-directory-group{margin-top:var(--space-8)}.tool-directory-group h2{margin:0 0 var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--line);font-size:var(--text-xl)}.tool-directory-grid{align-items:start;gap:var(--space-6) var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.tool-directory-card{min-width:0}.tool-directory-card h3{font-size:var(--text-lg);line-height:var(--leading-compact);margin:0}.tool-directory-card .tool-card-link{align-items:flex-start;gap:var(--space-2);padding:var(--space-4)}@container (width>=30rem){.tool-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=45rem){.tool-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1200px){.tool-grid>.ad-space{display:block}}@media (width<=1199px){.tool-grid{padding-top:var(--space-6);grid-template-columns:minmax(0,1fr);gap:0}.tool-grid--directory{row-gap:var(--space-4);grid-template-rows:auto auto}.tool-directory-heading{width:min(100%, var(--tool-width));padding-inline:var(--page-gutter);margin-inline:auto}.tool-grid--directory>.tool-main{grid-area:2/1}.tools-sidebar,.tool-grid>.ad-space{display:none}.tool-main{padding-inline:var(--page-gutter)}.mobile-tools-menu{margin-top:var(--space-5);padding-block:var(--space-2);border-block:1px solid var(--line);display:block}.mobile-tools-menu>summary{align-items:center;gap:var(--space-3);min-height:var(--control-height);font-family:var(--font-ui);font-size:var(--text-base);display:flex}.mobile-tools-menu>summary>svg:last-child{margin-left:auto}.mobile-tools-menu[open]>summary>svg:last-child{transform:rotate(90deg)}.mobile-tools-menu .tool-navigation{max-height:min(26rem,60dvh);padding-block:var(--space-3);overscroll-behavior:contain;overflow-y:auto}.mobile-tools-menu .tool-nav-group a{min-height:var(--control-height)}.tool-main--directory .mobile-tools-menu{margin-top:0}.tools-directory{margin-top:var(--space-6)}}
