/* Focused corrections for the V1 funnel and supporting editorial pages. */

.v1-profile-card button,
.v1-short-form button,
.v1-diagnostic-form button,
.v1-profile-form button {
  justify-self: start;
  width: auto;
  min-width: 220px;
  min-height: 48px;
  padding: 0 24px;
}

.v1-short-form form {
  align-content: start;
}

.v1-short-form button,
.v1-profile-form button {
  grid-column: 1 / -1;
}

.v1-card-link {
  justify-self: start;
  width: auto;
  min-width: 190px;
}

.v1-proof-list {
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 26px 0 0;
  padding: 0;
}

.v1-proof-list li {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.55;
  padding: 12px 0 0 24px;
  position: relative;
}

.v1-proof-list li::before {
  color: #d1ad74;
  content: "✓";
  left: 0;
  position: absolute;
}

.v1-editorial-grid,
.v1-process-grid,
.v1-reading-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.v1-editorial-card,
.v1-process-card,
.v1-reading-card,
.v1-context-note {
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(17, 24, 32, 0.14);
  border-radius: 8px;
  padding: 26px;
}

.v1-editorial-card span,
.v1-process-card span,
.v1-reading-card span {
  color: #b88749;
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.v1-editorial-card h3,
.v1-process-card h3,
.v1-reading-card h3,
.v1-context-note h3 {
  font-family: var(--font-serif);
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.12;
  margin: 0 0 12px;
}

.v1-editorial-card p,
.v1-process-card p,
.v1-reading-card p,
.v1-context-note p {
  color: #34414b;
  line-height: 1.65;
  margin: 0;
}

.v1-context-note {
  border-left: 3px solid #b88749;
  margin-top: 28px;
}

.v1-section-intro {
  color: #34414b;
  font-size: 1.02rem;
  line-height: 1.75;
  margin: -16px 0 34px;
  max-width: 860px;
}

.v1-form-expectation {
  background: #061a2b;
  border-radius: 8px;
  color: white;
  display: grid;
  gap: 14px;
  padding: 24px;
}

.v1-form-expectation h3 {
  color: white;
  font-family: var(--font-serif);
  font-size: 1.55rem;
  font-weight: 600;
  margin: 0;
}

.v1-form-expectation p,
.v1-form-expectation li {
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.6;
}

.v1-form-expectation ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
}

/* Keep method pictograms visually proportional to their 112px circular badge. */
.method-card-grid .premium-icon svg,
.compare-card-grid > article > .premium-icon svg {
  display: block;
  flex: 0 0 52px;
  height: 52px;
  width: 52px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

@media (max-width: 760px) {
  .v1-profile-card button,
  .v1-short-form button,
  .v1-diagnostic-form button,
  .v1-profile-form button,
  .v1-card-link {
    justify-self: stretch;
    min-width: 0;
    width: 100%;
  }

  .method-card-grid .premium-icon svg,
  .compare-card-grid > article > .premium-icon svg {
    flex-basis: 46px;
    height: 46px;
    width: 46px;
  }
}