/* ==========================================================================
   print.css — the negotiation list as a paper artifact.

   Printing is the one export that works everywhere and needs no library, no
   download and no third party. What prints is the limits-and-interests list:
   the part two people actually sit down with. Scores, charts, the comparison
   tool and the placement are all suppressed — a checklist you take to a
   conversation should not have an advertisement on it.
   ========================================================================== */

@page { margin: 18mm 16mm; }

html, body {
    background: #fff !important;
    color: #000 !important;
    font-size: 10.5pt;
}

.container { max-width: none; padding: 0; margin: 0; }

/* Everything that is not the list */
header .subtitle,
#initial-screen, #setup-screen, #quiz-area, #legacy-screen,
#results-display, #compatibility-section, #share-host,
.methodology-link, .ad-placement, .ynm-actions,
#live-region, .spinner {
    display: none !important;
}

header h1 {
    font-size: 15pt;
    margin: 0 0 2mm;
    color: #000;
}
#results-title { display: none; }

.panel-ynm { border: 0; padding: 0; margin: 0; }

.section-title { font-size: 13pt; margin: 0 0 1mm; color: #000; }
.section-lead { font-size: 9.5pt; color: #333; margin: 0 0 5mm; }

/* Sections are collapsible on screen; on paper they are all open. */
.ynm-section {
    border: 0;
    border-top: 0.4pt solid #999;
    border-radius: 0;
    background: none;
    margin: 0 0 3mm;
    padding-top: 2mm;
    break-inside: avoid;
}
.ynm-section[open], .ynm-section:not([open]) { display: block; }
.ynm-section > *:not(summary) { display: block !important; }

.ynm-summary { padding: 0 0 1mm; font-size: 11pt; font-weight: bold; }
.ynm-count { border: 0; padding: 0; color: #555; font-weight: normal; }
.ynm-hard .ynm-summary-name { color: #000; }
.ynm-hard { border-top-width: 1.2pt; border-top-color: #000; }

.ynm-group { padding: 0; break-inside: avoid; }
.ynm-group-name { font-size: 8pt; color: #555; margin: 2mm 0 1mm; letter-spacing: 0.08em; }
.ynm-item { border-bottom: 0.3pt dotted #bbb; padding: 1mm 0; }
.ynm-stem { font-size: 10pt; color: #000; }
.ynm-exp, .ynm-safety { font-size: 7.5pt; color: #555; }
.ynm-safety::before { content: '⚠ '; }

.ynm-note, .ynm-asymmetry {
    font-size: 8.5pt; color: #333; padding: 0;
    margin: 2mm 0 0; break-inside: avoid;
}

footer { border-top: 0.4pt solid #999; margin-top: 6mm; padding-top: 2mm; }
footer small { font-size: 7.5pt; color: #444; }

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