/* Shared layout; measurements and colours match the original site. */
body {
  margin: 0;
  padding: 48px 0 30px;
  font: 80%/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #373737;
  background: #678899;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.page { width: 978px; margin: auto; border: 1px solid #b2b2b2; border-top: 0; }
a { color: #1982d1; text-decoration: none; overflow-wrap: break-word; }
a:hover { text-decoration: underline; }
.languages {
  position: fixed; top: 0; z-index: 1;
  width: 918px; height: 48px; padding: 0 30px; margin-left: -1px;
  border: 1px solid #b2b2b2; border-top: 0; border-bottom-color: white;
  background: rgba(202,53,62,.94); display: flex;
}
.languages a { padding: 14px 20px; color: white; text-transform: uppercase; background: rgba(202,53,62,.94); }
.languages a:hover { background: white; color: #1982d1; text-decoration: none; }
.selected { font-weight: bold; }
header { padding: 0 30px 5px; background: white; }
.logo { display: block; padding-top: 5px; line-height: 0; }
.logo img { border: 0; }
h1 { margin: 0 0 5px; padding-top: 12.8px; font-size: 2.35em; line-height: 1.4; }
h1 a { color: inherit; text-decoration: none !important; }
.breadcrumb { padding: 15px 30px; background: white url(assets/horizontal-line.png) bottom repeat-x; }
.breadcrumb a, .breadcrumb span { padding: 0 5px; }
.content { display: grid; grid-template-columns: 200px 503px; padding: 30px; background: white url(assets/content-bg-lines.png) center repeat-y; }
aside { line-height: 1.6; font-weight: bold; }
aside::before { content: "›"; padding-right: 5px; }
aside [aria-current] { color: inherit; }
main { min-width: 0; padding: 0 15px 30px 30px; }
h2 { margin: 0 0 10px; font-size: 1.9em; line-height: normal; color: rgba(202,53,62,.94); }
p { margin: 0 0 10px; }
ul, ol { margin: 0 0 10px 25px; padding: 0; }
li { margin: 0; padding: 0; list-style: square; }
.justify { text-align: justify; }
@media print {
  body { padding: 0; background: white; color: black; }
  .page { width: auto; border: 0; }
  .languages, .breadcrumb, aside { display: none; }
  .content { display: block; padding: 20px 0; background: white; }
  main { padding: 0; }
}
