/*
 * MerchWorthy shared UI parameters
 * Canonical source for reusable FAQ and project-brief typography.
 * Page-specific styles may control layout, but must not override these values.
 */
:root {
  --mw-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mw-faq-question-size-mobile: 16px;
  --mw-faq-question-weight-mobile: 820;
  --mw-faq-question-line-mobile: 1.58;
  --mw-form-heading-size-mobile: 25px;
  --mw-form-heading-weight-mobile: 800;
  --mw-form-heading-line-mobile: 1.15;
  --mw-form-intro-size-mobile: 16px;
  --mw-form-intro-line-mobile: 1.58;
  --mw-field-label-size-mobile: 11px;
  --mw-field-label-weight-mobile: 900;
  --mw-field-label-line-mobile: 1.2;
  --mw-input-size-mobile: 16px;
  --mw-input-line-mobile: 1.58;
  --mw-response-label-size-mobile: 10px;
  --mw-response-label-weight-mobile: 900;
}

@media (max-width: 900px) {
  body {
    font-family: var(--mw-font-sans);
  }

  .faq {
    border-top: 0;
  }

  .faq details {
    padding: 21px 0;
    border-top: 1px solid var(--line, #d5cfc3);
    border-bottom: 0;
  }

  .faq details:last-child {
    border-bottom: 1px solid var(--line, #d5cfc3);
  }

  .faq summary {
    padding: 0 34px 0 0;
    font-family: var(--mw-font-sans);
    font-size: var(--mw-faq-question-size-mobile);
    font-weight: var(--mw-faq-question-weight-mobile);
    line-height: var(--mw-faq-question-line-mobile);
    letter-spacing: 0;
  }

  .faq summary::after {
    top: -5px;
  }

  .faq .answer {
    padding: 14px 42px 0 0;
    font-family: var(--mw-font-sans);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.58;
  }

  .brief-form h3 {
    font-family: var(--mw-font-sans);
    font-size: var(--mw-form-heading-size-mobile);
    font-weight: var(--mw-form-heading-weight-mobile);
    line-height: var(--mw-form-heading-line-mobile);
    letter-spacing: -0.03em;
  }

  .brief-form .form-intro,
  .brief-form > .form-intro {
    font-family: var(--mw-font-sans);
    font-size: var(--mw-form-intro-size-mobile);
    font-weight: 400;
    line-height: var(--mw-form-intro-line-mobile);
  }

  .brief-form .field label {
    font-family: var(--mw-font-sans);
    font-size: var(--mw-field-label-size-mobile);
    font-weight: var(--mw-field-label-weight-mobile);
    line-height: var(--mw-field-label-line-mobile);
    letter-spacing: 0.1em;
  }

  .brief-form .field input,
  .brief-form .field select,
  .brief-form .field textarea {
    font-family: var(--mw-font-sans);
    font-size: var(--mw-input-size-mobile);
    font-weight: 400;
    line-height: var(--mw-input-line-mobile);
  }

  .brief-form .response-promise span {
    font-family: var(--mw-font-sans);
    font-size: var(--mw-response-label-size-mobile);
    font-weight: var(--mw-response-label-weight-mobile);
    line-height: 1.2;
    letter-spacing: 0.12em;
  }
}