/* Whole-Tech vendor directory on /blogs — one card per product. */
.wtl{max-width:1200px;margin:0 auto;padding:8px 24px 28px;scroll-margin-top:88px}
.wtl-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:14px}
.wtl-kicker{margin:0 0 6px;color:#ff9d3c;font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.wtl-head h2{margin:0;color:#fff;font:800 clamp(1.4rem,2.4vw,1.9rem)/1.15 Inter,sans-serif;letter-spacing:-.03em}
.wtl-head p{margin:6px 0 0;color:#a1a1aa;max-width:56ch}
.wtl-search{min-width:min(100%,280px)}
.wtl-search input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #2a4558;border-radius:10px;background:#0b2233;color:#eaf3fa;font:15px Inter,sans-serif}
.wtl-search input:focus{outline:2px solid #fa4b12;outline-offset:2px}
.wtl-path{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}
.wtl-path li{list-style:none;margin:0;padding:10px 12px;border:1px solid #214a65;border-radius:10px;background:#0b2233;color:#c5d4df;font:600 13px/1.35 Inter,sans-serif}
.wtl-path b{display:block;color:#ff9d3c;font:800 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.wtl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.wtl-chips button{min-height:34px;padding:6px 12px;border:1px solid #2a4558;border-radius:999px;background:#0b2233;color:#c5d4df;font:700 12px Inter,sans-serif;cursor:pointer}
.wtl-chips button.is-on{background:#fa4b12;border-color:#fa4b12;color:#fff}
.wtl-count{margin:0 0 12px;color:#8aa0b3;font:600 12px Inter,sans-serif}
.wtl-groups{display:grid;gap:22px}
.wtl-group{margin:0;padding:0}
.wtl-group-title{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;color:#fff;font:800 1.05rem/1.2 Inter,sans-serif}
.wtl-group-title span{color:#8aa0b3;font:600 12px Inter,sans-serif}
.wtl-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.wtl-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #214a65;border-radius:12px;background:#0d1c28}
.wtl-card h3{margin:0;color:#fff;font:800 1.05rem/1.2 Inter,sans-serif}
.wtl-card .wtl-line{margin:0;color:#7fc6f4;font:600 12px/1.35 Inter,sans-serif}
.wtl-badge{align-self:flex-start;padding:3px 8px;border-radius:999px;background:#102d42;color:#9db3c4;font:700 10px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.wtl-card[data-track="firewall"] .wtl-badge{background:#3a1d0d;color:#ffb37a}
.wtl-card[data-track="sase"] .wtl-badge{background:#0d2a3a;color:#7fc6f4}
.wtl-card[data-track="adc"] .wtl-badge{background:#24143a;color:#c9b6ff}
.wtl-card[data-track="cloud"] .wtl-badge{background:#0d243a;color:#8ec5ff}
.wtl-card[data-track="identity"] .wtl-badge{background:#0d2f28;color:#7ee0c6}
.wtl-card[data-track="email"] .wtl-badge{background:#321428;color:#f3b3d3}
.wtl-card[data-track="soc"] .wtl-badge{background:#3a1418;color:#ff9aa3}
.wtl-card[data-track="app"] .wtl-badge{background:#14301c;color:#9be0ad}
.wtl-card[data-track="vuln"] .wtl-badge{background:#33280d;color:#efd27a}
.wtl-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.wtl-actions a{display:grid;place-items:center;min-height:36px;padding:6px 8px;border-radius:8px;text-decoration:none;font:800 12px/1 Inter,sans-serif;text-align:center}
.wtl-actions a.how{background:#fa4b12;color:#fff}
.wtl-actions a.desk{background:#102d42;color:#eaf3fa;border:1px solid #315673}
.wtl-actions a.hub{grid-column:1/-1;background:transparent;color:#9db3c4;border:1px dashed #315673;font-weight:700}
.wtl-empty{grid-column:1/-1;padding:28px;color:#9aa8b5;text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){
  .wtl{padding:8px 14px 28px}
  .wtl-path{grid-template-columns:1fr}
  .wtl-actions{grid-template-columns:1fr}
}