/* Edition name, the link to the other site, and the gov holding page.
   Colour, font, spacing and focus come from the theme file. */
.brand-lockup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pt-space-lockup-row) var(--pt-space-lockup-col);
  min-width: var(--pt-space-none);
  max-width: var(--pt-size-full);
}
.edition-name {
  color: var(--pt-colour-text);
  font-family: var(--pt-font-family);
  font-size: var(--pt-font-size-edition);
  font-weight: var(--pt-font-weight-edition);
  line-height: var(--pt-line-height-edition);
  white-space: normal;
  overflow-wrap: anywhere;
}
.edition-cross {
  flex: 1 1 auto;
  min-width: var(--pt-cross-min);
  min-height: var(--pt-target-min);
  display: inline-flex;
  align-items: center;
  color: var(--pt-colour-text);
  font-family: var(--pt-font-family);
  text-decoration: underline;
  text-underline-offset: var(--pt-space-underline);
  white-space: normal;
  overflow-wrap: anywhere;
  max-width: var(--pt-size-full);
  padding: var(--pt-space-cross-block) var(--pt-space-none);
}
.edition-cross-end {
  flex: 0 1 auto;
  margin-left: auto;
}
.edition-cross:focus-visible {
  outline: var(--pt-focus-width) var(--pt-focus-style) var(--pt-focus-colour);
  outline-offset: var(--pt-focus-offset);
}
.holding {
  max-width: var(--pt-measure-holding);
  margin: var(--pt-space-none) auto;
  padding: var(--pt-space-holding-top) var(--pt-space-holding-x) var(--pt-space-holding-bottom);
  color: var(--pt-colour-text);
  font-family: var(--pt-font-family);
}
.holding h1 {
  font-size: var(--pt-font-size-holding-title);
  margin: var(--pt-space-none) var(--pt-space-none) var(--pt-space-heading-bottom);
}
.holding p {
  font-size: var(--pt-font-size-body);
  line-height: var(--pt-line-height-body);
}
.holding p a {
  color: var(--pt-colour-accent);
  text-underline-offset: var(--pt-space-underline);
}
.holding p a:focus-visible {
  outline: var(--pt-focus-width) var(--pt-focus-style) var(--pt-focus-colour);
  outline-offset: var(--pt-focus-offset);
}
html body {
  background: var(--pt-colour-bg);
  color: var(--pt-colour-text);
  font-family: var(--pt-font-family);
}
header.bar {
  background: var(--pt-colour-surface);
  gap: var(--pt-space-bar-gap);
  padding: var(--pt-space-bar-y) var(--pt-space-bar-x);
  border-bottom-width: var(--pt-border-width);
  border-bottom-style: var(--pt-border-style);
  border-bottom-color: var(--pt-colour-border);
}
a.brand {
  background: var(--pt-colour-logo);
  color: var(--pt-colour-text);
  border-radius: var(--pt-radius-logo);
  padding: var(--pt-space-logo-y) var(--pt-space-logo-x);
}
footer.site-footer {
  background: var(--pt-colour-footer);
  color: var(--pt-colour-text);
  font-family: var(--pt-font-family);
  border-top-width: var(--pt-border-width);
  border-top-style: var(--pt-border-style);
  border-top-color: var(--pt-colour-footer-line);
}
footer.site-footer-plain {
  padding: var(--pt-space-footer-y) var(--pt-space-footer-x);
}
footer.site-footer-plain p {
  margin: var(--pt-space-none);
  font-size: var(--pt-font-size-body);
  line-height: var(--pt-line-height-body);
}