/* kolnicka6 — základ: reset, typografie, kostra stránky (hlavička, navigace, patička). Komponenty: components.css */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs-md)/var(--lh-body) var(--font-body);text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto}
img{display:block}
h1,h2,h3,h4,.k{font-family:var(--font-display);font-weight:400;font-synthesis:none;letter-spacing:var(--tracking-display);line-height:var(--lh-tight);text-wrap:balance;margin:0}
h1{font-size:var(--fs-h1)} h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3)} h4{font-size:var(--fs-h4)}
p{margin:0 0 var(--sp-4)}
a{color:var(--brand)} a:hover{color:var(--brand-strong)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 6px var(--focus-halo)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:100;padding:var(--sp-3) var(--sp-4);background:var(--surface);color:var(--ink);font-weight:600}
.skip-link:focus{top:var(--sp-2)}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{margin:0 0 var(--sp-1);font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-accent)}
.wood{background-color:var(--wood);background-image:var(--tex-wood);color:var(--on-wood)}
.wood .eyebrow{color:var(--brass)}
.wood a:not(.btn){color:var(--on-wood)}
.chalk{background-color:var(--chalk);background-image:var(--tex-chalk);color:var(--on-chalk)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);font:600 var(--fs-md)/1.1 var(--font-body);text-decoration:none;border:2px solid var(--brand);background:transparent;color:var(--brand);cursor:pointer}
.btn--primary{background:var(--brand);color:var(--on-brand)} .btn--primary:hover{background:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}
.wood .btn{border-color:var(--on-wood);color:var(--on-wood)} .wood .btn--primary{border-color:var(--brand);color:var(--on-brand)}

/* ── hlavička ─────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:20;border-bottom:3px solid var(--brass)}
.site-header__bar{display:flex;align-items:center;gap:var(--sp-3);min-height:60px;padding-block:var(--sp-2)}
.brand{display:flex;align-items:center;gap:var(--sp-2);color:var(--on-wood);text-decoration:none;flex:none}
.brand__logo{width:40px;height:40px;color:var(--on-wood)}
.brand__name{font-family:var(--font-display);font-size:1.25rem;letter-spacing:var(--tracking-display);line-height:1}
.status{flex:1 1 auto;margin:0;font-size:var(--fs-xs);line-height:1.25;color:var(--status-open);min-width:0}
.status__dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:currentColor;margin-right:.35em;vertical-align:.05em}
.status[data-state="closed"]{color:var(--status-closed)} .status[data-state="warn"] strong{color:var(--status-warn)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);flex:none;border:1px solid var(--frame);background:transparent;color:var(--on-wood);cursor:pointer;text-decoration:none}
.icon-btn--brand{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.icon-btn svg{width:20px;height:20px}
.js .site-nav{display:none}
html:not(.js) .nav-toggle{display:none}
html:not(.js) .site-nav{flex:1 1 100%;order:6}
.site-nav[data-open]{display:block;padding-bottom:var(--sp-3)}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.site-nav a{display:flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-1);color:var(--on-wood);text-decoration:none;font-size:var(--fs-lg);border-bottom:1px solid var(--wood-line)}
.site-nav a[aria-current="page"],.site-nav a.is-active{color:var(--brass)}
.site-nav .nav-sister a,.site-nav a.nav-sister{color:#E9B79F}
@media (max-width:63.99rem){.header-call .label{display:none}}
@media (min-width:64rem){
  .site-header__bar{gap:var(--sp-5)}
  .brand__logo{width:52px;height:52px} .brand__name{font-size:1.875rem}
  .nav-toggle{display:none}
  .site-nav,.js .site-nav,.site-nav[data-open]{display:block;padding:0;order:2;flex:1 1 auto}
  .site-nav ul{flex-direction:row;flex-wrap:wrap;gap:0 var(--sp-5)}
  .site-nav a{border:0;font-size:var(--fs-md)}
  .status{flex:0 1 auto;order:3;font-size:var(--fs-sm)}
  .header-call{order:4;width:auto;padding:0 var(--sp-4);font-weight:600}
  .header-call .label{display:inline}
}

/* ── obsah ────────────────────────────────────────────── */
.site-main{display:block}
.mod-pos{display:block}
.article{max-width:var(--measure)}
.pos-component{padding-block:var(--sp-6) var(--sp-5)}
.pos-component:empty{display:none}

/* ── patička ──────────────────────────────────────────── */
.site-footer{margin-top:var(--sp-7);color:var(--on-wood-muted);font-size:var(--fs-sm)}
.site-footer__grid{display:flex;flex-wrap:wrap;gap:var(--sp-5) var(--sp-8);padding-block:var(--sp-6) var(--sp-4)}
.site-footer a{color:var(--on-wood);display:inline-flex;align-items:center;min-height:var(--tap)}
.site-footer__grid>div{line-height:1.3}
.site-footer__brand{display:flex;align-items:center;gap:var(--sp-3)} .site-footer__brand svg{width:52px;height:52px;color:var(--brass)}
.site-footer__brand span{font-family:var(--font-display);font-size:1.75rem;color:var(--on-wood);letter-spacing:var(--tracking-display)}
.site-footer__legal{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);border-top:1px solid var(--wood-line);padding-top:var(--sp-4);font-size:var(--fs-xs);color:var(--on-wood-faint)}
.rtn-credit{margin:0;font-size:13px;line-height:1;opacity:.8;transition:opacity .2s}.rtn-credit:hover,.rtn-credit:focus-within{opacity:1}
.rtn-credit a{display:inline-flex;align-items:center;gap:.55em;color:inherit;text-decoration:none}.rtn-credit img{height:13px;width:auto;display:block}
.rtn-credit--right{margin-left:auto;text-align:right}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.skip-link{display:none}body{background:#fff}}

.k-label{margin:0 0 var(--sp-1);font-family:var(--font-display);font-size:1.125rem;letter-spacing:var(--tracking-display);color:var(--on-wood)}
.error-main{padding-block:var(--sp-7);max-width:48rem}
.error-main h1{margin-bottom:var(--sp-4)}
.error-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.error-trace{overflow-x:auto;font-size:var(--fs-xs);background:var(--surface);padding:var(--sp-4)}
.offline-page{min-height:100vh;display:grid;place-items:center}
.offline-main{text-align:center;padding-block:var(--sp-7)}
.offline__logo{width:96px;height:96px;margin:0 auto var(--sp-4);color:var(--brass)}