/* ===== F13 KNOWLEDGE BASE — PRINT STYLESHEET ===== */

@page {
    size: A4;
    margin: 30mm 25mm 25mm 25mm;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
    color: #243752;
    background: #fff;
    line-height: 1.6;
}

/* Hide UI elements */
header, .sidebar, .hamburger, .sidebar-bottom,
.edit-link, .edit-bar, .tag-list, .pagination,
.admin-form button, .btn, footer {
    display: none !important;
}

.layout { display: block; }
.content { margin-left: 0 !important; }
main { max-width: 100%; padding: 0; }

/* ===== PRINT HEADER ===== */
.print-header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 20mm;
    padding-bottom: 3mm;
    border-bottom: 0.5pt solid #C7C7C7;
}

.print-header-logo {
    height: 14mm;
}

/* ===== PRINT FOOTER ===== */
.print-footer {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10mm;
    padding-top: 3mm;
    border-top: 0.5pt solid #C7C7C7;
    font-size: 8pt;
    color: #575756;
    text-align: right;
}

/* ===== PRINT WATERMARK ===== */
.print-watermark {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.04;
    z-index: -1;
    pointer-events: none;
}

.print-watermark img {
    width: 60mm;
}

/* ===== CONTENT OFFSET (avoid overlap with fixed header/footer) ===== */
.content {
    margin-top: 22mm;
    margin-bottom: 12mm;
}

/* Typography */
h1 { font-size: 18pt; font-weight: 700; }
h2 { font-size: 16pt; font-weight: 400; }
h3 { font-size: 11pt; font-weight: 400; }

.article-body { text-align: justify; }
.article-body p { margin: 6pt 0; }

/* Images */
.kb-file-image img { max-width: 100%; }
.kb-file-image figcaption { font-size: 9pt; font-style: italic; }

/* Tables */
.article-body table { border-collapse: collapse; width: 100%; }
.article-body th, .article-body td { border: 1px solid #C7C7C7; padding: 4pt 8pt; }

/* Code blocks */
.article-body pre { border: 1px solid #C7C7C7; padding: 8pt; }

/* Links — show URL */
a[href]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #575756; }
a[href^="/"]::after, a[href^="#"]::after { content: ""; }

/* Page breaks */
h1, h2 { page-break-after: avoid; }
table, pre, figure { page-break-inside: avoid; }