/* Loaded after the site palette layers, only for attachment print previews. */
@page { margin: 15mm; }
html[data-palette]:has(.attachment-preview) {
    color-scheme: light !important;
    background: white !important;
    --site-color-canvas: white;
    --site-color-heading: black;
    --site-color-text: black;
    --site-color-muted: #333;
    --site-color-soft: #333;
    --site-color-accent-text: black;
    --site-color-surface: white;
    --site-color-surface-elevated: white;
    --pv-color-primary: black;
    --pv-color-text: black;
    --pv-color-muted: #333;
    --pv-color-soft: #333;
    --pv-color-accent: black;
    --pv-color-canvas: white;
    --dark-canvas: white;
    --dark-heading: black;
    --dark-text: black;
    --dark-muted: #333;
    --dark-soft: #333;
    --dark-accent: black;
}
html[data-palette] body:not(.route-home):has(.attachment-preview),
html[data-palette] body:not(.route-home):has(.attachment-preview) .site-main {
    background: white !important;
    color: black !important;
}
.reference-header, .site-header, .site-footer, .site-breadcrumbs, .back-to-top, .skip-to-content { display: none !important; }
.attachment-preview { max-width: none; padding: 0; font-size: 10pt; color: black; background: white; --site-color-heading: black; --site-color-text: black; --site-color-muted: #333; --site-color-accent-text: black; --site-color-border: #aaa; --site-color-border-strong: #aaa; --site-color-surface: white; --site-color-surface-elevated: white; --site-color-canvas: white; }
.attachment-preview :is(.result-actions,.answer-details,.method-details,.next-assessment,.attachment-reading,.factor-nav,.factor-answers,.session-dialog,.factor-detail,#incomplete-note button) { display: none !important; }
.attachment-preview .panel { background: white !important; box-shadow: none; break-inside: avoid; padding: 14px; margin: 16px 0; }
.attachment-preview .score-grid, .attachment-preview .highlight-grid { display: block; }
.attachment-preview .score-card, .attachment-preview .highlight-card { margin-bottom: 16px; }
.attachment-preview .print-reflection { display: block; font-size: 9pt; margin-top: 14px; }
.attachment-preview .result-evidence, .attachment-preview .result-meta { display: block !important; font-size: 9pt; background: white; }
.attachment-preview #map-panel { max-width: 500px; margin-inline: auto; }
.attachment-preview h1 { font-size: 24pt; }
.attachment-preview .map-style { font-size: 16px; }
.attachment-preview .map-tick { font-size: 13px; }
.attachment-preview .map-axis { font-size: 14px; }