/* Public marketing page refinements. Scoped to avoid workplace-wide changes. */
#mainLayoutContainer .workplace-content.jp-marketing-page {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
#mainLayoutContainer .workplace-content.jp-marketing-page .workplace-page-header {
  margin-bottom: 32px;
}
#mainLayoutContainer .workplace-content.jp-marketing-page .workplace-page-header h1 {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--jp-ink, #2F2A25);
}
#mainLayoutContainer .workplace-content.jp-marketing-page .workplace-page-desc {
  margin-top: 10px;
  font-size: 16px;
  color: var(--jp-ink-2, #6B645E);
}
.jp-marketing-page .jp-marketing-intro-copy {
  margin-bottom: 28px !important;
  color: var(--jp-ink-2, #6B645E) !important;
}
.jp-marketing-page .jp-marketing-intro-copy > div > span:first-child {
  color: var(--jp-ink-2, #6B645E) !important;
}
.jp-marketing-reviews .jp-review-results { margin-bottom: 0 !important; }
.jp-marketing-reviews #reviewList {
  padding: 24px;
  border-radius: var(--jp-r-lg, 24px);
  background: var(--jp-landing-neutral, #F5F5F7);
}
.jp-marketing-reviews #reviewList .review-item {
  border: 0 !important;
  border-radius: var(--jp-r-md, 16px) !important;
  box-shadow: var(--jp-shadow-1) !important;
  transition: transform 0.2s ease !important;
}
.jp-marketing-reviews #reviewList .review-item:hover {
  box-shadow: var(--jp-shadow-1) !important;
  transform: translateY(-2px);
}
.jp-marketing-reviews .jp-review-modal-panel { box-shadow: var(--jp-shadow-1) !important; }
.jp-marketing-reviews #reviewDetailModal button[aria-label="Close"] {
  color: var(--jp-ink-2, #6B645E) !important;
}
@media (min-width: 1024px) {
  #mainLayoutContainer .workplace-content.jp-marketing-page {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  #mainLayoutContainer .workplace-content.jp-marketing-page .workplace-page-header h1 { font-size: 44px; }
}
@media (max-width: 639px) {
  .jp-marketing-reviews #reviewList { padding: 16px; }
}

/* Q&A form and answered list */
.jp-marketing-qna .jp-qna-form-card {
  margin-bottom: 40px !important;
  background: var(--jp-card, #FFFFFF) !important;
  border: 0 !important;
  border-radius: var(--jp-r-md, 16px) !important;
  box-shadow: var(--jp-shadow-1) !important;
}
.jp-marketing-qna .jp-qna-form-card:hover {
  box-shadow: var(--jp-shadow-1) !important;
}
.jp-marketing-qna .jp-qna-form-card .ant-card-body {
  padding: 24px;
}
.jp-marketing-qna .jp-qna-form-card input,
.jp-marketing-qna .jp-qna-form-card textarea {
  border-radius: var(--jp-r-sm, 10px) !important;
}
.jp-marketing-qna .jp-qna-results {
  margin-bottom: 0 !important;
  padding: 24px;
  border-radius: var(--jp-r-lg, 24px);
  background: var(--jp-landing-neutral, #F5F5F7);
}
.jp-marketing-qna .jp-qna-results-title {
  font-size: 26px !important;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--jp-ink, #2F2A25);
}
.jp-marketing-qna #qnaList > div {
  border: 0 !important;
  border-radius: var(--jp-r-md, 16px) !important;
  box-shadow: var(--jp-shadow-1) !important;
  transition: transform 0.2s ease !important;
}
.jp-marketing-qna #qnaList > div:hover {
  box-shadow: var(--jp-shadow-1) !important;
  transform: translateY(-1px);
}
@media (max-width: 639px) {
  .jp-marketing-qna .jp-qna-form-card {
    margin-bottom: 32px !important;
  }
  .jp-marketing-qna .jp-qna-form-card .ant-card-body { padding: 20px; }
  .jp-marketing-qna .jp-qna-results { padding: 16px; }
  .jp-marketing-qna .jp-qna-results-title { font-size: 24px !important; }
}

/* Recheck: reviews intro/footer rhythm */
body:has(#mainLayoutContainer .jp-marketing-reviews) {
  background: var(--jp-card, #FFFFFF);
}
#mainLayoutContainer .workplace-content.jp-marketing-reviews {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
#mainLayoutContainer .jp-marketing-reviews .workplace-page-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#mainLayoutContainer .jp-marketing-reviews .workplace-page-header .workplace-page-guide {
  order: -1;
  margin: 0 0 12px;
}
.jp-marketing-reviews .jp-marketing-header-badge {
  background: var(--jp-brand-tint);
  color: var(--jp-ink);
}
#mainLayoutContainer .jp-marketing-reviews .workplace-page-header h1 {
  font-size: 32px;
}
#mainLayoutContainer .jp-marketing-reviews .workplace-page-desc {
  max-width: 760px;
  line-height: 1.7;
}
@media (min-width: 1024px) {
  #mainLayoutContainer .workplace-content.jp-marketing-reviews {
    padding-top: 72px !important;
    padding-bottom: 80px !important;
  }
  #mainLayoutContainer .jp-marketing-reviews .workplace-page-header h1 {
    font-size: 44px;
  }
}
@media (max-width: 639px) {
  #mainLayoutContainer .workplace-content.jp-marketing-reviews {
    padding-top: 48px !important;
    padding-bottom: 56px !important;
  }
}

/* Recheck: Q&A intro, compact answer cards, footer rhythm */
body:has(#mainLayoutContainer .jp-marketing-qna) {
  background: var(--jp-card, #FFFFFF);
}
#mainLayoutContainer .workplace-content.jp-marketing-qna {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
#mainLayoutContainer .jp-marketing-qna .workplace-page-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#mainLayoutContainer .jp-marketing-qna .workplace-page-header .workplace-page-guide {
  order: -1;
  margin: 0 0 12px;
}
.jp-marketing-qna .jp-marketing-header-badge {
  background: var(--jp-brand-tint);
  color: var(--jp-ink);
}
#mainLayoutContainer .jp-marketing-qna .workplace-page-header h1 {
  font-size: 32px;
}
#mainLayoutContainer .jp-marketing-qna .workplace-page-desc {
  max-width: 760px;
  line-height: 1.7;
}
.jp-marketing-qna #qnaList > div {
  padding: 16px !important;
}
.jp-marketing-qna #qnaList > div > .flex {
  margin-bottom: 0 !important;
}
.jp-marketing-qna #qnaList h3 {
  margin-bottom: 10px !important;
  line-height: 1.5;
}
.jp-marketing-qna .jp-qna-question-label {
  display: inline-block;
  margin-right: 8px;
}
.jp-marketing-qna #qnaList .text-sm.text-neutral-700.mt-5.pt-5 {
  margin-top: 12px !important;
  padding-top: 12px !important;
}
.jp-marketing-qna #qnaList p.mt-5 {
  margin-top: 12px !important;
}
@media (min-width: 1024px) {
  #mainLayoutContainer .workplace-content.jp-marketing-qna {
    padding-top: 72px !important;
    padding-bottom: 80px !important;
  }
  #mainLayoutContainer .jp-marketing-qna .workplace-page-header h1 {
    font-size: 44px;
  }
}
@media (max-width: 639px) {
  #mainLayoutContainer .workplace-content.jp-marketing-qna {
    padding-top: 48px !important;
    padding-bottom: 56px !important;
  }
}