/* Triconform – sekce Průvodce (/pruvodce/). Načítá se až za rebrand-web.css, jen na stránkách průvodce.
   Používá výhradně tokeny webu (světlý i tmavý motiv), žádné pevné barvy. */

.pruvodce-wrap { padding-top: 1.5rem; padding-bottom: 3rem; }
@media (min-width: 48rem) { .pruvodce-wrap { padding-top: 2.5rem; padding-bottom: 4.5rem; } }

/* Drobečková navigace */
.breadcrumb { font-size: .9375rem; margin-bottom: 1.5rem; color: var(--text-muted); }
.breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: .25rem .5rem; padding: 0; margin: 0; }
.breadcrumb li { margin: 0; }
.breadcrumb li + li::before { content: "/"; margin-right: .5rem; color: var(--border-strong); }
.breadcrumb a { color: var(--text-muted); }
.breadcrumb a:hover { color: var(--text); }
.breadcrumb [aria-current="page"] { color: var(--text); font-weight: 600; }

.pruvodce-meta { font-size: .9375rem; color: var(--text-muted); margin-bottom: 1.5rem; }
.pruvodce-koncept { margin-bottom: 1.5rem; }

/* Tělo článku (fragment z balíčku obsahu) */
.obsah { max-width: 48rem; }
.obsah h1 { margin-bottom: 1rem; }
.obsah h2 { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 2px solid var(--text); }
.obsah h3 { margin-top: 1.75rem; }
.obsah h1 + p, .obsah h1 + p + p { font-size: 1.1875rem; }
.obsah ul, .obsah ol { margin-bottom: 1.25rem; }
.obsah li > ul, .obsah li > ol { margin: .35rem 0 0; }
.obsah blockquote { margin: 0 0 1.25rem; padding: .75rem 1.25rem; border-left: 6px solid var(--listi); background: var(--bg-alt); border-radius: var(--radius-sm); }
.obsah blockquote > :last-child { margin-bottom: 0; }
.obsah code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9em; background: var(--bg-alt); padding: .1em .35em; border-radius: var(--radius-sm); }
.obsah :is(h2, h3)[id] { scroll-margin-top: 5.5rem; }
.obsah div.tabulka { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); margin-bottom: 1.25rem; }
.obsah div.tabulka table { margin: 0; min-width: 32rem; }
.obsah div.tabulka:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.obsah li.ukol { list-style: none; position: relative; padding-left: 1.9rem; }
.obsah li.ukol::before { content: ""; position: absolute; left: 0; top: .35em; width: 1rem; height: 1rem; border: 2px solid var(--text); border-radius: var(--radius-sm); }
.obsah a.cta { display: inline-flex; align-items: center; min-height: 44px; padding: .55rem 1.1rem; border-radius: var(--radius-sm); font-weight: 700; text-decoration: none; background: var(--primary); color: var(--primary-contrast); border: 2px solid var(--primary); }
.obsah a.cta:hover { background: var(--primary-hover); box-shadow: inset 0 -4px 0 var(--signal); color: var(--primary-contrast); }
.obsah section.faq { max-width: none; margin-top: .5rem; }
.obsah mark.overit { background: var(--warn-bg); color: var(--text); border-bottom: 2px solid var(--warn-border); padding: 0 .2em; }

/* Výpis na rozcestníku */
.pruvodce-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.25rem; }
@media (min-width: 48rem) { .pruvodce-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pruvodce-list li { margin: 0; display: flex; }
.pruvodce-list .card { width: 100%; border-top: 6px solid var(--text); }
.pruvodce-list h2 { font-family: var(--font); font-size: 1.125rem; line-height: 1.3; margin-bottom: .5rem; }
.pruvodce-list h2 a { color: var(--text); }
.pruvodce-list .more { margin-top: auto; padding-top: .75rem; font-weight: 600; }
.pruvodce-state { max-width: 46rem; }

@media print {
  .site-header, .site-footer, .cta-band, .breadcrumb, .skip-link { display: none !important; }
  .obsah { max-width: none; }
  .obsah a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .8em; }
}