/* Symphony Core brand palette (brand-guides): blue #3682AE, slate #1C242B,
   light #B8D4F1, bg #F5F8FC, muted #6B7280, border #E5E7EB */

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;
  background: #F5F8FC;
  color: #1C242B;
  line-height: 1.5;
}

.site-header {
  background: linear-gradient(135deg, #1C242B 0%, #2a3a4a 100%);
  color: #fff;
  padding: 28px 24px;
  text-align: center;
}
.site-header .brand { font-size: 22px; font-weight: 700; letter-spacing: 0.5px; }
.site-header .tagline { color: #B8D4F1; font-size: 14px; margin-top: 4px; }

main { max-width: 720px; margin: 0 auto; padding: 24px 16px 64px; }

.panel, form#intake {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 28px;
  margin-top: 24px;
}
.panel h1 { font-size: 22px; margin-top: 0; }

.progress { margin-bottom: 20px; }
.progress-label { font-size: 14px; color: #6B7280; margin-bottom: 8px; }
.progress-label span { color: #1C242B; font-weight: 600; }
.progress-track { height: 6px; background: #E5E7EB; border-radius: 3px; overflow: hidden; }
.progress-bar { height: 100%; width: 20%; background: #3682AE; border-radius: 3px; transition: width 0.25s ease; }

fieldset.section { border: 0; padding: 0; margin: 0; }
fieldset.section legend { font-size: 19px; font-weight: 700; padding: 0; margin-bottom: 4px; }
.section-desc { color: #6B7280; font-size: 14px; margin-top: 0; }

.field { margin: 18px 0; }
.field label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; }
.req { color: #B91C1C; }

.field input, .field textarea {
  width: 100%;
  padding: 10px 12px;
  font: inherit;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  background: #fff;
  color: #1C242B;
}
.field input:focus, .field textarea:focus {
  outline: 2px solid #3682AE;
  outline-offset: 0;
  border-color: #3682AE;
}
.field input.invalid, .field textarea.invalid { border-color: #B91C1C; }

.help { color: #6B7280; font-size: 13px; margin: 6px 0 0; }
.conditional { color: #92600A; font-size: 13px; margin: 4px 0 0; }
.error { color: #B91C1C; font-size: 13px; margin: 6px 0 0; }

.nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 28px; }
.nav button, .panel button {
  font: inherit;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 6px;
  border: 1px solid #3682AE;
  cursor: pointer;
  background: #3682AE;
  color: #fff;
}
.nav button:hover, .panel button:hover { background: #2d6f96; }
.nav button#back { background: #fff; color: #3682AE; }
.nav button:disabled { opacity: 0.6; cursor: default; }
.nav button#next, .nav button#submit { margin-left: auto; }

.site-footer {
  text-align: center;
  color: #6B7280;
  font-size: 12px;
  padding: 16px;
}