@page {
  size: A4;
  margin: 18mm 17mm 20mm;
}

html,
body {
  background: #fff !important;
  color: #000 !important;
  font-size: 10.5pt;
}

.site-header,
.skip-link,
.approach-register-shell,
.section-register,
.pathways,
.navigation-dialog {
  display: none !important;
}

main {
  overflow: visible;
}

.page-grid {
  display: block;
  width: auto;
  padding: 0;
}

.page-opening,
.home-section,
.approach-section,
.approach-map {
  display: block;
  padding-block: 0 12mm;
  margin-bottom: 12mm;
  border-bottom: 0.25pt solid #888;
}

.practice-section::before,
.precedent-section::before,
.approach-map::before,
.approach-section::before {
  display: none !important;
}

.approach-spread {
  display: block;
}

.eyebrow,
.section-label,
.content-label,
.section-marker {
  margin-bottom: 4mm;
}

h1 {
  font-size: 30pt;
}

h2 {
  margin-top: 8mm;
  font-size: 18pt;
}

h3 {
  font-size: 12pt;
}

h1,
h2,
h3 {
  break-after: avoid;
}

p,
dd {
  max-width: 68ch;
  orphans: 3;
  widows: 3;
}

.image-plate {
  height: auto;
  max-height: 78mm;
  margin-block: 7mm;
  break-inside: avoid;
}

.image-plate img {
  height: auto;
  max-height: 78mm;
  object-fit: cover;
}

.instrument-register > div,
.definition-register > div,
.remit-register li {
  break-inside: avoid;
  padding-block: 3mm;
}

.definition-register {
  display: block;
}

.site-footer {
  border-top: 0.5pt solid #000;
  background: #fff !important;
  color: #000 !important;
}

.site-footer a {
  color: #000 !important;
}

.footer-brand {
  filter: none !important;
}

.footer-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8mm;
  padding: 10mm 0 0;
}

.footer-office,
.footer-group,
.footer-legal {
  grid-column: auto !important;
}

.footer-legal {
  grid-column: 1 / -1 !important;
}

.footer-group a[href^="https://"]::after,
.footer-legal a[href^="https://"]::after {
  content: " (" attr(href) ")";
  font-family: var(--font-label);
  font-size: 7pt;
}