@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-700-latin-ext.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:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-700-latin.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:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-800-latin-ext.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:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-800-latin.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}

:root{
  --zelena:#3E7A12;--zelena-tmava:#336510;--limetka:#8BB900;--navy:#12154A;--text:#1F2430;--seda:#5C6372;--seda-svetla:#8A917F;
  --plocha:#F4F6F0;--plocha-vysledek:#F7F9F3;--ram:#DCE2D3;--ram-pole:#C9D1BF;--linka:#E6EADF;--bila:#fff;
  --pismo:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--pismo-nadpis:Montserrat,var(--pismo);
  --radius:10px;--radius-velky:16px;--stin:0 10px 30px rgba(18,21,74,.06);--obal:1180px
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bila);color:var(--text);font:16px/1.55 var(--pismo);-webkit-font-smoothing:antialiased}
a{color:var(--zelena)}a:hover{color:var(--zelena-tmava)}
h1,h2,h3{font-family:var(--pismo-nadpis);color:var(--navy);margin:0;line-height:1.15;letter-spacing:-.01em}
h2{font-size:28px;font-weight:800}
h3{font-size:18px;font-weight:700;line-height:1.3}
p{margin:0}
img,svg{display:block}
button,input,select,textarea{font:inherit;color:inherit}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr,.preskocit:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preskocit:focus{position:fixed;top:8px;left:8px;z-index:50;padding:10px 14px;background:var(--navy);color:#fff;border-radius:var(--radius)}
.obal{max-width:var(--obal);margin:0 auto;padding:0 24px}
.ikona{width:20px;height:20px;flex:none}
.h1{font-size:clamp(30px,3.1vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.uvod{padding:40px 24px 12px}
.uvod-stranka{padding-top:24px;display:flex;flex-direction:column;gap:18px}
.uvod-text{margin:12px 0 28px;font-size:18px;color:var(--seda);max-width:760px}
.uvod-stranka .uvod-text{margin:0 0 4px}
.poznamka{margin-top:12px;font-size:13px;color:var(--seda-svetla)}
.pas{padding:56px 0}
.pas-tesny{padding-top:16px}
.obal.pas{padding-left:24px;padding-right:24px}
.pas-sedy{background:var(--plocha)}
.pas-sedy > .obal{display:flex;flex-direction:column;gap:24px}
.pas-hlava{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.pas-popis{margin-top:8px;color:var(--seda);max-width:680px}
.odkaz-silny{font-weight:600;white-space:nowrap}
.odkazy-radek{font-size:14px;color:var(--seda)}
.nadpis-maly{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--seda);font-family:var(--pismo);font-weight:600}

.hlavicka{border-bottom:1px solid var(--linka);background:var(--bila);position:relative}
.hlavicka-radek{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}
.logo{font-family:var(--pismo-nadpis);font-weight:800;font-size:20px;letter-spacing:-.01em;color:var(--navy);text-decoration:none;white-space:nowrap}
.logo-a{color:var(--limetka)}.logo-b{color:var(--text)}
.logo-paticka{color:#fff;font-size:18px}.logo-paticka .logo-a{color:var(--limetka)}
.menu{display:flex;gap:26px;align-items:center}
.menu a{color:var(--text);font-weight:500;text-decoration:none;padding:6px 0}
.menu a:hover,.menu a[aria-current]{color:var(--zelena)}
.menu-tlacitko{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--ram);border-radius:var(--radius);background:var(--bila);cursor:pointer}

.karta,.prekladac{background:var(--bila);border:1px solid var(--ram);border-radius:var(--radius-velky);box-shadow:var(--stin)}
.karta{padding:20px}
.prekladac{overflow:hidden;position:relative}
.prekladac-jazyky{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--linka)}
.vyber{flex:1;display:flex;align-items:center;gap:10px;min-width:0}
.vyber-popisek{font-size:13px;color:var(--seda);white-space:nowrap}
.vyber-pole{position:relative;display:inline-flex;flex:1;min-width:0}
.vyber-select{appearance:none;-webkit-appearance:none;width:100%;min-height:44px;border:1px solid var(--ram-pole);border-radius:var(--radius);padding:0 38px 0 44px;font-size:15px;background:var(--bila);cursor:pointer}
.vyber-select:focus-visible,.pole:focus-visible,.prekladac-text:focus-visible{outline:2px solid var(--zelena);outline-offset:1px}
.vyber-vlajka,.vyber-sipka{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}
.vyber-vlajka{left:12px}
.vyber-sipka{right:12px;width:16px;height:16px;color:var(--seda)}
.vlajka{width:24px;height:16px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);flex:none}
.vlajka-velka{width:44px;height:30px;border-radius:5px}
.tlacitko-ikona{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ram);border-radius:999px;background:var(--bila);color:var(--text);cursor:pointer;flex:none}
.tlacitko-ikona:hover{border-color:var(--zelena);color:var(--zelena)}
.prekladac-panely{display:grid;grid-template-columns:1fr 1fr}
.prekladac-panel{display:flex;flex-direction:column;min-width:0}
.prekladac-panel-vysledek{border-left:1px solid var(--linka);background:var(--plocha-vysledek)}
.prekladac-text{display:block;width:100%;min-height:200px;border:0;resize:vertical;padding:18px;font-size:17px;line-height:1.55;background:transparent}
.prekladac-text:focus{outline:none}
.prekladac-text:focus::placeholder,.pole:focus::placeholder{color:transparent;opacity:0}
.prekladac-vysledek{padding:18px;min-height:200px;font-size:17px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.prekladac-kompaktni .prekladac-text,.prekladac-kompaktni .prekladac-vysledek{min-height:150px}
.prekladac-tip{color:var(--seda-svetla)}
.prekladac-lista{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 18px;border-top:1px solid var(--linka)}
.prekladac-pocet{font-size:13px;color:var(--seda);font-variant-numeric:tabular-nums;white-space:nowrap}
.prekladac-akce{display:flex;gap:8px;flex-wrap:wrap;justify-self:end}
.prekladac-chyba{margin:0;padding:10px 18px 14px;font-size:14px;color:#9A2B1A}
.prekladac.je-cekani .prekladac-odeslat{opacity:.7;pointer-events:none}
.prekladac.je-cekani .prekladac-vysledek{opacity:.6}
.tlacitko{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;border:0;border-radius:var(--radius);background:var(--limetka);color:#fff;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s,transform .15s}
.tlacitko:hover{background:var(--navy);color:#fff}
.tlacitko:active{transform:translateY(1px)}
.tlacitko:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.tlacitko-duchy{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--ram);border-radius:var(--radius);background:var(--bila);color:var(--text);font-weight:500;font-size:14px;cursor:pointer}
.tlacitko-duchy:hover{border-color:var(--zelena)}
.tlacitko-duchy:disabled{opacity:.5;cursor:default}
.tlacitko-duchy .ikona{width:16px;height:16px}
.tlacitko-duchy.je-hotovo{border-color:var(--zelena);color:var(--zelena)}

.mrizka-jazyky{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.karta-jazyk{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--bila);border:1px solid var(--ram);border-radius:14px;color:var(--text);text-decoration:none}
.karta-jazyk:hover{border-color:var(--zelena);color:var(--text)}
.karta-jazyk-nazev{font-weight:600}
.karta-jazyk-popis{font-size:13px;color:var(--seda)}
.jazyky-vse summary{cursor:pointer;font-weight:600;color:var(--zelena)}
.jazyky-seznam{margin-top:10px;color:var(--seda);max-width:900px}

.dva-sloupce{display:flex;gap:48px;align-items:flex-start}
.sloupec-hlavni{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.sloupec-vedlejsi{flex:1 1 300px;max-width:360px;display:flex;flex-direction:column;gap:24px}
.cipy{display:flex;flex-wrap:wrap;gap:10px}
.cip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--ram);border-radius:999px;background:var(--bila);color:var(--text);font-size:15px;text-decoration:none}
.cip:hover{border-color:var(--zelena);color:var(--text)}
.cip b{color:var(--zelena);font-weight:600}
.cip-sipka{color:var(--seda-svetla)}

.hledani-radek{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pole{min-height:48px;border:1px solid var(--ram-pole);border-radius:var(--radius);padding:0 14px;font-size:16px;background:var(--bila)}
.hledani-pole{flex:2 1 220px;min-width:0}
.hledani .vyber{flex:1 1 150px}
.hledani .vyber-popisek{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hledani-vysledek{margin-top:14px;padding:16px 18px;background:var(--plocha-vysledek);border-radius:12px;display:flex;flex-direction:column;gap:6px}
.hledani-vysledek[hidden]{display:none}
.hledani-vysledek-meta{font-size:13px;color:var(--seda)}
.hledani-vysledek-preklad{font-family:var(--pismo-nadpis);font-size:24px;font-weight:800;color:var(--navy);overflow-wrap:anywhere}
.hledani-vysledek a{font-weight:600}
.hledani-chyba{color:#9A2B1A;font-size:14px}

.mrizka-duvody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.duvod{display:flex;flex-direction:column;gap:10px}
.duvod p{color:var(--seda)}
.duvod-ikona{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:var(--limetka);color:var(--navy)}
.duvod-ikona .ikona{width:22px;height:22px}

.text-blok{display:flex;flex-direction:column;gap:16px;max-width:760px}
.text-blok h2{font-size:24px;margin-top:12px}
.text-blok h2:first-child{margin-top:0}
.tipy{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.kod{margin:0;padding:14px 16px;background:var(--plocha);border-radius:var(--radius);font-size:14px;overflow-x:auto;white-space:pre-wrap}

.box{background:var(--plocha);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}
.box-popis{font-size:14px;color:var(--seda)}
.box .hledani-pole,.box .vyber,.box .hledani-odeslat{flex:1 1 100%}
.box .hledani-prohodit{display:none}
.seznam-blok{display:flex;flex-direction:column;gap:8px}
.seznam{display:flex;flex-direction:column;gap:2px;font-size:15px}
.seznam a{display:flex;align-items:center;gap:10px;min-height:40px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--linka)}
.seznam a:hover{color:var(--zelena)}
.seznam-pozn{color:var(--seda-svetla);font-size:14px}

.drobecky{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--seda)}
.drobecky a{color:var(--seda);text-decoration:none}.drobecky a:hover{color:var(--zelena)}
.drobecky-sipka{width:14px;height:14px}
.nadpis-s-vlajkou{display:flex;align-items:center;gap:16px}
.nadpis-s-vlajkou .h1{flex:1 1 auto;min-width:0}

.mrizka-skupiny{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.skupina{display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--bila);border:1px solid var(--ram);border-radius:14px}

.slovo{gap:28px}
.stitky{display:flex;gap:8px;flex-wrap:wrap}
.stitek{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--plocha);color:var(--seda);font-size:13px;font-weight:500;text-decoration:none}
.stitek-odkaz:hover{color:var(--zelena)}
.slovo-nadpis{font-size:64px;line-height:1;letter-spacing:-.03em;font-weight:800;overflow-wrap:anywhere}
.slovo .uvod-text{margin:0}
.preklady{list-style:none;margin:0;padding:0;border-top:1px solid var(--linka)}
.preklad{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--linka)}
.preklad-cislo{flex:none;width:28px;height:28px;border-radius:999px;background:var(--limetka);color:var(--navy);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.preklad-slovo{font-family:var(--pismo-nadpis);font-size:28px;font-weight:800;color:var(--navy);line-height:1.1}
.pozn{color:var(--seda);background:var(--plocha);padding:12px 16px;border-radius:var(--radius)}
.slovo h2{font-size:22px}
.priklad{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ram);border-radius:14px;overflow:hidden}
.priklad-cast{padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.priklad-cs{background:var(--plocha-vysledek);border-left:1px solid var(--linka)}
.priklad-popisek{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--seda-svetla)}
.priklad-veta{font-size:18px}
.sousedi{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.soused{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--ram);border-radius:12px;text-decoration:none;color:var(--text);min-width:160px}
.soused:hover{border-color:var(--zelena)}
.soused-dalsi{text-align:right;margin-left:auto}
.soused-popisek{font-size:12px;color:var(--seda)}
.soused-slovo{font-weight:600}

.priloha{margin:0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.priloha-obrazek{max-width:100%;height:auto;border:1px solid var(--ram);border-radius:var(--radius);background:var(--plocha)}
.priloha-popisek{font-size:14px;color:var(--seda)}
.priloha-zpet{margin-top:20px;font-weight:600}

.paticka{background:var(--navy);color:#DDE3F0;padding:48px 0 28px;margin-top:40px}
.paticka a{color:#DDE3F0;text-decoration:none}.paticka a:hover{color:#fff}
.paticka-sloupce{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.paticka-o{display:flex;flex-direction:column;gap:12px}
.paticka-o p{font-size:14px;color:#A9B1CC}
.paticka-sloupec{display:flex;flex-direction:column;gap:8px;font-size:14px}
.paticka-nadpis{font-weight:600;color:#fff}
.paticka-dole{margin-top:36px;font-size:13px;color:#A9B1CC;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}

@media (max-width:900px){
  .obal{padding:0 20px}
  .h1{font-size:32px}
  h2{font-size:24px}
  .uvod{padding:28px 20px 8px}
  .pas{padding:40px 0}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--bila);border-bottom:1px solid var(--linka);box-shadow:var(--stin);z-index:20}
  .menu a{padding:14px 20px;border-top:1px solid var(--linka)}
  .hlavicka.je-otevrena .menu{display:flex}
  .menu-tlacitko{display:inline-flex}
  .prekladac-jazyky{flex-wrap:wrap}
  .prekladac-jazyky .vyber{flex:1 1 140px}
  .vyber-popisek{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .prekladac-panely{grid-template-columns:1fr}
  .prekladac-panel-vysledek{border-left:0;border-top:1px solid var(--linka)}
  .prekladac-text,.prekladac-vysledek{min-height:150px}
  .prekladac-vysledek{min-height:120px}
  .prekladac-lista{grid-template-columns:1fr}
  .prekladac-pocet{text-align:center}
  .prekladac-odeslat{width:100%}
  .prekladac-akce{justify-content:center;justify-self:center}
  .mrizka-jazyky{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mrizka-duvody,.mrizka-skupiny,.priklad{grid-template-columns:1fr}
  .priklad-cs{border-left:0;border-top:1px solid var(--linka)}
  .dva-sloupce{flex-direction:column;gap:32px}
  .sloupec-vedlejsi{max-width:none}
  .paticka-sloupce{grid-template-columns:1fr}
  .slovo-nadpis{font-size:48px}
  .preklad-slovo{font-size:24px}
  .hledani-pole{flex:1 1 100%}
  .hledani-odeslat{flex:1 1 100%}
}
@media (max-width:600px){
  .prekladac-jazyky .vyber,.hledani .vyber{flex:1 1 100%}
  .prekladac-prohodit,.hledani-prohodit{margin:0 auto}
  .prekladac-prohodit .ikona,.hledani-prohodit .ikona{transform:rotate(90deg)}
}
@media (max-width:480px){
  .mrizka-jazyky{grid-template-columns:1fr 1fr}
  .karta-jazyk{padding:14px}
}