.tool-list-page{width:100%;padding:var(--space-lg) var(--gutter);max-width:var(--content-wide);margin:0 auto}.tool-list-heading-area{text-align:center;margin-bottom:2em}.tool-list-heading-area p{max-width:var(--reading);line-height:var(--lh-base);margin:0 auto}.tool-list-genre-section+.tool-list-genre-section{margin-top:var(--space-xl)}.tool-list-genre-section h2{font-size:var(--fs-lg);color:var(--primary);text-align:center;margin-bottom:var(--space-xs)}.tool-list-genre-lead{max-width:var(--reading);margin:0 auto var(--space-md);font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-base)}.tool-list-container{flex-wrap:wrap;justify-content:center;gap:1.5em;display:flex}.tool-list-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);width:300px;padding:1em;transition:transform .2s,box-shadow .2s}.tool-list-card-active:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.tool-list-link{color:inherit;text-align:center;flex-direction:column;align-items:center;text-decoration:none;display:flex}.tool-list-icon{margin-bottom:.5em;font-size:2.5rem}.tool-list-name{font-weight:var(--fw-bold);font-size:var(--fs-md);margin-top:0;margin-bottom:.5em}.tool-list-badge{margin-top:var(--space-2xs);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-2xs);color:var(--text-muted);padding:.1em .6em;display:inline-block}.tool-list-description{font-size:var(--fs-sm);color:var(--text-muted)}@media (max-width:600px){.tool-list-card{width:100%}}