/*
 * Print (loaded with media="print"): the page content only, black on white, without the site chrome,
 * buttons, ads, decoration or the interactive tools – less ink and paper.
 * The Kids printables (coloring pages, handwriting sheets) have their own rules in cero-kids/assets/css/kids.css.
 */

/* No @page margin here: the browser's default applies, and the Kids sheets keep their own (0, full A4). */

/* Light colors whatever the screen theme (the site is dark by default). */
html:root {
	color-scheme: light;
	--bg: #fff !important;
	--surface: #fff !important;
	--surface-2: #fff !important;
	--text: #000 !important;
	--muted: #333 !important;
	--border: #999 !important;
	--primary: #000 !important;
	--primary-soft: #fff !important;
	--good-soft: #fff !important;
	--bad-soft: #fff !important;
	--shadow: none !important;
	--shadow-lg: none !important;
}

body {
	background: #fff !important;
	color: #000 !important;
	font-size: 11pt;
	line-height: 1.45;
}

*, *::before, *::after {
	box-shadow: none !important;
	text-shadow: none !important;
	animation: none !important;
	transition: none !important;
}

/* Site chrome, ads, decoration. */
.skip-link,
.fc-bg,
.site-nav,
.nav-toggle,
.site-brand__section,
.site-footer,
.fc-ad,
.fc-crumbs,
.cero-views-badge,
.cero-card__media,
.cero-card__cta,
.fc-hero__stack,
#wpadminbar {
	display: none !important;
}

/* Interactive parts: they do nothing on paper. */
button,
form,
.fc-app,
.fc-toolbar,
.fc-pager,
.fc-locked,
.fc-layout__side,
.fc-dlg-toolbar,
.fc-dlg__play,
.fc-dlg__say,
.fc-dlg__reveal,
.fc-table__stroke,
.kc__tools,
.kc__actions,
.kc__nav,
.kc__hint,
.kids-locked,
.cero-comments,
.cero-rate {
	display: none !important;
}

/* Header: just the site name, as a small line above the content. */
.site-header {
	position: static !important;
	background: none !important;
	border: 0 !important;
	padding: 0 0 4mm !important;
	backdrop-filter: none !important;
}
.site-header__inner { display: block !important; min-height: 0 !important; padding: 0 !important; }
.site-brand__mark,
.site-brand img { display: none !important; }
.site-brand__name { font-size: 9pt; font-weight: 600; color: #333; }

/* One column, full width. */
.container,
.site-main,
.fc-page {
	max-width: none !important;
	width: auto !important;
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.fc-layout { display: block !important; }

/* Cards and boxes: a thin outline instead of filled backgrounds. */
.cero-card,
.fc-lang-tile,
.fc-deck-tile,
.kids-tile,
.fc-dlg {
	background: none !important;
	border: 1px solid #bbb !important;
	transform: none !important;
	break-inside: avoid;
}
.cero-services .cero-grid,
.cero-grid {
	grid-template-columns: repeat(2, 1fr) !important;
}

/* Text. */
a { color: #000 !important; text-decoration: underline; }
h1, h2, h3 { color: #000 !important; break-after: avoid; }
h1 { font-size: 18pt; }
h2 { font-size: 14pt; }
p, li { orphans: 3; widows: 3; }

/* Full address after links in articles. */
.entry-content a[href^="http"]::after {
	content: " (" attr(href) ")";
	font-size: 8.5pt;
	color: #333;
	word-break: break-all;
}

/* Word lists: whole rows, header repeated on each page. */
.fc-table-wrap { overflow: visible !important; }
.fc-table { width: 100% !important; border-collapse: collapse; font-size: 10pt; }
.fc-table thead { display: table-header-group; }
.fc-table tr { break-inside: avoid; }
.fc-table th,
.fc-table td { border-bottom: 1px solid #ccc !important; background: none !important; padding: 3pt 5pt !important; }
.fc-table__pic img { width: 28px !important; height: 28px !important; }
.fc-table td,
.fc-table td *,
.fc-table th { color: #000 !important; }
.fc-table td.fc-table__term,
.fc-table td.fc-table__reading { font-size: 13pt !important; line-height: 1.3 !important; }
.fc-table td.fc-table__reading,
.fc-table__reading-text { white-space: nowrap !important; }

/* Colored accents (language colors, card lines) in grey/black: no color ink. */
.fc-page__native,
.fc-page__subtitle,
.cero-card__meta,
.fc-lang-tile__cta,
.kids-tile__vi,
.fc-dlg__reading,
.fc-dlg__roman,
.fc-dlg__en,
.fc-dlg__vi { color: #333 !important; }

/* Conversations: each dialogue on one page where possible. */
.fc-dlg__bubble { background: none !important; border: 1px solid #ccc !important; }

img, svg, video { max-width: 100% !important; break-inside: avoid; }