.tools-hub-page{background:var(--wl-color-canvas);color:var(--wl-color-ink)}
.tools-hub-page main{overflow:hidden}
.tools-hero{border-bottom:1px solid var(--wl-color-border);background:var(--wl-color-surface)}
.tools-hero-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr);gap:clamp(32px,6vw,72px);align-items:center;padding-block:clamp(56px,8vw,96px)}
.tools-hero-copy h1{max-width:720px;margin:10px 0 16px;font-size:clamp(2.35rem,6vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.045em}
.tools-hero-copy>p:last-child{max-width:620px;margin:0;color:var(--wl-color-text-secondary);font-size:1.125rem;line-height:1.7;overflow-wrap: anywhere}
.tools-search{padding:24px;border:1px solid var(--wl-color-border);border-radius:12px;background:var(--wl-color-canvas-soft);box-shadow:var(--wl-shadow-1)}
.tools-search>label{display:block;margin-bottom:12px;font-size:1.05rem;font-weight:760}
.tools-search .site-search-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.tools-search input,.tools-search button{min-height: 44px;font:inherit}
.tools-search input{width:100%;padding:12px 14px;border:1px solid var(--wl-color-border-strong);border-radius:8px;background:#fff;color:var(--wl-color-ink)}
.tools-search .site-search-input-row button{padding:10px 18px;border:1px solid var(--wl-color-primary);border-radius:8px;background:var(--wl-color-primary);color:#fff;font-weight:750}
.tools-search .site-search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tools-search .site-search-suggestions button{min-height:36px;padding:7px 11px;border:1px solid var(--wl-color-border);border-radius:999px;background:#fff;color:var(--wl-color-text-secondary);font-size:.875rem}
.tools-search .site-search-status{margin:12px 0 0;color:var(--wl-color-text-caption);font-size:.875rem}
.tools-search .site-search-results{margin-top:14px}
.tools-category-section,.tools-quick-section{padding-block:clamp(56px,8vw,88px)}
.tools-section-heading{max-width:760px;margin-bottom:28px}
.tools-section-heading h2{margin:8px 0 12px;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;letter-spacing:-.025em}
.tools-section-heading>p:last-child{margin:0;color:var(--wl-color-text-secondary);line-height:1.7;overflow-wrap:anywhere}
.tools-category-grid{display:grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:16px}
.tools-category-card{display:flex;min-width:0;min-height:260px;flex-direction:column;padding:24px;border:1px solid var(--wl-color-border);border-radius:12px;background:var(--wl-color-surface);transition:border-color var(--wl-motion-fast) var(--wl-ease-out),transform var(--wl-motion-fast) var(--wl-ease-out)}
.tools-category-card--featured{border-color:#b7c69a;background:var(--wl-color-primary-faint)}
.tools-category-card:hover{transform:translateY(-2px);border-color:var(--wl-color-brand)}
.tools-category-meta{color:var(--wl-color-primary);font-size:.8125rem;font-weight:750}
.tools-category-card h3{margin:14px 0 10px;font-size:1.35rem;line-height:1.35}
.tools-category-card h3 a{color:var(--wl-color-ink-deep);text-decoration:none}
.tools-category-card p{margin:0;color:var(--wl-color-text-secondary);line-height:1.65;overflow-wrap:anywhere}
.tools-category-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px}
.tools-category-links a{display:inline-flex;min-height:44px;align-items:center;padding:8px 12px;border:1px solid var(--wl-color-border);border-radius:8px;background:#fff;color:var(--wl-color-primary-dark);font-size:.875rem;font-weight:700;text-decoration:none}
.tools-quick-section{padding-top:8px;padding-bottom:88px}
.tools-section-heading--compact{margin-bottom:20px}
.tools-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--wl-color-border)}
.tools-quick-grid>a{display:grid;gap:6px;min-height:112px;padding:22px 18px;border-right:1px solid var(--wl-color-border);border-bottom:1px solid var(--wl-color-border);color:var(--wl-color-ink);text-decoration:none}
.tools-quick-grid>a:nth-child(3n+1){border-left:1px solid var(--wl-color-border)}
.tools-quick-grid span{color:var(--wl-color-primary);font-size:.8125rem;font-weight:750}
.tools-quick-grid strong{font-size:1.02rem;line-height:1.45;overflow-wrap:anywhere}
.tools-hub-page a:focus-visible,.tools-hub-page button:focus-visible,.tools-hub-page input:focus-visible{outline:none;box-shadow:var(--wl-focus-ring)}
@media (max-width:960px){.tools-hero-inner{grid-template-columns:1fr}.tools-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 760px){.tools-hero-inner{padding-block:44px}.tools-search{padding:18px}.tools-search .site-search-input-row{grid-template-columns: 1fr}.tools-search .site-search-input-row button{width:100%}.tools-category-grid,.tools-quick-grid{grid-template-columns:1fr}.tools-category-card{min-height:0}.tools-quick-grid>a,.tools-quick-grid>a:nth-child(3n+1){border-left:1px solid var(--wl-color-border)}}
@media (prefers-reduced-motion:reduce){.tools-category-card{transition:none}.tools-category-card:hover{transform:none}}