.hp-ta{margin:36px 0;padding:24px;border:1px solid #dfe7d8;border-radius:20px;background:#fafcf8}
.hp-ta h2{margin:0 0 18px;font-size:clamp(1.35rem,2.4vw,1.75rem);letter-spacing:-.02em;color:#243222}
.hp-ta__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hp-ta__card{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid #dfe7d8;border-radius:16px;background:#fff}
.hp-ta__card--highlight{border-color:#245b2a;box-shadow:0 10px 24px rgba(36,91,42,.12)}
.hp-ta__level{margin:0;font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.1em;color:#657260}
.hp-ta__badge{margin:0;font-size:.78rem;font-weight:750;color:#245b2a}
.hp-ta__card h3{margin:2px 0 0;font-size:1.15rem;color:#243222}
.hp-ta__audience{margin:0;font-size:.85rem;color:#52604d}
.hp-ta__price{margin:8px 0 0;font-size:1.5rem;font-weight:800;color:#243222}
.hp-ta__discount{margin-left:8px;padding:2px 8px;border-radius:999px;background:#e6efe1;color:#245b2a;font-size:.72rem;font-weight:800;vertical-align:middle}
.hp-ta__promo{margin:2px 0 0;font-size:.82rem;color:#245b2a;font-weight:700}
.hp-ta__freshness{margin:2px 0 0;font-size:.76rem;color:#657260}
.hp-ta__strength{margin:8px 0 0;font-size:.9rem;line-height:1.5;color:#3a4736}
.hp-ta__unavailable{margin:10px 0 0;font-size:.85rem;color:#657260}
.hp-ta__cta{margin-top:12px;align-self:flex-start}
.hp-ta__merchants{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.hp-ta__merchants a{font-size:.82rem;color:#397f35;text-decoration:none}
.hp-ta__merchants a:hover{text-decoration:underline}
.hp-affiliate-disclosure{margin:16px 0 0;color:#657260;font-size:.78rem;line-height:1.5}
@media(max-width:850px){.hp-ta__grid{grid-template-columns:1fr}}
.hp-tool-catalog__hero{background:linear-gradient(135deg,#f5f0e4,#e4eddf)}
.hp-tool-catalog__hero h1{max-width:15ch}
.hp-tool-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hp-tool-catalog__card{overflow:hidden;border:1px solid #dfe7d8;border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}
.hp-tool-catalog__card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(33,49,30,.1)}
.hp-tool-catalog__card-link{display:block;color:#243222;text-decoration:none}.hp-tool-catalog__card img,.hp-tool-catalog__image-slot{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.hp-tool-catalog__image-slot{display:grid;place-items:center;background:#e6efe1;color:#397f35;font-size:2.5rem}.hp-tool-catalog__card-link>div{padding:18px}.hp-tool-catalog__card h2{margin:4px 0 8px;font-size:1.35rem}.hp-tool-catalog__card span{color:#397f35;font-weight:750}.hp-tool-catalog__intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:0 0 20px}.hp-tool-catalog__intro h2,.hp-tool-type__related h2{margin:4px 0 0;font-size:clamp(1.55rem,3vw,2.2rem)}.hp-tool-catalog__intro>p{max-width:420px;margin:0;color:#52604d;line-height:1.6}.hp-tool-type__explanation,.hp-tool-type__related{margin:38px 0 52px}.hp-tool-type__explanation>p:not(.hp-section-kicker),.hp-tool-type__related>p:not(.hp-section-kicker){max-width:70ch;line-height:1.75;font-size:1.05rem}.hp-tool-type__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hp-button--ghost{background:#eef3e9;color:#355332!important}.hp-tool-type__project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.hp-tool-type__project-grid h3{margin:0;font-size:1.05rem}@media(max-width:850px){.hp-tool-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.hp-tool-catalog__grid,.hp-tool-type__project-grid{grid-template-columns:1fr}.hp-tool-catalog__intro{display:block}.hp-tool-catalog__intro>p{margin-top:10px}}
.hp-tool-catalog__card img{object-fit:contain;padding:14px;box-sizing:border-box;background:#f4f7f1}
.hp-tool-catalog{width:min(calc(100% - 32px),1180px);margin:42px auto 70px;color:#243222}
.hp-tool-catalog .hp-breadcrumbs{display:flex;gap:8px;color:#657260;font-size:.9rem;margin-bottom:22px}
.hp-tool-catalog .hp-breadcrumbs a{color:#397f35}
.hp-tool-catalog .hp-eyebrow,.hp-tool-catalog .hp-section-kicker{color:#397f35;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:800}
.hp-tool-catalog__hero{padding:clamp(28px,6vw,72px);border-radius:28px;margin-bottom:28px}
.hp-tool-catalog__hero>p{max-width:700px;font-size:1.1rem;line-height:1.65;color:#52604d}
.hp-tool-catalog__hero h1{line-height:1;margin:8px 0 16px;letter-spacing:-.045em;overflow-wrap:anywhere}
@media(max-width:560px){.hp-tool-catalog{width:min(calc(100% - 24px),1180px);margin-block:26px 48px}.hp-tool-catalog__hero{padding:27px 20px;border-radius:18px}}

/* Mobile layout guard for the tools catalogue. */
@media (max-width:560px){
  .hp-tool-catalog,.hp-tool-catalog *{box-sizing:border-box}
  .hp-tool-catalog{width:calc(100% - 24px);max-width:1180px;overflow:hidden}
  .hp-tool-catalog__hero{width:100%;padding:24px 18px;border-radius:18px}
  .hp-tool-catalog__hero h1{max-width:none;font-size:clamp(2rem,10vw,3rem);line-height:1.02;overflow-wrap:break-word}
  .hp-tool-catalog__hero>p{font-size:1rem;line-height:1.55}
  .hp-tool-catalog__intro{width:100%;margin-bottom:16px}
  .hp-tool-catalog__intro h2{font-size:clamp(1.45rem,7vw,2rem);line-height:1.12}
  .hp-tool-catalog__grid{width:100%;grid-template-columns:minmax(0,1fr);gap:16px}
  .hp-tool-catalog__card{min-width:0}
  .hp-tool-catalog__card img,.hp-tool-catalog__image-slot{width:100%;height:auto;aspect-ratio:1.45;object-fit:contain}
  .hp-tool-catalog__card-link>div{padding:16px}
  .hp-tool-catalog__card h2{font-size:1.25rem;line-height:1.15}
}
/* Keep generated category artwork aligned on narrow screens. */
@media (max-width:560px){
  .hp-tool-catalog__card img,.hp-tool-catalog__image-slot{
    display:block;
    width:100%;
    height:clamp(190px,52vw,225px);
    min-height:190px;
    max-height:225px;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
    padding:18px;
  }
  .hp-tool-catalog__card-link>div{min-height:126px;display:flex;flex-direction:column;justify-content:flex-start}
  .hp-tool-catalog__card-link>div>span{margin-top:auto}
}
/* Keep the two-column tablet layout aligned before the single-column phone breakpoint. */
@media (min-width:561px) and (max-width:850px){
  .hp-tool-catalog,.hp-tool-catalog *{box-sizing:border-box}
  .hp-tool-catalog{width:calc(100% - 32px);max-width:1180px}
  .hp-tool-catalog__grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .hp-tool-catalog__card{min-width:0}
  .hp-tool-catalog__card img,.hp-tool-catalog__image-slot{width:100%;height:clamp(180px,30vw,230px);min-height:180px;max-height:230px;aspect-ratio:auto;object-fit:contain;object-position:center;padding:16px}
  .hp-tool-catalog__card-link>div{min-height:118px;display:flex;flex-direction:column}
  .hp-tool-catalog__card-link>div>span{margin-top:auto}
}