:root{
  --w: 60%;
  --bg: #dfb680;
  --font: Arial, sans-serif;
  --ui-font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body{
  margin: 20px;
  font-family: var(--font);
  font-size: 18px;
  line-height: 1.75;
  background: var(--bg);
}

main{
  max-width: var(--w);
  margin: 0 auto;
  padding: 24px 20px 56px;
}

h1, h2{
  line-height: 1.2;
}

p{
  margin: 0 0 14px;
}

hr{
  border: 0;
  border-top: 1px solid var(--bg);
  margin: 28px 0;
}

/* Navigace */
nav{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 12px 0 24px;
  font-family: var(--ui-font);
  font-size: 14px;
}

nav a{
  text-decoration: none;
}

/* Meta info */
.meta{
  font-family: var(--ui-font);
  font-size: 13px;
  opacity: 0.75;
}

/* Obsah kapitol */
.kapitoly{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(16, auto);
  grid-auto-flow: column;
  gap: 5px 10px;
}

.kapitoly a{
  display: block;
  padding: 4px 0;
  text-decoration: none;
  border-bottom: none; /* kdyby se někde přidalo nav-link podtržení přes border */
}

/* Obálka / úvodní stránka */
.obal{
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 48px;
  align-items: start;
}

.cover img{
  width: 100%;
  max-width: 60%;
  height: auto;
  display: block;
}