/* Shared illustrations and entry cards for the two support tools only. */
.shop-items.kl-support-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0 15px}
.shop-items.kl-support-items:before,.shop-items.kl-support-items:after{display:none}
.shop-items.kl-support-items>li{width:auto;float:none;clear:none;padding:0;margin:0;align-self:start}
.shop-items .kl-tool-tile .container-inner{padding:15px 14px 20px;border-color:#e5eade;border-radius:8px;background:#fff}
.kl-tool-tile .kl-tool-art{display:block;max-width:220px;margin:0 auto 12px;border-radius:6px;overflow:hidden}
.kl-tool-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .2s ease}
.kl-tool-art:hover img{transform:scale(1.035)}
.kl-tool-detail{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif}
.kl-tool-tag{display:inline-block;color:#476726;background:#f0f5e6;border-radius:4px;padding:5px 7px;font:700 9px/1.5 Arial,sans-serif;letter-spacing:.3px}
.shop-items .kl-tool-tile .product-name{font-size:21px;line-height:1.25;margin:13px 0 10px;overflow:visible}
.kl-tool-text{color:#61665b;font:13px/1.6 Arial,sans-serif;margin:0 0 17px;min-height:84px}
.kl-tool-tile .btn{width:100%;max-width:220px;white-space:normal;font:700 13px/1.4 Arial,sans-serif;padding:10px 8px;border-radius:3px}
.kl-tool-tile .btn i{margin-left:5px}
.kl-tool-secondary{display:inline-block;color:#4c6637;font:12px/1.5 Arial,sans-serif;padding:10px 0 0;text-decoration:underline;text-underline-offset:3px}
.kl-tool-tile a:focus-visible{outline:3px solid #6c942d;outline-offset:4px}
.kl-tool-intro{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:35px;margin-bottom:16px}
.kl-tool-emblem{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #e4e9da;border-radius:16px;padding:12px;box-sizing:border-box}
.kl-tool-hero-art{max-width:225px;justify-self:center;text-align:center}
.kl-tool-hero-art>a{display:inline-block;font-size:12px;margin-top:13px}
.ka-sidebar-layout .ka-hero.kl-tool-resource-hero{grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr)}
.kl-tool-feature{max-width:260px;justify-self:center;margin:20px 0 0;background:#fff;padding:15px;border:1px solid #e0e6d5;border-radius:12px;align-self:start}
.kl-tool-feature img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.kl-tool-feature figcaption{font:12px/1.6 Arial,sans-serif;color:#526047;text-align:center;padding-top:14px;border-top:1px solid #edf0e7;margin-top:14px}
.kl-tool-feature figcaption a{display:inline-block;margin-top:7px}
@media(min-width:768px) and (max-width:1199px){.kl-tool-tile .product-name{min-height:53px;display:flex;align-items:center;justify-content:center}}
@media(max-width:900px){.kl-fc .kl-fc-hero{grid-template-columns:minmax(0,1fr) 155px;gap:24px}.kl-tool-intro{grid-template-columns:minmax(0,1fr) 135px;gap:24px}}
@media(min-width:768px) and (max-width:991px){.shop-items.kl-support-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .shop-items.kl-support-items{grid-template-columns:1fr;gap:20px}
  .shop-items .kl-tool-tile{width:100%;float:none}
  .shop-items .kl-tool-tile .container-inner{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(0,1.3fr);gap:18px;align-items:center;padding:18px}
  .shop-items .kl-tool-tile .container-inner:before,.shop-items .kl-tool-tile .container-inner:after{display:none}
  .kl-tool-tile .kl-tool-art{margin:0;max-width:220px}
  .kl-tool-detail{text-align:left;align-items:flex-start}
  .kl-tool-text{min-height:0;margin-bottom:13px}
  .shop-items .kl-tool-tile .product-name{font-size:20px;margin-top:10px}
  .kl-tool-tag{font-size:8px;letter-spacing:0}
}
@media(max-width:600px){
  .ka-sidebar-layout .ka-hero.kl-tool-resource-hero{grid-template-columns:1fr}
  .kl-tool-intro{grid-template-columns:1fr;gap:18px;margin-bottom:23px}
  .kl-tool-intro .kl-tool-emblem{grid-row:1;width:88px;padding:6px;border-radius:12px}
  .ka-generator .kl-tool-intro .generator-lead{margin-bottom:0}
  .kl-fc .kl-fc-hero{grid-template-columns:1fr;gap:18px}
  .kl-fc .kl-tool-hero-art{grid-row:1;justify-self:start;display:flex;align-items:center;gap:16px;max-width:none}
  .kl-tool-hero-art .kl-tool-emblem{width:88px;padding:6px;border-radius:12px}
  .kl-tool-hero-art>a{margin:0}
  .kl-tool-feature{max-width:260px;justify-self:center;margin-top:0}
}
@media(prefers-reduced-motion:reduce){.kl-tool-art img{transition:none}.kl-tool-art:hover img{transform:none}}
@media print{.kl-tool-emblem,.kl-tool-hero-art,.kl-tool-feature{display:none!important}}
