/* Šablony dokumentů · A4, jednotné záhlaví */
:root{
	--navy:#071E3D;
	--ink:#14243A;
	--mute:#5E6E82;
	--rule:#D5DBE3;
	--gold:#A9822F;
	--paper:#fff
}
*{
	box-sizing:border-box;
	margin:0;
	padding:0
}
body{
	background:#E4E6EA;
	color:var(--ink);
	font:10.5pt/1.5 Inter,system-ui,sans-serif;
	-webkit-font-smoothing:antialiased
}
img{
	display:block
}

.toolbar{
	position:sticky;
	top:0;
	z-index:5;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:12px;
	padding:12px 20px;
	background:var(--navy);
	color:#F4F1EA;
	font:500 14px/1 Inter
}
.toolbar a{
	color:inherit;
	text-decoration:none;
	opacity:.85
}
.toolbar button{
	font:600 14px/1 Inter;
	background:#FFE100;
	color:var(--navy);
	border:0;
	border-radius:999px;
	padding:11px 20px;
	cursor:pointer
}

.sheet{
	width:210mm;
	min-height:297mm;
	margin:24px auto;
	background:var(--paper);
	padding:16mm 18mm 14mm;
	box-shadow:0 10px 40px -12px rgba(7,30,61,.35);
	display:flex;
	flex-direction:column
}
.sheet+.sheet{
	margin-top:24px
}

/* záhlaví */
.dh{
	display:grid;
	grid-template-columns:auto 1fr auto auto;
	gap:5mm;
	align-items:center;
	padding-bottom:5mm;
	border-bottom:1.4pt solid var(--navy)
}
.dh .s{
	width:17mm;
	height:17mm;
	border-radius:2mm
}
.dh .ev{
	font:600 8pt/1.35 Inter;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--navy)
}
.dh .ev span{
	display:block;
	font-weight:500;
	letter-spacing:.02em;
	text-transform:none;
	color:var(--mute);
	font-size:8.5pt;
	margin-top:1mm
}
.dh .z{
	width:12mm
}
.dh .c{
	height:9mm;
	width:auto
}
.dt{
	margin:9mm 0 7mm
}
.dt small{
	font:600 8pt/1 Inter;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--gold)
}
.dt h1{
	font:800 30pt/1.02 "Hepta Slab",serif;
	letter-spacing:-.025em;
	color:var(--navy);
	margin-top:2.5mm
}

/* zápatí */
.df{
	margin-top:auto;
	padding-top:5mm;
	border-top:.6pt solid var(--rule);
	display:flex;
	justify-content:space-between;
	gap:6mm;
	font-size:8pt;
	color:var(--mute)
}
.df b{
	color:var(--navy);
	font-weight:600
}
.body{
	flex:1;
	padding-bottom:5mm
}
.tight h2{
	margin:4.5mm 0 1.5mm
}
.tight .quote{
	font-size:12pt;
	margin:2mm 0 3mm;
	padding:3mm 0 3mm 5mm
}
.tight{
	font-size:10pt
}
.tight .lead{
	font-size:11.5pt
}
.tight .dt{
	margin:7mm 0 5mm
}

/* obsah */
h2{
	font:800 13pt/1.2 "Hepta Slab";
	color:var(--navy);
	letter-spacing:-.01em;
	margin:6mm 0 2mm
}
h2:first-child{
	margin-top:0
}
p+p{
	margin-top:2.5mm
}
.lead{
	font-size:12.5pt;
	line-height:1.45;
	color:var(--navy)
}
.draft{
	border-left:2pt solid #FFE100;
	background:#FFFBE0;
	padding:3mm 4mm;
	font-size:9pt;
	margin-bottom:6mm
}
.rules{
	list-style:none;
	counter-reset:r;
}
.rules li{
	counter-increment:r;
	break-inside:avoid;
	margin-top: 30px;
}
.rules li h2{
	margin:0 0 1.5mm;
	display:flex;
	gap:2.5mm
}
.rules li h2::before{
	content:counter(r,decimal-leading-zero);
	font:600 9pt/1.6 "Hepta Slab";
	color:var(--gold)
}
.rules p{
	font-size:9.6pt
}
.quote{
	font:600 13pt/1.45 "Hepta Slab";
	color:var(--navy);
	padding:4mm 0 4mm 5mm;
	border-left:2pt solid var(--navy);
	margin:3mm 0 5mm
}
.ph{
	background:#EEF2F7;
	border-radius:1mm;
	padding:0 1.5mm;
	color:var(--mute)
}

table{
	width:100%;
	border-collapse:collapse;
	font-size:9.4pt
}
caption{
	text-align:left;
	font:800 11pt/1 "Hepta Slab";
	color:var(--navy);
	padding-bottom:2.5mm
}
th{
	font:600 7.5pt/1 Inter;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--mute);
	text-align:center;
	padding:2mm 1.5mm;
	border-bottom:1pt solid var(--navy)
}
td{
	padding:0 1.5mm;
	height:7.6mm;
	border-bottom:.6pt solid var(--rule);
	text-align:center
}
td.l,th.l{
	text-align:left
}
td.mut{
	color:var(--mute);
	width:14mm
}
.two{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8mm
}
.gap{
	height:7mm
}
.sign{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12mm;
	margin-top:8mm
}
.sign div{
	border-top:.8pt solid var(--ink);
	padding-top:2mm;
	font-size:8.5pt;
	color:var(--mute)
}
.qrbox{
	display:grid;
	grid-template-columns:34mm 1fr;
	gap:7mm;
	align-items:center;
	margin:2mm 0 3mm
}
.qrbox img{
	width:34mm;
	height:34mm
}
dl.kv{
	display:grid;
	grid-template-columns:auto 1fr;
	gap:1.6mm 6mm
}
dl.kv dt{
	color:var(--mute)
}
dl.kv dd{
	font-weight:600;
	color:var(--navy)
}
.meta{
	display:flex;
	justify-content:space-between;
	font-size:9pt;
	color:var(--mute);
	margin-bottom:5mm
}

@page{
	size:A4;
	margin:0
}
@media print{
	body{
		background:#fff
	}
	.toolbar{
		display:none
	}
	.sheet{
		margin:0;
		box-shadow:none;
		break-after:page
	}
	.sheet:last-child{
		break-after:auto
	}
}
@media screen and (max-width:820px){
	.sheet{
		width:auto;
		min-height:0;
		margin:12px;
		padding:20px
	}
	.rules,.two{
		grid-template-columns:1fr
	}
	.dh{
		grid-template-columns:auto 1fr auto
	}
	.dh .z{
		display:none
	}
}
.tight .two{
	margin-top:1mm
}