/* Stránky knížky: A5 na výšku, okraj u hřbetu 18 mm. Stejné styly pro náhled i tisk. */
@page { size: 148mm 210mm; margin: 0; }

.list {
  --ink: #5a3e2b; --karamel: #c08a57; --terakota: #b5654a; --linka-k: #dccdb6; --tlumena: #8c735e; --krem: #fdfaf5;
  width: 148mm; height: 210mm; position: relative; overflow: hidden; box-sizing: border-box;
  display: flex; flex-direction: column; background: #fff; color: var(--ink);
  font: 400 10pt/1.4 "Lora", Georgia, serif;
  -webkit-print-color-adjust: exact; print-color-adjust: exact; page-break-after: always;
}
.list * { box-sizing: border-box; }
.list.prava { padding: 13mm 13mm 14mm 18mm; }
.list.leva { padding: 13mm 18mm 14mm 13mm; }
.list > * { flex-shrink: 0; }
.list p { margin: 0 0 3.2mm; }
.list p:last-child { margin-bottom: 0; }

.list .cislo { position: absolute; bottom: 7mm; font: 400 7pt "Poppins", sans-serif; color: var(--tlumena); letter-spacing: .5pt; }
.list.prava .cislo { right: 13mm; }
.list.leva .cislo { left: 13mm; }

.list .stitek { font: 500 6.6pt/1.4 "Poppins", sans-serif; letter-spacing: 1.6pt; text-transform: uppercase; color: var(--karamel); }
.list .stitek.tema { font-size: 7.6pt; margin-top: 3mm; color: var(--terakota); }
.list h1 { font: italic 500 30pt/1.1 "Lora", Georgia, serif; margin: 0; text-wrap: balance; }
.list h2 { font: 600 17pt/1.2 "Lora", Georgia, serif; margin: 0 0 2mm; }
.list .kurziva { font-style: italic; font-weight: 500; }
.list .na-stred { text-align: center; }
.list .uvod { font-size: 10.5pt; line-height: 1.55; }
.list .drobne { font-size: 8.6pt; color: var(--tlumena); font-style: italic; }
.list .hlava { display: flex; justify-content: space-between; align-items: flex-start; }
.list .stred-vyska { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.list .zlata-linka { width: 22mm; height: 0.6pt; background: #c9a24f; margin: 7mm auto 5mm; }

.list .linky { flex: 1 1 0; min-height: 8mm; overflow: hidden; }
.list .linky div { height: 7.6mm; border-bottom: 0.6pt solid var(--linka-k); }

.list .ikona { display: block; flex: none; }
.list .rada-ikon { display: flex; justify-content: center; align-items: flex-end; gap: 4mm; }

.list .myslenka { font-style: italic; font-size: 12.5pt; line-height: 1.45; text-align: center; margin: 6mm 4mm 7mm; }
.list .myslenka .ozdoba { display: block; color: var(--karamel); font-style: normal; font-size: 9pt; letter-spacing: 4pt; margin-bottom: 2mm; }
.list .otazka-k { font-weight: 600; font-size: 11pt; line-height: 1.35; margin: 1.5mm 0 1mm; }
.list .ukol { border-top: 0.6pt solid var(--linka-k); padding-top: 3mm; margin-top: 2mm; display: flex; gap: 3mm; align-items: flex-start; }
.list .ctverecek { width: 4mm; height: 4mm; border: 0.9pt solid var(--karamel); border-radius: 1.2mm; flex: none; margin-top: 1mm; }
.list .ukol .t { font-size: 9.6pt; }
.list .trojice .r { display: flex; align-items: flex-end; height: 8.2mm; border-bottom: 0.6pt solid var(--linka-k); }
.list .trojice .r span { font-style: italic; font-size: 9.5pt; color: var(--tlumena); padding-bottom: 1mm; }
.list .hlava-papir { border: 1pt dashed var(--karamel); border-radius: 4mm; padding: 3mm 4mm; margin-top: 4mm; height: 36mm; position: relative; }
.list .hlava-papir .napoved { font-size: 8.4pt; font-style: italic; color: var(--tlumena); margin-top: .8mm; }
.list .hlava-papir .roh { position: absolute; right: 3mm; bottom: 2.5mm; }

.list .dopis-ram { background: var(--krem); border: 0.8pt solid var(--linka-k); border-radius: 4mm; padding: 8mm 7mm 7mm; font-style: italic; font-size: 11pt; line-height: 1.6; overflow-wrap: anywhere; }
.list .dopis-ram .osloveni { font-weight: 600; margin-bottom: 3.5mm; }
.list .dopis-ram .podpis { text-align: right; margin-top: 5mm; font-size: 12.5pt; }
.list .dopis-ram.ceka { border-style: dashed; border-color: var(--karamel); }
.list .dopis-ram.ceka p { color: var(--tlumena); font-size: 10pt; }

.list .fotka { border: 1pt dashed var(--karamel); border-radius: 3mm; display: flex; align-items: center; justify-content: center; font: 400 7pt "Poppins", sans-serif; letter-spacing: 1.5pt; text-transform: uppercase; color: var(--karamel); background: var(--krem); }

.list .karty { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3mm; }
.list .karta, .list .razitko { border: 0.8pt solid var(--linka-k); border-radius: 3.5mm; padding: 3mm; text-align: center; background: var(--krem); }
.list .karta .ikona { margin: 0 auto; }
.list .karta .n, .list .razitko .n { font-weight: 600; font-size: 11pt; margin-top: 1.5mm; }
.list .karta .s, .list .razitko .s { font-size: 8.4pt; color: var(--tlumena); line-height: 1.35; }
.list .razitka { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3mm; margin-top: 3mm; }
.list .razitko { border-style: dashed; border-color: var(--karamel); padding: 3.5mm 3mm; }
.list .razitko .n { margin-top: 0; }

.list .seznam { margin-top: 3mm; }
.list .hlaska { font-style: italic; font-size: 12pt; line-height: 1.4; padding: 2.4mm 0; border-bottom: 0.6pt solid var(--linka-k); overflow-wrap: anywhere; }

@media print {
  body { margin: 0; }
}