/*
 * Post-audit consolidation: remove awkward empty surfaces and tighten directory scanning.
 */
.section-featured .home-section-shell {
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid rgba(238, 240, 242, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 36%),
    rgba(17, 19, 24, 0.82);
}

.section-featured .home-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.section-featured .featured-tool-card,
.section-featured .featured-tool-card.is-emphasis {
  display: flex;
  min-height: 100%;
  grid-column: auto;
  grid-row: auto;
  flex-direction: column;
  padding: 0;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 42%),
    rgba(10, 12, 17, 0.94);
  transform: none;
}

.section-featured .featured-tool-card .tool-proof-card--home-feature {
  flex: 0 0 auto;
}

.section-featured .tool-proof-card--home-feature .tool-proof-surface {
  min-height: 220px;
  border-radius: 8px 8px 0 0;
}

.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: 18px;
}

.section-featured .featured-tool-card .article-card-topline {
  padding-top: 16px;
}

.section-featured .featured-tool-card .tool-card-footer {
  margin-top: auto;
  padding-bottom: 18px;
}

.section-featured .featured-tool-card .button {
  min-height: 42px;
  border-radius: 8px;
}

.directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-surface,
.section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-surface {
  background: #101217;
}

.directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-fallback,
.section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-fallback {
  position: absolute;
  overflow: hidden;
  display: grid;
  align-items: stretch;
  background:
    radial-gradient(circle at 18% 18%, rgba(200, 184, 141, 0.15), transparent 7rem),
    radial-gradient(circle at 84% 18%, rgba(134, 200, 157, 0.08), transparent 8rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent 46%),
    #101217;
}

.directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-fallback::before,
.section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-fallback::before {
  content: "";
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 36%;
  height: 42%;
  border: 1px solid rgba(238, 240, 242, 0.08);
  border-radius: 8px;
  background:
    linear-gradient(rgba(238, 240, 242, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(238, 240, 242, 0.035) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: 0.82;
}

.directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-fallback::after,
.section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-fallback::after {
  content: "";
  position: absolute;
  right: 22px;
  bottom: 34px;
  width: 30%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(200, 184, 141, 0.64), rgba(134, 200, 157, 0.42));
  transform-origin: right center;
}

.directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-fallback-grid,
.section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-fallback-grid {
  opacity: 0.72;
  mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.84), transparent 76%);
}

.directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-fallback-identity,
.section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-fallback-identity {
  align-content: end;
  width: min(100%, 19rem);
  min-height: 100%;
  gap: 6px;
  padding: 18px;
}

.directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-fallback-mark,
.section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-fallback-mark {
  width: 42px;
  height: 42px;
  border-radius: 9px;
}

.directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-fallback-identity strong,
.section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-fallback-identity strong {
  max-width: 16rem;
  font-size: 0.98rem;
}

.directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-fallback-identity small,
.section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-fallback-identity small {
  display: block;
  max-width: 15rem;
}

@media (prefers-reduced-motion: no-preference) {
  .directory-tool-card .tool-proof-card--archive-preview.tool-proof-card--no-screenshot .tool-proof-fallback::after,
  .section-featured .tool-proof-card--home-feature.tool-proof-card--no-screenshot .tool-proof-fallback::after {
    animation: o4-proof-fallback-trace 5.2s ease-in-out infinite;
  }
}

@keyframes o4-proof-fallback-trace {
  0%,
  100% {
    opacity: 0.24;
    transform: scaleX(0.56);
  }

  46% {
    opacity: 0.86;
    transform: scaleX(1);
  }
}

.directory-filter-jump {
  display: none;
}

.archive-header-directory .archive-header-meta .directory-filter-jump {
  display: none;
}

.directory-pathway-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.directory-pathway-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  min-height: 150px;
  align-content: start;
  gap: 7px 12px;
  padding: 16px;
  border-color: rgba(238, 240, 242, 0.11);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 58%),
    rgba(255, 255, 255, 0.022);
}

.directory-pathway-card .o4-card-icon {
  grid-row: 1 / span 3;
  width: 30px;
  height: 30px;
}

.directory-pathway-card .card-meta {
  display: block;
  margin: 0;
  font-size: 0.62rem;
  letter-spacing: 0.16em;
}

.directory-pathway-card h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
}

.directory-pathway-card p:not(.card-meta) {
  display: block;
  margin: 0;
  color: rgba(215, 220, 224, 0.72);
  font-size: 0.76rem;
  line-height: 1.45;
}

.directory-pathway-footer {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 8px;
}

.directory-pathway-footer a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(238, 240, 242, 0.78);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.directory-pathway-footer .badge {
  min-height: 24px;
  padding-inline: 8px;
  font-size: 0.64rem;
}

@media (max-width: 1180px) {
  .section-featured .home-feature-grid {
    grid-template-columns: 1fr;
  }

  .section-featured .tool-proof-card--home-feature .tool-proof-surface {
    min-height: 190px;
  }

  .directory-pathway-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .container.directory-shell {
    padding-inline: clamp(18px, 3vw, 32px) !important;
  }

  .directory-main {
    order: 1;
  }

  .directory-filters {
    order: 2;
  }
}

@media (max-width: 760px) {
  .section-featured .home-section-shell {
    padding: 0;
    border-radius: 8px;
  }

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

  .section-featured .featured-tool-card,
  .section-featured .featured-tool-card.is-emphasis {
    border-radius: 0;
  }

  .section-featured .featured-tool-card:first-child {
    border-radius: 8px 8px 0 0;
  }

  .section-featured .featured-tool-card:last-child {
    border-radius: 0 0 8px 8px;
  }

  .directory-filter-jump {
    display: inline-flex;
  }

  .archive-header-directory .archive-header-meta .directory-filter-jump {
    display: inline-flex;
  }

  .directory-pathway-grid {
    grid-template-columns: 1fr;
  }

  .directory-pathway-card {
    min-height: auto;
    padding: 12px;
  }

  .directory-pathway-card p:not(.card-meta) {
    display: none;
  }

  .directory-pathway-footer a {
    display: none;
  }
}