.search-intent-guide {
  padding-block: 30px;
  background:
    linear-gradient(180deg, rgba(247, 183, 24, 0.025), transparent),
    #0b0c0e;
}

.search-intent-shell {
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid rgba(247, 183, 24, 0.28);
  border-radius: 22px;
  background: #121316;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.search-intent-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
  gap: 26px;
  align-items: end;
  margin-bottom: 18px;
}

.search-intent-heading h2 {
  margin: 5px 0 0;
  color: #f5f5f6;
  font-size: clamp(23px, 3vw, 36px);
  line-height: 1.35;
}

.search-intent-heading > p,
.search-intent-area {
  margin: 0;
  color: #c8cacf;
  line-height: 1.9;
}

.search-intent-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.search-intent-grid details {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: #191a1e;
}

.search-intent-grid summary {
  cursor: pointer;
  padding: 14px 16px;
  color: #f1f1f2;
  font-weight: 850;
  line-height: 1.55;
}

.search-intent-grid details[open] summary {
  color: #f7b718;
  border-bottom: 1px solid rgba(247, 183, 24, 0.18);
}

.search-intent-grid p {
  margin: 0;
  padding: 14px 16px 16px;
  color: #c9cbd0;
  line-height: 1.9;
}

.search-intent-grid a {
  color: #f7b718;
  font-weight: 800;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.search-intent-area {
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.94rem;
}

@media (max-width: 760px) {
  .search-intent-guide {
    padding-block: 20px;
  }

  .search-intent-shell {
    padding: 16px;
    border-radius: 17px;
  }

  .search-intent-heading,
  .search-intent-grid {
    grid-template-columns: 1fr;
  }

  .search-intent-heading {
    gap: 10px;
  }

  .search-intent-grid summary,
  .search-intent-grid p {
    padding-inline: 13px;
  }
}