:root{--med:#e0a526;--tuk:#7a4b0c;--kremav:#fff8e6;--tekst:#3b2a14;--sivo:#7d6a52}
*{box-sizing:border-box}
html{font-size:18px}
body{margin:0;background:var(--kremav);color:var(--tekst);font-family:Georgia,"Times New Roman",serif;line-height:1.7}
a{color:var(--tuk);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#b36b00}
header.glava{background:linear-gradient(180deg,#f6d77a,#f0c55a);border-bottom:4px solid var(--tuk);padding:1.4rem 1rem 1.1rem}
.vtrite{max-width:42rem;margin:0 auto}
.glava .zaglavie{font-size:1.9rem;margin:0;letter-spacing:.02em}
.glava .zaglavie a{color:var(--tuk);text-decoration:none}
.glava p{margin:.2rem 0 0;color:#5b3a0a;font-style:italic}
nav.menu{margin-top:.8rem;font-size:.9rem}
nav.menu a{margin-right:1rem}
main{max-width:42rem;margin:0 auto;padding:1.6rem 1rem 3rem}
h1{font-size:1.8rem;line-height:1.25;margin:.2rem 0 .4rem;color:var(--tuk)}
h2{font-size:1.3rem;margin:2rem 0 .4rem;color:var(--tuk);border-bottom:1px dashed #d9b866;padding-bottom:.2rem}
.data{color:var(--sivo);font-size:.85rem;font-style:italic}
.zapis{padding:1rem 0;border-bottom:1px solid #ecd9a4}
.zapis h2{border:0;margin:0 0 .2rem;font-size:1.25rem}
.kutia{background:#fdefc2;border-left:5px solid var(--med);padding:.7rem 1rem;margin:1.4rem 0;border-radius:2px}
ul.spisuk{padding-left:1.2rem}
ul.spisuk li{margin:.25rem 0}
footer.krai{max-width:42rem;margin:0 auto;padding:1rem 1rem 2.4rem;color:var(--sivo);font-size:.8rem;border-top:1px solid #ecd9a4}
@media(max-width:480px){html{font-size:16.5px}.glava .zaglavie{font-size:1.5rem}}