/*
 * Homepage card breathing-room pass: keep later homepage blocks structured on
 * desktop and prevent mobile cards from collapsing into cramped strips.
 */
.home-command-modes,
.home-priority-lanes,
.section-featured .home-feature-grid,
.section-collections .home-collection-grid,
.method-grid {
  min-width: 0;
}

.home-command-mode,
.home-priority-lanes .feature-lane,
.section-featured .featured-tool-card,
.section-collections .collection-card,
.method-grid > div {
  min-width: 0;
}

.home-command-mode,
.home-priority-lanes .feature-lane {
  padding: clamp(18px, 1.6vw, 24px);
}

.home-command-mode p,
.home-priority-lanes .feature-lane p:not(.feature-card-meta),
.method-grid p {
  max-width: 28rem;
}

.section-featured .featured-tool-card {
  border: 1px solid rgba(238, 240, 242, 0.12);
}

.section-featured .featured-tool-card .article-card-topline {
  align-items: start;
  gap: 10px;
}

.section-featured .featured-tool-card .badges {
  gap: 7px;
  margin-top: 12px;
}

.section-featured .featured-tool-card .tool-card-footer {
  padding-top: 14px;
  border-top: 1px solid rgba(238, 240, 242, 0.08);
}

.section-collections .collection-card,
.section-collections .collection-card.is-emphasis {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.section-collections .collection-card > p:not(.card-meta),
.section-collections .collection-card .article-card-note {
  margin: 0;
}

.section-collections .collection-card .tool-card-footer {
  padding-top: 14px;
  border-top: 1px solid rgba(238, 240, 242, 0.08);
}

.section-methodology .section-inline-actions,
.contribute-card-home .hero-actions {
  align-items: center;
}

@media (max-width: 1180px) {
  .home-command-shell {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "modes";
  }

  .home-command-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-command-mode {
    min-height: 0;
  }
}

@media (max-width: 760px) {
  .site-footer-shell {
    width: calc(100% - 32px);
    margin-inline: auto;
  }

  .footer-brand {
    justify-items: center;
    text-align: center;
  }

  .footer-grid {
    gap: 22px;
    padding-top: 28px;
  }

  .footer-grid h3 {
    margin-bottom: 8px;
  }

  .footer-menu {
    gap: 7px;
  }

  .home-command-shell {
    gap: 18px;
    padding: 18px;
  }

  .home-command-copy h2 {
    max-width: 9.5ch;
  }

  .home-command-modes {
    grid-template-columns: 1fr;
    gap: 10px;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .home-command-mode {
    gap: 8px;
    padding: 16px;
    border: 1px solid rgba(238, 240, 242, 0.11);
    border-radius: 8px;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.034), transparent 58%),
      rgba(255, 255, 255, 0.018);
  }

  .home-command-mode p {
    max-width: none;
  }

  .home-priority-lanes {
    gap: 10px;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .home-priority-lanes .feature-lane,
  .home-priority-lanes .feature-lane + .feature-lane {
    padding: 18px;
    border: 1px solid rgba(238, 240, 242, 0.11);
    border-radius: 8px;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 62%),
      rgba(255, 255, 255, 0.018);
  }

  .home-priority-lanes .feature-lane + .feature-lane {
    border-left: 1px solid rgba(238, 240, 242, 0.11);
  }

  .section-featured .home-section-shell {
    padding: 14px;
  }

  .section-featured .home-feature-grid {
    gap: 12px;
  }

  .section-featured .featured-tool-card,
  .section-featured .featured-tool-card.is-emphasis,
  .section-featured .featured-tool-card:first-child,
  .section-featured .featured-tool-card:last-child {
    overflow: hidden;
    border-radius: 8px;
  }

  .section-featured .featured-tool-card .article-card-topline,
  .section-featured .featured-tool-card h3,
  .section-featured .featured-tool-card .tool-card-summary,
  .section-featured .featured-tool-card .badges,
  .section-featured .featured-tool-card .tool-card-footer {
    padding-inline: 14px;
  }

  .section-collections .home-collection-grid {
    gap: 12px;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .section-collections .collection-card,
  .section-collections .collection-card.is-emphasis,
  .section-collections .collection-card + .collection-card {
    padding: 18px;
    border: 1px solid rgba(238, 240, 242, 0.11);
    border-radius: 8px;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.032), transparent 58%),
      rgba(255, 255, 255, 0.018);
  }

  .section-collections .collection-card + .collection-card {
    border-left: 1px solid rgba(238, 240, 242, 0.11);
  }

  .method-grid {
    gap: 10px;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .method-grid > div {
    padding: 16px;
    border: 1px solid rgba(238, 240, 242, 0.11);
    border-radius: 8px;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.032), transparent 58%),
      rgba(255, 255, 255, 0.018);
  }

  .section-methodology .section-inline-actions,
  .contribute-card-home .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}