/* F27-05 pilot: this stylesheet is loaded only by Contact, Care and Help.
   Tokens belong to the opted-in content wrapper; shared chrome is untouched. */
.f27-light {
  --pilot-canvas: #F8F9FA;
  --pilot-surface: #F1F3F5;
  --pilot-field: #F0F2F4;
  --pilot-rule: rgba(29, 31, 35, .10);
  background-color: var(--pilot-canvas);
  background-image: none;
}

/* Contact: an open form aligned with its introduction. */
.f27-light--contact #contact-form .form-wrap {
  max-width: 960px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.f27-light--contact #contact-form .calink-input {
  min-height: 48px;
  border: 1px solid #848C95;
  border-radius: 12px;
  background-color: var(--pilot-field);
  padding: 12px 16px;
  font-size: 16px;
  line-height: 1.5;
}
.f27-light--contact #contact-form textarea.calink-input {
  min-height: 128px;
  resize: vertical;
}
.f27-light--contact #contact-form .calink-input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(255, 59, 48, .12);
}
.f27-light--contact #contact-form .calink-input:user-invalid {
  border-color: #A92E27;
}
.f27-light--contact #contact-form .calink-input:user-invalid:focus {
  box-shadow: 0 0 0 3px rgba(169, 46, 39, .15);
}

/* Care: keep the approved mobile grid; only change the surface and status space. */
.f27-light--care .care-protection-lines > .feature-line {
  background: transparent;
  border-color: var(--pilot-rule);
}
.f27-light--care .empty-state {
  padding: 40px 0;
  border-top-color: var(--pilot-rule);
  border-bottom: 0;
}
@media (max-width: 768px) {
  .f27-light--care .empty-state { padding: 32px 0; }
}

/* Help: retain useful guide groups; keep FAQ as an open list. */
.f27-light--help #getting-started .card-dark,
.f27-light--help #getting-started .card-dark:hover {
  background: var(--pilot-surface);
  border-color: transparent;
  border-radius: 16px;
  box-shadow: none;
  transform: none;
}
.f27-light--help #getting-started .spec-tbd {
  border-bottom: 0;
}
.f27-light--help #faq .faq-item {
  background: transparent;
  border-color: var(--pilot-rule);
}
.f27-light--help #faq .faq-question { min-height: 48px; }
.f27-light--help #faq .faq-answer { max-width: 72ch; }
.f27-light--help #faq .faq-item.open .faq-answer {
  max-height: none;
}
@media (max-width: 768px) {
  /* The existing inline guide padding is 28px; change only this pilot's cards. */
  .f27-light--help #getting-started .card-dark { padding: 24px !important; }
}