:root {
    --indent: 0px;
}

* {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0;
    font-size: 11pt !important;
}

body {
    font-size: 10pt !important;
}

@page {
    size: A4;
    margin: 40pt 40pt 50pt;
}

a {
    color: black !important;
    text-decoration: none;
}

h1 {
    font-size: 22pt !important;
}

h2, h2 b, h3, h3 b, h2 button span {
    font-size: 14pt !important;
    page-break-after: avoid;
    margin: 0 0 18px;
    line-height: 1.5;
    color: var(--primaryColor);
    font-weight: 500;
}

button {
    border: 0;
}

.site-header {
    position: relative;
}

.header-inner {
    max-width: 1488px;
}

.header-logo svg g > path {
    fill: black !important;
}

.jobTitleContainer {
    margin: 64px 0 32px;
}

.job-meta {
    gap: 40px;
    margin: 0 0 32px 0;
}

.job-meta-item {
    gap: 8px;
}

.job-meta-icon, .job-meta-icon svg {
    width: 20px;
    height: 20px;
}

.job-meta-text {
    gap: 4px;
}

.job-meta-link svg {
    display: none;
}

.section--boxes {
    margin: 32px 0;
}

.contact-grid {
    grid-template-columns: 1fr;
    gap: 24px;
}

.contact-cards {
    grid-template-columns: 1fr;
}

.contact-card {
    color: #000000;
}

.contact-title, .contact-title b {
    color: var(--primaryColor);
    margin: 0 0 12px;
}

.info-box-toggle {
    display: block;
}

/* Always reveal accordion panels when printing, even if JS collapsed them
   on a small viewport (the [hidden] attribute would otherwise hide them). */
.info-box-body,
.info-box-body[hidden] {
    display: block !important;
}

.info-box-toggle-icon {
    display: none;
}

.contact-name {
    margin: 0 0 8px;
}

.contact-role {
    margin: 0 0 8px;
}

.contact-note {
    color: #000000;
}

.box-list li {
    padding-left: 16px !important;
    margin-bottom: 12px;
}

.box-list li::before {
    /* Chromium does not print background colours by default, so draw the dot
       with a border (borders always print) instead of a background fill. */
    width: 0;
    height: 0;
    top: 8px;
    background: none !important;
    border: 3px solid var(--primaryColor);
    border-radius: 50%;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.hiddenPrint {
    display: none !important;
}

.desktopOnly {
    display: none !important;
}

.printOnly {
    display: block !important;
}