/* Management summary (templates/summary.php): one A4 sheet, values as "Template Management Summary" (2026-10-20: line
   clamps + fit script, see the template; on narrow screens the sheet is scaled, never reflowed). */
@page { size: A4; margin: 0; }

:root {
	--ink: #050134;
	--accent: #c46a12;
	--line: rgba(5, 1, 52, .14);
	--muted: rgba(5, 1, 52, .8);
}
html { background: #e9e9ef; }
body { margin: 0; color: var(--ink); font-family: Montserrat, system-ui, sans-serif; font-weight: 600; -webkit-font-smoothing: antialiased; }
* { text-wrap: pretty; }
a { color: var(--ink); }
a:hover { color: #a300be; }
:focus-visible { outline: 2px solid #a300be; outline-offset: 3px; }
h1, h2, p, ol, ul, dl, dd { margin: 0; padding: 0; }
ol, ul { list-style: none; }

/* Screen toolbar (not printed). */
.bd-sum-bar { box-sizing: border-box; width: 210mm; max-width: 100%; margin: 0 auto; padding: 20px 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.bd-sum-bar__back { font: 600 14px/1.4 Montserrat, sans-serif; text-decoration: none; padding-block: 12px; }
.bd-sum-bar__back:hover { text-decoration: underline; }
.bd-sum-bar__print { min-height: 44px; border: 0; border-radius: 100px; padding: 11px 24px; background: #fa9a42; color: var(--ink); font: 700 14px Montserrat, sans-serif; cursor: pointer; transition: transform 220ms cubic-bezier(.22, .61, .36, 1); }
.bd-sum-bar__print:hover { transform: translateY(-2px); }
.bd-sum { padding: 0 16px 48px; }

/* The sheet. */
.bd-sum__page { box-sizing: border-box; width: 210mm; height: 297mm; margin: 0 auto; padding: 40px 56px 36px; display: flex; flex-direction: column; overflow: hidden; background: #fff; border-radius: 7px; box-shadow: 0 2px 10px rgba(0, 0, 0, .25); }
.bd-sum__body { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.bd-sum [hidden] { display: none !important; }
/* Line clamps of the template: lead 3, value 4, feature lines 2, rollout rows 3, about 4. */
.bd-sum__lead, .bd-sum__value p, .bd-sum__line, .bd-sum__list--roomy li, .bd-sum__about { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.bd-sum__lead, .bd-sum__list--roomy li { -webkit-line-clamp: 3; line-clamp: 3; }
.bd-sum__value p, .bd-sum__about { -webkit-line-clamp: 4; line-clamp: 4; }
.bd-sum__line { -webkit-line-clamp: 2; line-clamp: 2; }
.bd-sum__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.bd-sum__head img { display: block; width: auto; height: 28px; }
.bd-sum__kicker { font: 700 12px/1.3 Montserrat, sans-serif; letter-spacing: .07em; text-transform: uppercase; color: var(--accent); }
.bd-sum__intro .bd-sum__kicker { font-weight: 600; }
.bd-sum__kicker--muted { font-weight: 600; color: rgba(5, 1, 52, .7); }

.bd-sum__intro { padding-top: 28px; }
.bd-sum__intro h1 { margin-top: 10px; font: 700 38px/1.1 Montserrat, sans-serif; letter-spacing: -.02em; }
.bd-sum__lead { margin-top: 8px; font: 600 17px/1.5 Montserrat, sans-serif; color: rgba(5, 1, 52, .82); }

.bd-sum__value { margin-top: 14px; padding: 16px 24px; background: #f7f8f9; border-radius: 24px; }
.bd-sum__value p { margin-top: 8px; font: 600 16px/1.55 Montserrat, sans-serif; }

.bd-sum__cols { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 32px; margin-top: 16px; }
.bd-sum__col { display: flex; flex-direction: column; gap: 22px; }
/* Template Management Summary (2026-10): Trust 14px under the key features (column gap 22 − 8), 12px air below. */
.bd-sum__col > .bd-sum__trust { margin-top: -8px; padding-bottom: 12px; }
.bd-sum__cols h2 { margin-bottom: 8px; font: 700 18px/1.3 Montserrat, sans-serif; }
.bd-sum__features { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.bd-sum__features li { display: grid; grid-template-columns: 26px 1fr; gap: 4px 8px; }
.bd-sum__num { font: 700 13px/1.6 Montserrat, sans-serif; color: var(--accent); font-variant-numeric: tabular-nums; }
.bd-sum__feature { font: 700 16px/1.35 Montserrat, sans-serif; }
.bd-sum__line { margin-top: 2px; font: 600 16px/1.45 Montserrat, sans-serif; color: var(--muted); }
.bd-sum__list { display: flex; flex-direction: column; gap: 6px; font: 600 16px/1.4 Montserrat, sans-serif; color: var(--muted); }
.bd-sum__list--roomy { gap: 8px; line-height: 1.45; }
.bd-sum__list strong { font-weight: 700; color: var(--ink); }
.bd-sum__plans { border-top: 1px solid var(--line); }
.bd-sum__plans div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 16px; }
.bd-sum__plans dt { font-weight: 700; }
.bd-sum__plans dd { font-weight: 600; color: var(--muted); text-align: right; }

.bd-sum__foot { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px; align-items: start; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line); }
.bd-sum__about { margin-top: 6px; font: 600 14px/1.5 Montserrat, sans-serif; color: rgba(5, 1, 52, .82); }
.bd-sum__stats { display: grid; grid-template-columns: repeat(3, auto); justify-content: space-between; gap: 16px; }
.bd-sum__stats dt { font: 700 20px/1.1 Montserrat, sans-serif; }
.bd-sum__stats dd { margin-top: 4px; font: 600 12px/1.35 Montserrat, sans-serif; color: rgba(5, 1, 52, .75); }
.bd-sum__contact { margin-top: 12px; font: 600 13px/1.5 Montserrat, sans-serif; color: var(--muted); }
.bd-sum__contact strong { font-weight: 700; color: var(--ink); }

/* Narrow screens (docs/responsive.md): the A4 sheet scaled to the width by the inline script (zoom), toolbar on top;
   without JS the sheet scrolls sideways inside its own box, never the page. */
@media screen and (max-width: 860px) {
	.bd-sum-bar { padding: 8px 16px; }
	.bd-sum { padding: 0 16px 32px; }
	html:not(.has-fit) .bd-sum { overflow-x: auto; }
}
@media screen and (max-width: 639px) {
	.bd-sum-bar { padding: 4px 8px; }
	.bd-sum { padding: 0 8px 24px; }
	.bd-sum__page { border-radius: 4px; }
}
@media (prefers-reduced-motion: reduce) {
	.bd-sum-bar__print { transition: none; }
}

@media print {
	html, body { background: #fff; }
	.bd-sum-bar { display: none; }
	.bd-sum { padding: 0; }
	.bd-sum__page { width: 210mm; height: 297mm; margin: 0; border-radius: 0; box-shadow: none; zoom: 1 !important; }
	* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	a { text-decoration: none; }
}