/* kolkaplika.kuukiri — Tasased hääled, seeria esileht.
   värvid ja kirjad tulevad sinimustvalge.css-ist (kartul.kolkaplika.ee) */

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0 16px;
  background: var(--helehall);
  color: var(--pruun);
  font-family: var(--kuuserif);
  font-size: 18px;
  line-height: 1.5;
}

a { color: inherit; cursor: crosshair; }

.tagasi {
  max-width: 900px;
  margin: 0 auto;
  padding-top: clamp(90px, 14vw, 130px); /* paremal üleval on labidas */
  font-family: var(--kolkamono);
  font-size: 14px;
}

header {
  max-width: 640px;
  margin: 0 auto 32px;
  text-align: center;
}

h1 {
  margin: 24px 0 0;
  font-style: italic;
  letter-spacing: 0.04em;
  font-size: clamp(36px, 7vw, 64px);
}

.ajad {
  margin: 4px 0 24px;
  font-family: var(--kolkamono);
  font-size: 13px;
  color: var(--oranz);
}

/* --- kaart ja sildid --- */
.kaart {
  position: relative;
  width: min(800px, 100%);
  margin: 0 auto;
}

.kaart img {
  display: block;
  width: 100%;
  height: auto;
}

.sildid {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sildid li {
  position: absolute;
  left: var(--x);
  top: var(--y);
  white-space: nowrap;
}

.sildid a {
  font-weight: 700;
  font-style: italic;
  font-size: clamp(12px, 1.6vw, 16px);
  text-decoration: none;
  background: rgba(243, 244, 247, 0.75); /* helehall, et kaardi jooned teksti alla ei sõtkuks */
  padding: 1px 4px;
}

/* nool nagu Wixis */
.sildid a::after { content: "  ⟶"; font-style: normal; }
.sildid a:hover { color: var(--oranz); }

/* kitsal ekraanil ei mahu sildid kaardile — siis on nad nimekirjana kaardi all */
@media (max-width: 760px) {
  .sildid {
    display: grid;
    gap: 10px;
    margin-top: 24px;
  }
  .sildid li { position: static; order: var(--n); } /* numbrite järjekorras */
  .sildid a::after { content: ""; }
}

footer {
  max-width: 900px;
  margin: 64px auto 0;
  padding: 24px 0 40px;
  font-family: var(--kolkamono);
  font-size: 13px;
  color: var(--oranz);
}