/* Shared Site-book tokens over the preserved voice-AI service composition. */
.sewes-voice-page {
  --side: var(--sds-gutter);
  --section-space: var(--sds-section-pad);
  --navy: var(--sds-navy);
  --muted: var(--sds-muted);
  --muted-warm: var(--sds-muted-on-warm);
  --teal: var(--sds-teal);
  --teal-functional: var(--sds-teal-functional);
  --orange: var(--sds-orange);
  --orange-small: var(--sds-orange-small);
  --warm: var(--sds-warm);
  --paper: var(--sds-paper);
  --border: var(--sds-border);
}

.sewes-voice-page .shell {
  width: min(var(--sds-content-max), calc(100% - 2 * var(--sds-gutter)));
}

/* The first label follows the same 24px desktop top rhythm as the homepage. */
.sewes-voice-page .hero-content { padding-top: 24px; }

/* Show the Owner's landscape artwork whole, inside the shared content container. */
.sewes-voice-page .hero-picture {
  height: auto;
  min-height: 0;
  margin-inline: 0;
  align-self: center;
}
.sewes-voice-page .hero-picture img {
  position: relative;
  display: block;
  height: auto;
  object-fit: contain;
}
.sewes-voice-page .hero-picture::after { display: none; }

/* Keep the approved three-line phrase intact even when the visitor has Segoe Print. */
.sewes-voice-page .hand-note {
  flex: 0 0 auto;
  width: max-content;
  max-width: none;
  font-family: var(--sds-slogan-font);
  font-size: var(--sds-slogan-size);
  font-style: italic;
  line-height: 1.2;
  text-align: center;
  white-space: pre;
  overflow-wrap: normal;
  word-break: normal;
}

@media (min-width: 1200px) {
  .sewes-voice-page .hand-note { margin-right: clamp(42px, 3.5vw, 56px); }
}

@media (max-width: 1199px) and (min-width: 600px) {
  .sewes-voice-page .problems .section-heading-row { display: block; }
  .sewes-voice-page .hand-note { margin: 24px auto 0; }
}

.sewes-voice-page .primary-cta {
  min-height: var(--sds-cta-h);
  font-size: 20px;
}

.sewes-voice-page .sds-section-label {
  font-family: var(--sds-font);
  font-size: var(--sds-section-label-desktop);
  letter-spacing: var(--sds-section-label-tracking);
}

@media (max-width: 599px) {
  .sewes-voice-page .sds-section-label { font-size: var(--sds-section-label-mobile); }
}
