/* ==========================================================================
   The proposal document. Quieter than the shop: paper, ink, numbered sections.
   The shop's theater lives in /ukazka/. This is the document that argues for it.
   ========================================================================== */

.hlavicka__doklad{ margin-left:auto;color:var(--inkoust);opacity:.72; }

/* ---------- Cover -------------------------------------------------------- */
.kryt{ padding-block:clamp(56px,9vw,116px) var(--rytmus); }
.kryt__nadpis{ margin:0 0 calc(var(--u) * 3);opacity:.75; }
.kryt h1{ max-width:19ch; }
.kryt__text{
  margin-top:calc(var(--u) * 4);
  max-width:52ch;font-size:1.15rem;
}
.kryt__akce{
  margin-top:calc(var(--u) * 5);
  display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u) * 3);
}
.kryt__ukazka-pozn{ font-size:13.5px;opacity:.8;max-width:34ch; }

/* ---------- Numbered sections are part of the language ------------------- */
.cislo-sekce{
  margin-bottom:calc(var(--u) * 2);
  padding-bottom:calc(var(--u) * 1.5);
  border-bottom:1.5px solid var(--inkoust);
  display:block;
}
.sekce h2{ max-width:24ch;margin-bottom:calc(var(--u) * 3); }
.sekce p{ max-width:66ch; }

/* One rhythm between sections, not two stacked paddings. */
.nabidka .sekce{ padding-block:0 var(--rytmus); }
.nabidka .kraft.sekce{ padding-block:calc(var(--rytmus) * .8); margin-bottom:var(--rytmus); }
.nabidka .sekce + .sekce{ padding-top:0; }

.dulezite{ position:relative; }

/* ---------- Two columns: prose + a label --------------------------------- */
.dvousloup{
  display:grid;grid-template-columns:1.35fr .9fr;gap:calc(var(--zlab) * 2);
  align-items:start;
}
@media (max-width:900px){ .dvousloup{ grid-template-columns:1fr;gap:calc(var(--u) * 4); } }

/* ---------- Their own paw-print bullets (sanctioned once per surface) ----- */
.seznam-tlapky{ list-style:none;margin:0 0 calc(var(--u) * 3);padding:0;max-width:62ch; }
.seznam-tlapky li{
  position:relative;padding-left:34px;margin-bottom:calc(var(--u) * 1.5);
}
.seznam-tlapky li::before{
  content:"";position:absolute;left:0;top:.42em;width:20px;height:20px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23241D15'%3E%3Cellipse cx='32' cy='42' rx='15' ry='12'/%3E%3Cellipse cx='14' cy='27' rx='6.5' ry='8.5'/%3E%3Cellipse cx='26' cy='18' rx='6.5' ry='9'/%3E%3Cellipse cx='39' cy='18' rx='6.5' ry='9'/%3E%3Cellipse cx='51' cy='27' rx='6.5' ry='8.5'/%3E%3C/g%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
}
.mobil-pozn{ margin:0; }

/* ---------- The one thing to settle before launch ------------------------ */
.varovani{
  margin-top:calc(var(--u) * 5);
  background:var(--stitek-bila);
  border:1px solid var(--inkoust);
  border-left:6px solid var(--signal);
  padding:calc(var(--u) * 3);
  max-width:66ch;
}
.varovani__hlava{ margin-bottom:.6em; }
.varovani p:last-child{ margin-bottom:0; }

/* ---------- Cena --------------------------------------------------------- */
#cena h2{ max-width:none; }
#cena h2 .zaznam{ font-weight:600;white-space:nowrap; }
.stitek b{ font-weight:600; }

/* ---------- Reference ---------------------------------------------------- */
#reference a{ text-decoration:none;border-bottom:1.5px solid var(--signal); }
#reference a:hover{ background:var(--signal); }
.dalsi-reference{ font-size:15px;opacity:.9; }

/* ---------- Close -------------------------------------------------------- */
.krok{ padding-bottom:calc(var(--rytmus) * 1.2); }
.krok h2{ margin-bottom:calc(var(--u) * 2); }
.krok__kontakt{ font-size:1.1rem; }
.krok__kontakt a{ text-decoration:none;border-bottom:1.5px solid var(--inkoust); }

/* Kraft band section: ink on kraft keeps its contrast */
.kraft .cislo-sekce{ border-bottom-color:var(--inkoust); }

/* Správa a podpora: the scope as sent to topplachty on 24. 8. 2026 */
.sprava__hlava{ margin-bottom:.6em; }
.sprava__seznam{ margin-bottom:1em; }
.sprava__seznam li{ margin-bottom:6px;font-size:15.5px; }

/* The close is a full sentence in the operator's own words, so it sets smaller
   than a section head and wraps like prose. */
.krok h2{ font-size:clamp(1.35rem,2.4vw,1.85rem);max-width:34ch;line-height:1.2; }