.diagnostic-shell { max-width: 860px; }
.diagnostic-shell > .eg-eyebrow { margin: 0 0 .85rem; }
.diagnostic-shell > h1 { margin: 0 0 1.25rem; }
.diagnostic-shell > p:not(.eg-eyebrow):not(.diagnostic-review) { margin: 0 0 .85rem; line-height: 1.6; }
.diagnostic-shell > .diagnostic-review { margin: 1.25rem 0 1.5rem; padding: .85rem 1rem; border-left: 4px solid #4F8F6A; background: #fff; line-height: 1.5; }
#people-diagnostic { display: block; }
#diagnostic-progress { margin: 0 0 .75rem; font-size: .875rem; font-weight: 700; color: var(--eg-ink-soft); }
#people-diagnostic .diagnostic-step { display: block; border: 0; padding: 0; margin: 0; min-width: 0; }
#people-diagnostic .diagnostic-step > legend { padding: 0; margin: 0 0 1.5rem; font-size: 1.4rem; line-height: 1.3; font-weight: 750; }
#people-diagnostic .diagnostic-question { display: block; border: 0; padding: 0; margin: 0 0 1.7rem; min-width: 0; }
#people-diagnostic .diagnostic-question > legend { padding: 0; margin: 0 0 .4rem; font-size: 1.05rem; line-height: 1.45; font-weight: 700; }
#people-diagnostic .diagnostic-help { margin: 0 0 .55rem; font-size: .925rem; line-height: 1.5; color: var(--eg-ink-soft); }
#people-diagnostic .diagnostic-help:empty { display: none; }
.diagnostic-options { display: grid; gap: .125rem; margin: .15rem 0 0; }
#people-diagnostic .diagnostic-option { display: flex; gap: .65rem; align-items: flex-start; min-height: 44px; box-sizing: border-box; margin: 0; padding: .55rem .5rem; border-radius: var(--eg-radius-sm); font-size: 1rem; line-height: 1.4; font-weight: 400; cursor: pointer; }
#people-diagnostic .diagnostic-option:hover { background: #f1f5f1; }
#people-diagnostic .diagnostic-option:focus-within { background: #f1f5f1; }
#people-diagnostic .diagnostic-option input { flex: 0 0 1.2rem; width: 1.2rem; min-width: 1.2rem; height: 1.2rem; min-height: 1.2rem; padding: 0; margin: .1rem 0 0; accent-color: #2a6148; }
#people-diagnostic .diagnostic-option span { flex: 1; min-width: 0; }
#people-diagnostic .diagnostic-inline-conditional { margin: .25rem .5rem .65rem 2.35rem; padding: .5rem 0 .1rem; }
#people-diagnostic .diagnostic-inline-conditional > legend { font-size: 1rem; }
.diagnostic-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.25rem; }
#people-diagnostic .site-form__notice { margin: .25rem 0 1rem; font-size: .875rem; }
#people-diagnostic .site-form__error { margin: .45rem 0 0; font-size: .925rem; }
.diagnostic-question textarea, .diagnostic-question input:not([type=radio]):not([type=checkbox]) { width: 100%; }
.diagnostic-shell [hidden] { display: none !important; }
#people-diagnostic [aria-invalid=true] { outline: 2px solid #9c3030; outline-offset: 3px; }
#diagnostic-status { margin: .85rem 0 0; }
#diagnostic-status:empty { display: none; }
@media (max-width: 600px) {
  .diagnostic-shell { padding: 0 1rem; }
  #people-diagnostic { padding: 1.25rem; }
  .diagnostic-actions button { width: 100%; }
  #people-diagnostic .diagnostic-step > legend { font-size: 1.25rem; }
  #people-diagnostic .diagnostic-question > legend { font-size: 1rem; }
}