/* Print-ready event brochure – Talent & Leadership May 2026 */
@page {
    size: A4;
    margin: 10mm;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 11pt;
}

body {
    margin: 0;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    color: #1a2d3d;
    line-height: 1.45;
    background: #c5d0d8;
}

.brochure-screen-hint {
    max-width: 720px;
    margin: 0 auto;
    padding: 12px 16px;
    font-size: 13px;
    color: #072638;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
}

.brochure-screen-hint a {
    color: #0a4d6e;
    font-weight: 600;
}

.brochure {
    max-width: 210mm;
    margin: 0 auto 24px;
    background: #fff;
    box-shadow: 0 4px 24px rgba(7, 38, 56, 0.15);
}

.brochure-inner {
    padding: 16mm 18mm;
}

.brochure-cover {
    text-align: center;
    padding: 8mm 6mm 12mm;
    border-bottom: 4px solid #ffae42;
    margin: -16mm -18mm 8mm;
    padding-top: 12mm;
    background: linear-gradient(165deg, #072638 0%, #0a3d54 55%, #0d4a63 100%);
    color: #e8eef3;
}

.brochure-cover .logo {
    width: 72px;
    height: auto;
    margin-bottom: 14px;
    display: inline-block;
}

.brochure-cover h1 {
    font-size: 22pt;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 10px;
    color: #fff;
}

.brochure-cover .tagline {
    font-size: 11pt;
    opacity: 0.92;
    margin: 0 auto 16px;
    max-width: 36em;
}

.brochure-cover .when-where {
    font-size: 12pt;
    font-weight: 600;
    color: #ffae42;
    margin: 0 0 8px;
}

.brochure-cover .address {
    font-size: 10pt;
    opacity: 0.9;
    margin: 0 0 14px;
}

.brochure-cover .web {
    font-size: 9pt;
    word-break: break-all;
    opacity: 0.85;
}

.brochure-cover .web a {
    color: #ffcc70;
    text-decoration: none;
}

.brochure h2 {
    font-size: 12pt;
    font-weight: 700;
    color: #072638;
    margin: 10pt 0 6pt;
    padding-bottom: 3px;
    border-bottom: 2px solid #ffae42;
}

.brochure h2:first-of-type {
    margin-top: 0;
}

.brochure-inner > .brochure-cover + section {
    margin-top: 10pt;
}

.brochure-inner > section + section {
    margin-top: 12pt;
}

.brochure h3 {
    font-size: 10.5pt;
    font-weight: 700;
    color: #0a3d54;
    margin: 10pt 0 4pt;
}

.brochure p,
.brochure li {
    font-size: 10pt;
    margin: 0 0 5pt;
}

.brochure ol,
.brochure ul {
    margin: 0 0 5pt 1.1em;
    padding-left: 1em;
}

.brochure li {
    margin-bottom: 3pt;
}

.theme-label {
    font-weight: 700;
    font-size: 10.5pt;
    color: #072638;
    margin-bottom: 8pt;
}

.programme-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10pt;
    margin-bottom: 10pt;
}

.programme-card {
    border: 1px solid #c5d0d8;
    border-radius: 6px;
    padding: 8pt 10pt;
    background: #f4f7f9;
}

.programme-card h3 {
    margin-top: 0;
    font-size: 10pt;
    color: #072638;
}

.programme-card .subtitle {
    font-size: 9pt;
    color: #4a5568;
    margin: 4pt 0 0;
}

.speaker-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8pt 12pt;
    margin-top: 8pt;
}

.speaker-card {
    display: flex;
    align-items: flex-start;
    gap: 8pt;
    page-break-inside: avoid;
}

.speaker-card .ph {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #e8eef3;
    border: 1px solid #c5d0d8;
}

.speaker-card .ph img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.speaker-card .txt strong {
    display: block;
    font-size: 9.5pt;
    color: #072638;
    font-weight: 600;
    line-height: 1.25;
}

.speaker-card .txt .role {
    display: block;
    font-size: 8.5pt;
    color: #2d3748;
    line-height: 1.35;
    margin-top: 2px;
}

.reg-note {
    font-size: 8.5pt;
    color: #4a5568;
    margin-top: 8pt;
}

.brochure-footer {
    margin-top: 8pt;
    padding-top: 6pt;
    border-top: 1px solid #c5d0d8;
    font-size: 8pt;
    color: #718096;
    text-align: center;
}

@media print {
    body {
        background: #fff;
    }

    .brochure-screen-hint,
    .no-print {
        display: none !important;
    }

    .brochure {
        box-shadow: none;
        max-width: none;
        margin: 0;
    }

    .brochure-inner {
        padding: 0;
    }

    .brochure-cover {
        margin: 0 0 4mm;
        padding: 6mm 8mm 8mm;
        min-height: 0;
        page-break-after: auto;
        break-after: auto;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .brochure-inner > .brochure-cover + section {
        margin-top: 4pt;
    }

    .brochure-inner > section + section {
        margin-top: 6pt;
    }

    .brochure h2 {
        margin-top: 7pt;
        margin-bottom: 4pt;
    }

    .brochure h2:first-of-type {
        margin-top: 0;
    }

    .speaker-grid {
        margin-top: 4pt;
    }

    .brochure-footer {
        margin-top: 5pt;
        padding-top: 4pt;
    }

    a {
        color: #000;
        text-decoration: none;
    }

    .programme-card {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

@media screen and (max-width: 600px) {
    .programme-pair,
    .speaker-grid {
        grid-template-columns: 1fr;
    }
}