/* ══════════════════════════════════════════════
   PRINT STYLESHEET  ·  A4 clean single-column
══════════════════════════════════════════════ */

/* ─── Page setup ─── */
@page {
    size: A4;
    margin: 15mm 15mm 20mm;
}

body {
    font-size: 10pt;
    color: #333333;
    background: white;
    font-family: inherit;
}

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

li, p {
    page-break-inside: avoid;
}

/* Suppress browser default "print href after links" */
a::after {
    content: none !important;
}

.hero-meta-link {
    color: #333333;
}

/* ─── Remove container width constraints ─── */
.container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ─── Hide everything that shouldn't print ─── */
.no-print,
.site-header .header-center,
.site-header .header-actions,
.hero-image,
.hero-overlay,
.hero-content .btn,
.benefits-section,
.cta-banner,
.video-section,
.similar-jobs,
.footer,
.share-drawer-panel,
.share-drawer-backdrop,
.contact-modal,
.help-btn,
.contact-card-image,
.contact-social,
.link-maps,
.contact-card:first-child,
.stats-row,
.about-section .btn,
.grecaptcha-badge {
    display: none !important;
}

/* ─── Header: logo only ─── */
.site-header {
    position: static !important;
    box-shadow: none !important;
    border-bottom: none;
    padding: 0;
}

.header-inner {
    height: auto !important;
    margin: 0 !important;
    padding: 10pt 0 8pt !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 0 !important;
}

.header-logo img {
    height: 28pt !important;
    margin: 0 !important;
}

/* ─── Hero: title + meta only, no backgrounds ─── */
.hero {
    background: none !important;
    background-color: transparent !important;
    min-height: 0 !important;
    overflow: visible !important;
    display: block !important;
    padding: 12pt 0 14pt;
    border-bottom: 1px solid #cccccc;
}

.hero-inner {
    display: block !important;
    min-height: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hero-content {
    background-color: transparent !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    gap: 6pt !important;
}

.hero-content h1 {
    font-size: 22pt !important;
    line-height: 28pt !important;
    color: #333333 !important;
    margin: 0 0 4pt !important;
}

.hero-meta {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 24pt !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.hero-meta-item {
    color: #333333 !important;
    font-size: 9pt !important;
    font-weight: 400 !important;
    gap: 0 !important;
}

.hero-meta-item svg,
.hero-meta-link svg {
    display: none !important;
}

/* ─── Job details: single column ─── */
.job-details {
    padding: 14pt 0 8pt !important;
    border-top: none !important;
}

.job-details-inner {
    display: block !important;
}

.job-column {
    display: block !important;
    gap: 0 !important;
}

.job-column + .job-column {
    padding-top: 10pt;
    border-top: 1px solid #cccccc;
}

.job-column h2 {
    font-size: 11pt !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 0 0 6pt !important;
}

/* Sub-headings rendered from ATS HTML (b, strong, h3 etc.) */
.job-column h3,
.job-column b,
.job-column strong {
    font-size: 10pt !important;
    color: #333333 !important;
}

.job-column p {
    font-size: 10pt !important;
    line-height: 14pt !important;
    color: #333333 !important;
    margin: 0 0 3pt !important;
}

.job-column ul {
    list-style: disc !important;
    padding-left: 14pt !important;
    margin: 0 0 6pt !important;
    display: block !important;
    gap: 0 !important;
}

.job-column li {
    list-style: disc !important;
    font-size: 10pt !important;
    line-height: 14pt !important;
    color: #333333 !important;
    padding-left: 0 !important;
    margin-bottom: 2pt !important;
    position: static !important;
}

/* Hide custom circle bullets from screen stylesheet */
.job-column li::before {
    display: none !important;
    content: none !important;
}

/* ─── Benefits: heading + plain text list ─── */
.benefits-section {
    padding: 12pt 0 8pt !important;
    border-top: 1px solid #cccccc;
}

.benefits-section .container {
    gap: 6pt !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.benefits-section h2 {
    font-size: 11pt !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 0 0 4pt !important;
}

/* Turn the carousel into a simple block list */
.benefits-carousel {
    display: block !important;
}

.benefit-card {
    background: none !important;
    color: #333333 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
    display: block !important;
    cursor: default !important;
}

.benefit-card::before,
.benefit-card::after {
    display: none !important;
    content: none !important;
}

.benefit-card-body {
    font-size: 10pt !important;
    line-height: 14pt !important;
    color: #333333 !important;
    padding-left: 12pt !important;
    position: relative;
    margin-bottom: 1pt !important;
}

.benefit-card-body::before {
    content: "•";
    position: absolute;
    left: 2pt;
    color: #333333;
}

/* Hide any inner HTML that Slick injects */
.slick-track,
.slick-list {
    transform: none !important;
    position: static !important;
    width: auto !important;
    display: block !important;
    padding: 0 !important;
}

.slick-slide {
    height: auto !important;
    float: none !important;
    display: block !important;
    width: auto !important;
}

/* ─── About KPMG ─── */
.about-section {
    display: block !important;
    padding: 12pt 0 8pt !important;
    border-top: 1px solid #cccccc;
}

.about-inner {
    gap: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.about-inner h2 {
    font-size: 11pt !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 0 0 4pt !important;
}

.about-content {
    padding: 0 !important;
    background: none !important;
}

.about-content p {
    font-size: 10pt !important;
    line-height: 14pt !important;
    color: #333333 !important;
    margin: 0 !important;
}


/* ─── Contact section: plain text ─── */
.contact-section {
    background: none !important;
    background-color: transparent !important;
    padding: 12pt 0 0 !important;
    border-top: 1px solid #cccccc;
}

.contact-section > .container {
    gap: 4pt !important;
    display: flex !important;
    flex-direction: column !important;
}

.contact-section > .container > h2 {
    font-size: 11pt !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 0 0 4pt !important;
}

.contact-grid {
    border: none !important;
    display: block !important;
}

.contact-card {
    overflow: visible !important;
    background: none !important;
    position: static !important;
}

.contact-card-body {
    padding: 0 !important;
    gap: 1pt !important;
    display: block !important;
    background: none !important;
}

.contact-card-body h3 {
    font-size: 10pt !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.contact-title {
    font-size: 10pt !important;
    font-weight: 400 !important;
    color: #333333 !important;
    margin: 0 !important;
}

.contact-recruiter-phone {
    display: block !important;
    font-size: 10pt !important;
    color: #333333 !important;
    margin: 0 !important;
}