/* print.css — print-only overrides, loaded via <link media="print">
 *
 * Loaded with media="print" so the browser never parses this for screen.
 * Every rule here is implicitly inside a print context.
 */

/* ── Page setup ── */
@page {
    size: A4;
    margin: default;
}

/* ── Hide non-content UI ── */
.lang-toggle,
.contemporarygreen,
.so-overlay {
    display: none !important;
}

video {
    display: none !important;
}

.print-poster {
    display: block !important;
    max-width: 100% !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.so-overlay {
    display: none !important;
}

/* ── Layout: let content use full page width ── */
body {
    padding: 0;
    color: #000;
    background: #fff;
}

.container,
.page {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.md-content {
    max-width: 80% !important;
}

/* ── Typography: reading-friendly ── */
body, p, li, td, th, blockquote {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.0;
}

.md-content p {
    margin-bottom: 0.65em !important;
}

.md-content li {
    margin-bottom: 0.325em !important;
}

.md-content h1, .md-content h2, .md-content h3,
.md-content h4, .md-content h5, .md-content h6 {
    margin-top: 0.65em !important;
    margin-bottom: 0.325em !important;
}

/* ── Titles: Arial Black, no rotation, black ── */
.rot2 {
    transform: none !important;
}

.header .rot2 h1,
.header .rot2 h2,
.contemporaryblack,
.contemporarymagenta {
    font-family: "Arial Black", "Arial Bold", Arial, sans-serif !important;
    color: #000 !important;
}

.md-content h1,
.md-content h2,
.md-content h3,
.md-content h4,
.md-content h5,
.md-content h6,
.w3-black h1,
.w3-black h2,
.w3-black h3,
.w3-black h4,
.w3-black h5,
.w3-black h6 {
    font-family: "Arial Black", "Arial Bold", Arial, sans-serif !important;
    color: #000 !important;
    line-height: 1.1;
}

/* ── Black boxes: keep position & color, drop shadow ── */
.w3-black {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.w3-black p,
.w3-black h1,
.w3-black h2,
.w3-black h3,
.w3-black h4,
.w3-black h5,
.w3-black h6 {
    color: #fff !important;
}

.w3-black a {
    color: #aaa !important;
}

/* ── Images: preserve layout, ensure they print ── */
img {
    max-width: 100% !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.image-group,
.img-solo,
.img-full,
.pair-container,
.pair-item,
.a5-grid-row {
    break-inside: avoid;
}

/* ── Links: don't decorate for print ── */
a {
    color: #000 !important;
    text-decoration: none !important;
}

.w3-black a {
    color: #ccc !important;
}

/* ── Prevent awkward page breaks ── */
h1, h2, h3, h4, h5, h6 {
    break-after: avoid;
}

.md-content {
    break-inside: avoid;
}

blockquote, pre, table {
    break-inside: avoid;
}