/*
 * The Charter: print stylesheet (A4). Loaded with media="print".
 * Body 9.5/13pt Source Serif 4; section colours and ochre print as greys;
 * navigation and embeds hidden, with a printed link in their place.
 */

@page { size: A4; margin: 18mm 16mm 20mm; }

:root {
  --section-westminster: var(--mid-grey);
  --section-numbers: var(--mid-grey);
  --section-numbers-text: var(--ink);
  --section-world: var(--mid-grey);
  --section-comment: var(--mid-grey);
  --section-longread: var(--mid-grey);
  --ochre: var(--mid-grey);
  --ochre-large: var(--ink);
  --ochre-text: var(--ink);
}

body { background: var(--white); font-size: var(--print-body); line-height: var(--print-leading); }
main { padding: 0; }
.container { max-inline-size: none; padding: 0; }

.skip-link, .site-nav, .footer-nav, .legend, .legend__note, .search-form, .draft-banner,
.notes, .embed__frame, .embed__facade, .embed audio, .button, .gloss__pop, .source__back,
.lead__more, .numbers-rail__more, .issue-rest__more, .download, .article__standards { display: none !important; }
.print-only { display: block; font-family: var(--font-sans); font-size: var(--print-caption); line-height: var(--print-leading-caption); overflow-wrap: anywhere; }

.rail-grid, .feature, .pair, .dense-list, .debate__sides, .debate-teaser__sides { display: block; }
.rail-grid::before, .debate__sides::before, .debate-teaser__sides::before { display: none; }
.article__head, .article__hero, .article__end, .page-head { max-inline-size: none; }

.masthead__nameplate { font-size: var(--print-masthead); }
.headline, .feature__title, .teaser__title { font-size: var(--print-headline); }
.lead__headline { font-size: var(--print-headline); }
.standfirst, .debate-teaser__position { font-size: var(--print-standfirst); line-height: var(--print-leading-standfirst); }
.crosshead, .debate__position { font-size: var(--print-crosshead); }
.byline, .kicker, .rule-heading, .sources__title, .glossary__title { font-size: var(--print-byline); }
.figure figcaption, .note, .source, .sources__intro, .embed__caption, .stat__caption, .stat__source, .corrections { font-size: var(--print-caption); line-height: var(--print-leading-caption); }
.pullquote blockquote p { font-size: var(--print-pullquote); }
.stat--hero .stat__value { font-size: var(--print-stat-hero); }

h1, h2, h3, .kicker, .rule-heading { break-after: avoid; }
.figure, .pullquote, .stat, .source, .debate__side, .why, .corrections { break-inside: avoid; }
.figure img { max-block-size: 90mm; object-fit: contain; }

a { text-decoration: none; }
.cite__link { text-decoration: none; }
.sources { break-before: auto; }