/* ==========================================================================
   Digihack — BlogCategory
   Only for category/seo/
   ========================================================================== */


.cat-hero {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);
  gap: 40px;
  align-items: end;
}

.cat-box {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 22px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cat-box h3 {
  font-size: 17px;
  font-weight: 600;
}

.cat-box p {
  font-size: 15px;
  color: var(--muted);
}

@media (max-width:1024px) {
  .cat-hero {
    grid-template-columns: minmax(0,1fr);
  }
}

/* Phones: section headings fill the width (stack_pass.py) */
@media (max-width: 640px) {
  .sec-head {
    max-width: none;
  }

  h2,
  .h2 {
    text-wrap: pretty;
  }

  .h2,
  .cta h2,
  .cx-info h2,
  .sg-head h2,
  .cb-copy h2 {
    font-size: 23px;
    line-height: 1.25;
  }

  .sec-head .lead {
    font-size: 16px;
  }
}