/* seo-blocks.css — the three server-rendered blocks added by the SEO port:
   the /tools and /alternatives directories and the related-links band.
   They shipped with no styling at all, which meant an unstyled h2 + bullet
   list on both hubs and above the footer of ~700 detail pages. */
.tools-directory,.alternatives-directory{padding:2.5rem 0}
.tools-directory__heading,.alternatives-directory__heading{font-size:1.5rem;margin:0 0 1.5rem}
.tools-directory__group,.alternatives-directory__group{margin:0 0 2rem}
.tools-directory__category,.alternatives-directory__category{font-size:1.05rem;font-weight:600;margin:0 0 .75rem;opacity:.85}
/* The category heading is now an anchor to the category page. Inherit the h3's
   colour and weight so the block looks unchanged; the underline appears on hover
   only. `a::before` carries a site-wide indigo underline-glow that bleeds onto
   non-standard anchors, so it is cleared here (see CLAUDE.md). */
.alternatives-directory__category-link{color:inherit;font:inherit;text-decoration:none}
.alternatives-directory__category-link:hover{text-decoration:underline}
.alternatives-directory__category-link::before{border-bottom-color:transparent!important}
.tools-directory__grid,.alternatives-directory__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem;list-style:none;margin:0;padding:0}
.tools-directory__item,.alternatives-directory__item{margin:0}
.tools-directory__link,.alternatives-directory__link{display:block;padding:.7rem .9rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;height:100%;line-height:1.35}
.tools-directory__link:hover,.alternatives-directory__link:hover{border-color:rgba(93,95,239,.5)}
.tools-directory__name{display:block;font-weight:600}
.tools-directory__desc{display:block;margin-top:.25rem;font-size:.85rem;opacity:.75}
.tools-directory__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}

.related-links{padding:2rem 0;border-top:1px solid rgba(0,0,0,.08)}
.related-links__heading{font-size:1.15rem;margin:0 0 1rem}
.related-links__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;list-style:none;margin:0;padding:0}
.related-links__item{margin:0}
.related-links__link{display:block;padding:.5rem .75rem;border-radius:6px;line-height:1.35}
.related-links__link:hover{background:rgba(93,95,239,.06)}
@media screen and (max-width:40em){
  .tools-directory__grid,.alternatives-directory__grid,.related-links__list{grid-template-columns:1fr}
}