/* /tools/ hub: extends site.css (same tokens, glass cards, pill buttons) */
.tools-top .eyebrow{margin-bottom:16px}
.tools-top .cta-row{margin-top:24px;gap:8px 20px}
.tools-top .btn{width:100%}
.tl{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
.tools-sec{padding:24px 0 56px}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.js .filters{display:flex}
.chipbtn{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font:inherit;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:background .25s var(--ease),border-color .25s,transform .14s var(--ease)}
.chipbtn:hover{background:var(--glass-hi);border-color:rgba(180,190,255,.34)}
.chipbtn:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
.chipbtn[aria-pressed="true"]{background:var(--grad);border-color:transparent;color:#fff}
.tgrid{grid-template-columns:1fr}
.tcard{flex-direction:column;align-items:flex-start;gap:6px;min-height:176px;padding:20px 20px 18px}
.tcard[hidden]{display:none!important}
.ttype{margin:0;font-size:1.625rem;line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--tc,var(--mint))}
.tcard h3{font-size:1.0625rem;letter-spacing:-.01em;line-height:1.3;margin:2px 0 0}
.tcard .desc{margin:0;flex:1}
.tcard .dest{margin:6px 0 0}
.utags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:6px 0 0;padding:0}
.utags li{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.suggest{padding:8px 0 80px}
.suggest-card{display:grid;gap:24px;padding:28px 20px;border-radius:28px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow)}
.suggest h2{font-size:clamp(1.75rem,6vw,2.5rem);letter-spacing:-.03em}
.s-form{padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.s-form .btn{width:100%}
.sticky-cta.off{transform:translateY(140%);visibility:hidden}
@media (min-width:480px){.tools-top .btn{width:auto;min-width:16rem}}
@media (min-width:720px){
  .tgrid{grid-template-columns:repeat(2,1fr)}
  .suggest-card{padding:36px 32px}
}
@media (min-width:1100px){
  .tgrid{grid-template-columns:repeat(3,1fr)}
  .suggest-card{grid-template-columns:1fr 1.1fr;align-items:start;gap:40px;padding:44px}
}
@media (prefers-reduced-motion:reduce){.chipbtn{transition:none}}
.suggest .lede{margin:12px 0 0}