/* New information page; existing site colours, typography and navigation stay in use. */
.quality-page #main > header { padding: 7em 1.5em 3em; }
.quality-page #main > header h1 { max-width: 25em; margin: 0 auto 1em; line-height: 1.4; }
.quality-page #main > header p { max-width: 48em; margin: 0 auto; }
.quality-content .inner > section { margin: 3rem 0; }
.quality-breadcrumb { font-size: .85em; margin-bottom: 2rem; }
.quality-header-photo { margin: 0 0 2rem; }
.quality-header-photo img { display: block; width: 100%; max-width: 600px; height: auto; border-radius: 4px; }
.quality-stage-list { display: grid; gap: 2rem; }
.quality-stage { display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: 2rem; align-items: center; }
.quality-stage img { display: block; width: 100%; max-width: 280px; height: auto; border-radius: 4px; }
.quality-stage h3 { margin-top: 0; }
.quality-stage p { margin-bottom: 0; }
.quality-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 2.5rem; }
.quality-checks > div { min-width: 0; }
.quality-checks h3 { margin-top: 0; }
.quality-checks > div > p:last-child { font-size: .9em; }
.quality-methods, .quality-examples { display: grid; gap: 1.5rem; }
.quality-methods h3, .quality-examples h3 { margin-top: 0; }
.quality-examples p { margin-bottom: .75rem; }
.quality-handover-list li { margin-bottom: 1rem; }
.quality-page details { border-top: 1px solid #dfdfdf; padding: 1rem 0; }
.quality-page summary { cursor: pointer; font-weight: 600; }
.quality-page details p { margin: 1rem 0 0; }
.quality-contact { text-align: center; }
.quality-page .button { white-space: normal; height: auto; min-height: 3.125em; line-height: 1.5; padding: .9em 1.25em; }
@media (max-width: 736px) {
  .quality-page #main > header { padding: 5.5em 1.25em 2.5em; }
  .quality-page #main > header h1 { font-size: 1.35em; letter-spacing: .1em; overflow-wrap: anywhere; }
  .quality-page #main > header p { font-size: .9em; letter-spacing: .07em; }
  .quality-stage, .quality-checks { grid-template-columns: 1fr; }
  .quality-stage { gap: 1rem; }
  .quality-content .inner > section { margin: 2.5rem 0; }
  .quality-page .button { max-width: 100%; }
}