/* Printable briefing (A4). Screen view mirrors the print layout. */
@page { size: A4; margin: 16mm 14mm; }
.brief { background: #fff; color: var(--ink); font-size: 11pt; }
.brief h2 { font-size: 20pt; margin: 0 0 12pt; color: var(--plum); }
.brief__cover { background: linear-gradient(160deg, #473B48, #2D2530); color: #fff; min-height: 260mm; padding: 22mm 18mm; display: grid; grid-template-rows: auto 1fr auto auto; gap: 14mm; page-break-after: always; break-after: page; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.brief__wm { width: 52mm; height: auto; }
.brief__cover h1 { color: #fff; font-size: 40pt; line-height: 1.05; max-width: 15em; margin: 6mm 0; }
.brief__kicker { color: #F0C8C0; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-size: 10pt; margin: 0; }
.brief__sub { font-size: 14pt; color: #EADFE8; max-width: 30em; }
.brief__seal { width: 52mm; height: 52mm; justify-self: end; }
.brief__foot { color: #CFC5CD; font-size: 9pt; margin: 0; }
.brief__page { padding: 10mm 0; max-width: 182mm; margin: 0 auto; break-inside: auto; }
.brief__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6mm; margin-bottom: 12mm; }
.brief__stat { border-top: 2px solid var(--coral); padding-top: 3mm; display: flex; flex-direction: column; gap: 2mm; }
.brief__stat b { font-family: var(--serif); font-size: 26pt; color: var(--plum); font-weight: 500; line-height: 1; }
.brief__stat span { font-size: 9.5pt; }
.brief__stat small { color: var(--muted); font-size: 8pt; }
.brief__table { width: 100%; border-collapse: collapse; font-size: 9pt; }
.brief__table th { background: var(--paper-2); text-align: left; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.brief__table th, .brief__table td { padding: 2.5mm 2mm; border-bottom: 1px solid var(--line); vertical-align: top; }
.brief__table tr { break-inside: avoid; }
.brief__item { border-bottom: 1px solid var(--line); padding: 4mm 0; break-inside: avoid; }
.brief__item h3 { font-size: 13pt; margin: 1mm 0 2mm; }
.brief__item p { margin: 0 0 1.5mm; font-size: 10pt; }
.brief__type { color: var(--coral-ink); font-weight: 700; font-size: 8.5pt; text-transform: uppercase; letter-spacing: 0.06em; }
.brief__url { color: var(--muted); font-size: 8.5pt; }
.brief__end { margin-top: 8mm; color: var(--muted); font-size: 9pt; }
@media screen { .brief__cover { min-height: 100vh; } }
