.assess-page .page-head > .wrap { max-width: 58rem; }
.assess-page .page-head .doc-breadcrumb { margin-bottom: 1.5rem; }
.assess-page .page-head p:last-child { margin-bottom: 0; }
.assess-page .assess { padding-block: 2rem 3rem; }
.assess-page .assess-intro { margin-bottom: 1.5rem; }
.assess-page .assess-intro p:last-child { margin-bottom: 0; }

.assess-page .assess-section { padding-block: 0; margin-top: 2.5rem; }
.assess-page .assess-section__head { padding: 1.25rem 0 0; }
.assess-page .assess-section__head p:last-child { margin-bottom: 0; }

/* Native legends sit before the fieldset's top padding. Keep each question
   and hint together; use one margin to separate the answer groups. */
.assess-page .q {
  margin: 2rem 0 0;
  padding: 0;
  border: 0;
}
.assess-page .assess-section__head + .q { margin-top: 1.5rem; }
.assess-page .q__legend { padding: 0; }
.assess-page .q__hint { margin-top: .65rem; }
.assess-page .q--error { outline: 2px solid var(--alarm); outline-offset: .5rem; }
.assess-page .q--error .q__legend { color: var(--alarm); }

.assess-page .assessment-result { padding-block: 0; }
.assess-page .assessment-result > section {
  margin-top: 2rem;
  padding: 1.5rem 0 0;
  border-top: 1px solid var(--rule);
}
.assess-page .assessment-result > section > p:last-child,
.assess-page .assessment-result .finding-list:last-child { margin-bottom: 0; }
.assess-page .scoring { padding-block: 2.5rem; }

@media (max-width: 760px) {
  .assess-page .assess-section { margin-top: 2rem; }
}