/* Společný strom – rodokmen.cloud
   Barvy: papír archivní krabice, inkoust z duběnek, zelená patička; ve vějíři barvy rodů ze skillu rodokmen
   a fialová razítková barva jen pro spojení (společný předek, noví předci). */

@font-face{font-family:"Brygada 1918";font-style:normal;font-weight:400;font-display:swap;
  src:url(/static/fonty/brygada-1918-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Brygada 1918";font-style:normal;font-weight:400;font-display:swap;
  src:url(/static/fonty/brygada-1918-latin-ext-400-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Brygada 1918";font-style:italic;font-weight:400;font-display:swap;
  src:url(/static/fonty/brygada-1918-latin-400-italic.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Brygada 1918";font-style:italic;font-weight:400;font-display:swap;
  src:url(/static/fonty/brygada-1918-latin-ext-400-italic.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Brygada 1918";font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/fonty/brygada-1918-latin-600-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Brygada 1918";font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/fonty/brygada-1918-latin-ext-600-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --papir:#F2F3EE;       /* šedozelený papír archivní krabice */
  --list:#FBFBF8;        /* políčko formuláře */
  --inkoust:#2A2017;     /* železitoduběnkový inkoust */
  --sedy:#655B4F;
  --linka:#CDD1C6;
  --linka-tmava:#9EA595;
  --jejich:#3F6650;      /* patička */
  --razitko:#5B3A8F;     /* spojení: razítková fialová */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papir);color:var(--inkoust);
  font:400 1.125rem/1.6 "Brygada 1918",Georgia,"Times New Roman",serif;
  font-kerning:normal;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration-color:var(--linka-tmava);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-color:var(--inkoust)}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--razitko);outline-offset:3px}
code{font-family:inherit;font-style:italic;background:none;padding:0}
strong,b{font-weight:600}

.obal{max-width:72rem;margin-inline:auto;padding-inline:1.5rem}
.text{max-width:38rem}

/* hlavička */
.hlava{display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;align-items:baseline;
  padding-block:1.6rem 1.2rem;border-bottom:1px solid var(--linka)}
.znacka{font-weight:600;font-size:1.25rem;text-decoration:none}
.znacka span{font-weight:400;color:var(--sedy);margin-left:.5rem;font-size:1rem}
.hlava nav{display:flex;flex-wrap:wrap;gap:.25rem 1.4rem;font-size:1rem}
.hlava nav a{text-decoration:none;color:var(--sedy)}
.hlava nav a:hover{color:var(--inkoust);text-decoration:underline}

/* úvod */
.uvod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4.5rem;align-items:start;padding-block:4rem 4.5rem}
h1{font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.08;font-weight:400;letter-spacing:-.012em;margin:0 0 1.5rem}
.vedeni{font-size:1.3rem;line-height:1.5;margin:0 0 1.75rem}
.stav{border-left:3px solid var(--linka-tmava);padding:.1rem 0 .1rem 1rem;color:var(--sedy);font-size:1rem;margin:0}

/* výřez vějíře předků (vejir.py): stejné výseče a barvy rodů jako vějíř ve skillu, fialová = spojení */
.strom{margin:0}
.vejir{display:block;width:100%;height:auto;overflow:visible;font-family:inherit}
.vejir .vysece path{stroke:var(--papir);stroke-width:2.4}
.vejir .texty{fill:#1F1A15}
.vejir .rod{fill:#4A3B2C;letter-spacing:2.5px}
.vejir .vy{fill:#FFF8EE;font-weight:600}
.vejir .nove-t{fill:#2E1D4F}
.vejir .josef{fill:none;stroke:var(--razitko);stroke-width:3.5}
.vejir .vetev{fill:none;stroke:var(--razitko);stroke-width:2;stroke-dasharray:8 6}
.vejir .razitko rect{fill:none;stroke:var(--razitko);stroke-width:1.5}
.vejir .razitko rect:first-child{fill:rgba(242,243,238,.94);stroke-width:3}
.vejir .razitko text{fill:var(--razitko);font-weight:600;letter-spacing:.4px}
.vejir .pribylo{fill:var(--razitko)}
.vejir .pribylo text:first-child{font-weight:600}
.legenda{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;margin:1.1rem 0 .9rem;padding:0;font-size:.9375rem}
.legenda li{display:flex;align-items:center;gap:.5rem}
.legenda .k{flex:none;width:1rem;height:1rem;border-radius:2px}
.k.vasi{background:linear-gradient(90deg,#9CC5EC 50%,#89D4C6 50%)}
.k.nezn{background:#ECE8E0;box-shadow:inset 0 0 0 1px var(--linka)}
.k.novi{background:#CFBAEA;box-shadow:inset 0 0 0 1.5px var(--razitko)}
.strom figcaption{font-size:.9375rem;line-height:1.5;color:var(--sedy)}
.strom figcaption p{margin:0 0 .5rem}
@media (prefers-reduced-motion:no-preference){
  .vejir .razitko{transform-box:fill-box;transform-origin:center;animation:otisk .32s cubic-bezier(.2,.9,.3,1.25) .6s both}
  .vejir .nove.n5 path{animation:vybarvi .5s ease 1.05s both}
  .vejir .nove-t.n5{animation:objev .4s ease 1.3s both}
  .vejir .nove.n6{animation:objev .45s ease 1.45s both}
  .vejir .nove-t.n6{animation:objev .4s ease 1.65s both}
  .vejir .nove.n7{animation:objev .45s ease 1.85s both}
  .vejir .nove-t.n7{animation:objev .4s ease 2.05s both}
  .vejir .vetev,.vejir .pribylo{animation:objev .5s ease 2.3s both}
}
@keyframes otisk{from{opacity:0;transform:scale(1.7)}}
@keyframes vybarvi{from{fill:#ECE8E0}}
@keyframes objev{from{opacity:0}}

/* oddíly */
.oddil{padding-block:3.5rem;border-top:1px solid var(--linka)}
h2{font-size:1.75rem;line-height:1.2;font-weight:600;margin:0 0 1.25rem}
h3{font-size:1.2rem;line-height:1.3;font-weight:600;margin:1.8rem 0 .6rem}
p{margin:0 0 1rem}

.kroky{list-style:none;counter-reset:krok;margin:0 0 1.5rem;padding:0}
.kroky li{counter-increment:krok;position:relative;padding-left:2.6rem;margin:0 0 1.25rem}
.kroky li::before{content:counter(krok);position:absolute;left:0;top:-.2rem;font-size:1.75rem;line-height:1;
  font-style:italic;color:var(--sedy)}

.rubriky{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;max-width:60rem;margin-bottom:1.5rem}
.rubriky h3{margin:0;padding-bottom:.5rem;font-style:italic;font-weight:400;font-size:1.125rem;color:var(--sedy);
  border-bottom:2px solid var(--inkoust)}
.rubriky ul{list-style:none;margin:0;padding:0}
.rubriky li{padding:.65rem 0;border-bottom:1px solid var(--linka)}

.dvoj{display:grid;grid-template-columns:minmax(0,38rem) minmax(0,24rem);gap:3rem 5rem;align-items:start}
.dvoj aside{border-left:3px solid var(--linka-tmava);padding:.2rem 0 .2rem 1.25rem;margin-top:3.6rem;font-size:1rem;
  color:var(--sedy)}
.dvoj aside strong{color:var(--inkoust)}
.dvoj aside p:last-child{margin-bottom:0}

details{border-bottom:1px solid var(--linka);max-width:38rem}
details:first-of-type{border-top:1px solid var(--linka)}
summary{cursor:pointer;padding:.8rem 0;font-weight:600;list-style:none;position:relative;padding-right:2rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.2rem;top:.65rem;font-weight:400;font-size:1.3rem;color:var(--sedy)}
details[open] summary::after{content:"–"}
details>div{padding:0 0 1rem}

/* pata */
.pata{background:var(--jejich);color:#EEF2EC;margin-top:2rem;padding-block:2.5rem 3rem;font-size:1rem}
.pata a{text-decoration-color:rgba(238,242,236,.5)}
.pata a:hover{text-decoration-color:#fff}
.pata nav{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin:0 0 1rem}
.pata p{margin:0 0 .4rem;max-width:46rem}

/* textové stránky: podmínky, osobní údaje, oznámení */
.stranka{padding-block:3rem 4rem}
.stranka h1{font-size:clamp(2rem,3.6vw,2.6rem);margin-bottom:1rem}
.stranka h2{font-size:1.35rem;margin:2.2rem 0 .8rem}
.stranka li{margin:.35rem 0}
.stranka table{border-collapse:collapse;font-size:.95rem;margin:1rem 0 1.5rem;max-width:100%}
.stranka td,.stranka th{border-bottom:1px solid var(--linka);padding:.5rem .8rem .5rem 0;vertical-align:top;text-align:left}
.stranka th{font-weight:400;font-style:italic;color:var(--sedy);border-bottom:2px solid var(--inkoust)}
.tabulka{overflow-x:auto;width:min(62rem,calc(100vw - 3rem))}
label{display:block;margin-top:1.1rem;font-size:1rem}
input,textarea{display:block;width:100%;margin-top:.3rem;font:inherit;font-size:1rem;color:inherit;background:var(--list);
  border:1px solid var(--linka-tmava);border-radius:2px;padding:.45rem .6rem}
label.zaskrt{display:flex;gap:.6rem;align-items:flex-start}
label.zaskrt input{width:auto;margin-top:.35rem;flex:none}
button{margin-top:1.4rem;font:inherit;font-weight:600;color:#fff;background:var(--inkoust);border:0;border-radius:2px;
  padding:.6rem 1.4rem;cursor:pointer}
button:hover{background:#000}
.vysledek{margin-top:1rem;color:var(--sedy)}

@media (max-width:860px){
  .uvod{grid-template-columns:1fr;gap:3rem;padding-block:2.5rem 3.5rem}
  .dvoj{grid-template-columns:1fr;gap:1.5rem}
  .dvoj aside{margin-top:0}
}
@media (max-width:600px){
  body{font-size:1.0625rem}
  .obal{padding-inline:1.1rem}
  .rubriky{grid-template-columns:1fr}
  .rubriky ul{margin-bottom:2rem}
}