/* Mediálne pole SK — spoločný štýl webu (smer A „Ľudia v poli“ s prvkami C, 29. 10. 2026). Svetlý papier, atrament, Inter; IBM Plex Mono LEN na čísla a popisky osí. Písma lokálne z fonty/ (OFL). Žiadny cudzí server, žiadne sledovanie. Farba = jediná meraná veličina: TÓN (teal → coral). Valencia je bez farby (znak + tvar). */ @font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonty/inter-latin-ext-var.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonty/inter-latin-var.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:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonty/ibm-plex-mono-latin-ext-400.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonty/ibm-plex-mono-latin-400.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:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonty/ibm-plex-mono-latin-ext-500.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonty/ibm-plex-mono-latin-500.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:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(fonty/ibm-plex-mono-latin-ext-600.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(fonty/ibm-plex-mono-latin-600.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} /* ---------- Tokeny ---------- */ :root{ color-scheme:light; --papier:#f6f4ef; /* teplý papier — podklad */ --papier-2:#efebe2; /* tichá plocha (pásy, sekcie) */ --karta:#fbfaf6; /* karty, panely */ --atrament:#17171a; /* text, rám, valencia */ --atrament-2:#3f3d38; /* sekundárny text */ --tichy:#625e56; /* popisky (5,6:1 na papieri) */ --linka:#dcd6ca; /* jemné deliace čiary */ --linka-2:#bdb5a5; /* koľaje osí, obrysy */ --avatar-bg:#e3ddd0; /* jednotný neutrálny avatar */ --avatar-txt:#2a2824; --bod-obrys:rgba(23,23,26,.62); /* obrys tónového bodu (3:1 voči papieru) */ --sivy-bod:#8a857b; /* záber/podanie — farebne neutrálne */ --tien:0 1px 0 rgba(23,23,26,.04),0 8px 24px -12px rgba(23,23,26,.18); --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace; --okraj:clamp(16px,3vw,40px); --sirka:1320px; --grad-ton:linear-gradient(90deg,#1f8a8a,#6f9a6a 38%,#c79a44 68%,#cc683e); } @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ color-scheme:dark; --papier:#161412;--papier-2:#1d1a17;--karta:#1f1c18; --atrament:#f2eee6;--atrament-2:#d2ccc0;--tichy:#a69f92; --linka:#322e28;--linka-2:#4d473e; --avatar-bg:#2e2a24;--avatar-txt:#ece6da; --bod-obrys:rgba(242,238,230,.7);--sivy-bod:#9b958a; --tien:0 1px 0 rgba(0,0,0,.2),0 10px 28px -14px rgba(0,0,0,.6); } } :root[data-theme="dark"]{ color-scheme:dark; --papier:#161412;--papier-2:#1d1a17;--karta:#1f1c18; --atrament:#f2eee6;--atrament-2:#d2ccc0;--tichy:#a69f92; --linka:#322e28;--linka-2:#4d473e; --avatar-bg:#2e2a24;--avatar-txt:#ece6da; --bod-obrys:rgba(242,238,230,.7);--sivy-bod:#9b958a; --tien:0 1px 0 rgba(0,0,0,.2),0 10px 28px -14px rgba(0,0,0,.6); } /* ---------- Základ ---------- */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-padding-top:84px} body{margin:0;background:var(--papier);color:var(--atrament);font:400 16px/1.5 var(--font); font-feature-settings:"cv11","ss01";overflow-x:hidden} a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px} a:hover{text-decoration-thickness:2px} button,input,select{font:inherit;color:inherit} button{cursor:pointer} :focus-visible{outline:2px solid var(--atrament);outline-offset:3px;border-radius:4px} .mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0} .tichy{color:var(--tichy)} .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* Vodorovne posúvané pásy musia byť obsahujúci blok pre .sr, inak .sr uniká z pásu a rozťahuje stránku na mobile. */ .vz-okno,.okno,.temy-cipy,.nav,.p-obsah ol,.siet-obal,.cas .panel{position:relative} .obal{max-width:var(--sirka);margin:0 auto;padding:0 var(--okraj)} h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.08} .skok{position:absolute;left:-999px;top:8px;background:var(--atrament);color:var(--papier);padding:8px 12px;z-index:99} .skok:focus{left:8px} /* ---------- Hlavička ---------- */ .hl{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--papier) 92%,transparent); backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--linka)} .hl .obal{display:flex;align-items:center;gap:14px;min-height:64px} .logo{display:flex;align-items:baseline;gap:6px;text-decoration:none;white-space:nowrap} .logo b{font-weight:800;font-size:19px;letter-spacing:-.03em} .logo span{font-weight:600;font-size:12px;border:1.5px solid currentColor;border-radius:3px;padding:0 4px;line-height:16px} /* Menu sa nezalamuje pod hľadanie: najprv sa zúži hľadanie, potom sa menu posúva vodorovne. */ .nav{display:flex;gap:2px;flex:1 1 auto;min-width:0;overflow:hidden} .nav a{text-decoration:none;font-weight:550;font-size:14px;padding:8px 8px;border-radius:999px;color:var(--atrament-2);white-space:nowrap} .nav a:hover{background:var(--papier-2);color:var(--atrament)} .nav a[aria-current="page"]{background:var(--atrament);color:var(--papier)} .nav a.nav-slot{color:var(--tichy);cursor:not-allowed;display:inline-flex;align-items:center;gap:6px} .nav a.nav-slot:hover{background:transparent;color:var(--tichy)} .nav .pripr{font-size:10.5px;font-weight:650;border:1px dashed var(--linka-2);border-radius:999px;padding:0 6px;line-height:16px} .hl-hladaj{position:relative;flex:0 1000 220px;min-width:120px} .hl-hladaj input{width:100%;height:38px;border:1px solid var(--linka-2);border-radius:999px;background:var(--karta); padding:0 14px 0 36px;font-size:14px} .hl-hladaj::before{content:"";position:absolute;left:13px;top:12px;width:11px;height:11px;border:2px solid var(--tichy);border-radius:50%} .hl-hladaj::after{content:"";position:absolute;left:24px;top:24px;width:6px;height:2px;background:var(--tichy);transform:rotate(45deg)} .ikona-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--linka-2);background:var(--karta);display:grid;place-items:center;flex:none} .ikona-btn svg{width:18px;height:18px} .hl-mob{display:none} /* Zbalené menu (web.js zbalovanieMenu): tlačidlo „Menu“, položky ako zoznam pod hlavičkou. */ .hl-menu{display:none;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--linka-2);background:var(--karta); font-weight:600;font-size:14px;color:var(--atrament);flex:none} .hl-menu::after{content:" ▾";font-size:11px} .hl.menu-otvorene .hl-menu::after{content:" ▴"} .hl.menu-zbalene .hl-menu{display:inline-block} .hl.menu-zbalene .nav{visibility:hidden;position:absolute;pointer-events:none;left:0;right:0} .hl.menu-zbalene.menu-otvorene .nav{visibility:visible;pointer-events:auto;top:100%;flex-direction:column;gap:0; background:var(--papier);border-bottom:1px solid var(--linka);padding:8px 16px 14px;box-shadow:0 8px 20px rgba(0,0,0,.08);z-index:41} .hl.menu-zbalene.menu-otvorene .nav a{border-radius:8px;padding:10px 12px;font-size:15px} .hl .obal{position:relative} @media (max-width:980px){ /* Na úzkej obrazovke má hlavička tri riadky — nelepí sa, aby nezaberala pätinu výšky; lepí sa len obsah profilu a filtre vydania. */ html{scroll-padding-top:56px} .hl{position:static} .hl .obal{flex-wrap:wrap;gap:10px 12px;padding-top:10px;padding-bottom:6px} .logo{flex:1 1 auto;order:1} .nav{order:2} .hl-menu{order:3} .hl .ikona-btn{order:4} .hl-hladaj{order:5;flex:1 1 100%;width:auto} } /* ---------- Našepkávač ---------- */ .nasep{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--karta);border:1px solid var(--linka-2); border-radius:14px;box-shadow:var(--tien);padding:6px;z-index:60;max-height:min(70vh,460px);overflow:auto;list-style:none;margin:0} .nasep[hidden]{display:none} .nasep li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;cursor:pointer} .nasep li[aria-selected="true"],.nasep li:hover{background:var(--papier-2)} .nasep .druh{margin-left:auto;font-size:12px;color:var(--tichy);white-space:nowrap} .nasep .txt{min-width:0} .nasep .txt b{display:block;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nasep .txt small{display:block;color:var(--tichy);font-size:12.5px} .nasep .prazdne{color:var(--tichy);cursor:default} .znak{width:32px;height:32px;border-radius:8px;border:1px solid var(--linka-2);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none;color:var(--atrament-2)} /* ---------- Avatar z iniciál (jednotný, neutrálny) ---------- */ .av{--s:40px;width:var(--s);height:var(--s);border-radius:50%;background:var(--avatar-bg);color:var(--avatar-txt); display:inline-grid;place-items:center;font-weight:650;font-size:calc(var(--s)*.36);letter-spacing:-.01em;flex:none; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--atrament) 10%,transparent);user-select:none;text-decoration:none} .av.xs{--s:24px;font-size:10px}.av.s{--s:32px}.av.m{--s:48px}.av.l{--s:64px}.av.xl{--s:128px} .av.skupina{border-radius:28%} /* strana, inštitúcia, „opozícia“ */ .av.medium{border-radius:6px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--linka-2);font-size:calc(var(--s)*.3)} .av-rad{display:flex;align-items:center;flex-wrap:wrap;gap:6px} .av-rad a.osoba-chip{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:13.5px;font-weight:550; padding:3px 10px 3px 3px;border-radius:999px;border:1px solid var(--linka);background:var(--karta)} .av-rad a.osoba-chip:hover{border-color:var(--atrament)} .av-rad span.osoba-chip{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--tichy);padding:3px 10px 3px 3px} /* ---------- Štítky ---------- */ .stitok{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:3px 9px;border-radius:999px; border:1px solid var(--linka-2);color:var(--atrament-2);background:var(--karta);white-space:nowrap} .stitok.odhad::before{content:"";width:7px;height:7px;border-radius:50%;border:1.5px solid currentColor} .stitok.tenka{border-style:dashed} .stitok.plny{background:var(--atrament);color:var(--papier);border-color:var(--atrament)} .meta{font-size:13px;color:var(--tichy)} .meta .mono{color:var(--atrament-2)} /* ---------- Tónová koľaj (dáta: farba len tu) ---------- */ .kolaj{position:relative;height:22px} .kolaj::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:2px; background:var(--grad-ton);opacity:.35} .kolaj.ticha::before{background:var(--linka-2);opacity:1;height:1px} .bod{position:absolute;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%; box-shadow:0 0 0 1px var(--bod-obrys)} .bod.siv{background:var(--sivy-bod)} .kolaj .stred{position:absolute;top:2px;bottom:2px;width:2px;margin-left:-1px;background:var(--atrament);border-radius:1px} .os-popis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--tichy)} /* ---------- Meter rozkolu (10 dielikov, atrament — meranie ostáva tiché) ---------- */ .rozkol{display:inline-flex;align-items:center;gap:8px;white-space:nowrap} .rozkol .dieliky{display:inline-flex;gap:2px} .rozkol .dieliky i{width:5px;height:14px;border-radius:1px;background:var(--linka);display:block} .rozkol .dieliky i.p{background:var(--atrament)} .rozkol{position:relative} .rozkol .mono{font-size:12px;font-weight:500;color:var(--tichy)} .rozkol-btn{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:3px 4px;border-radius:6px} .rozkol-btn:hover{background:var(--papier-2)} .rk-i{width:15px;height:15px;border-radius:50%;border:1px solid var(--linka-2);font-size:10px;font-weight:700;line-height:13px;text-align:center;color:var(--tichy);font-style:italic;font-family:Georgia,serif} .rozklad{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:290px;background:var(--karta);border:1px solid var(--atrament);border-radius:12px;padding:12px 14px;box-shadow:var(--tien);font-size:13px;line-height:1.4;text-align:left;white-space:normal;color:var(--atrament)} .rozklad b{display:block;font-size:13.5px;margin-bottom:6px} .rk-r{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--linka);padding:3px 0} .rk-r .mono{color:var(--atrament)} .rk-v{display:block;margin-top:8px;color:var(--atrament-2)} .rozkol-btn[aria-expanded="true"]+.rozklad,.rozkol:hover .rozklad,.rozkol:focus-within .rozklad{display:block} .rozkol.vlavo .rozklad{right:auto;left:0} /* ---------- Valencia (BEZ farby: tvar + znak + hrúbka) ---------- */ .val{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;white-space:nowrap} .val .z{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-family:var(--mono);font-size:14px;line-height:1} .val.kritika .z{background:var(--atrament);color:var(--papier)} .val.podpora .z{border:1.5px solid var(--atrament);color:var(--atrament)} .val .sila{display:inline-block;height:0;border-top:var(--h,2px) solid var(--atrament);width:26px;border-radius:2px} .val.podpora .sila{border-top-style:double;border-top-width:calc(var(--h,2px) + 2px)} /* ---------- Tlačidlá, čipy, segmenty ---------- */ .btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linka-2);background:var(--karta);border-radius:999px; padding:7px 14px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap} .btn:hover{border-color:var(--atrament)} .btn.tmavy{background:var(--atrament);color:var(--papier);border-color:var(--atrament)} .btn.tichy{border-color:transparent;background:transparent;padding-left:4px;padding-right:4px;text-decoration:underline;text-underline-offset:3px} .cip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linka-2);background:var(--karta);border-radius:999px; padding:5px 12px;font-size:13.5px;font-weight:550;white-space:nowrap} .cip .mono{font-size:12px;color:var(--tichy)} .cip[aria-pressed="true"]{background:var(--atrament);color:var(--papier);border-color:var(--atrament)} .cip[aria-pressed="true"] .mono{color:inherit;opacity:.75} .cip:disabled{opacity:.55;cursor:not-allowed;border-style:dashed} .seg{display:inline-flex;border:1px solid var(--linka-2);border-radius:999px;padding:2px;background:var(--karta)} .seg button{border:0;background:transparent;border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:550;white-space:nowrap} .seg button[aria-pressed="true"]{background:var(--atrament);color:var(--papier)} .seg button:disabled{color:var(--tichy);cursor:not-allowed;text-decoration:line-through;text-decoration-thickness:1px} .odstran{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--atrament);background:var(--karta);border-radius:999px;padding:3px 6px 3px 11px;font-size:13px;font-weight:600} .odstran .x{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--atrament);color:var(--papier);font-size:12px;line-height:1} select.vyber{height:34px;border:1px solid var(--linka-2);border-radius:999px;background:var(--karta);padding:0 30px 0 12px;font-size:13.5px;font-weight:550; appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tichy) 50%),linear-gradient(135deg,var(--tichy) 50%,transparent 50%); background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px;background-repeat:no-repeat} /* ---------- Drobčeky ---------- */ .drob{font-size:13.5px;color:var(--tichy);display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:18px 0 0} .drob a{color:var(--atrament-2)} .drob .sep{opacity:.6} /* ---------- Sekcie ---------- */ .nadpis-sekcie{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 14px} .nadpis-sekcie h2{font-size:clamp(24px,2.6vw,32px);font-weight:800} .panel{background:var(--karta);border:1px solid var(--linka);border-radius:16px} .slot{border:1.5px dashed var(--linka-2);border-radius:14px;padding:16px 18px;color:var(--tichy);background:repeating-linear-gradient(-45deg,transparent 0 9px,color-mix(in srgb,var(--linka) 35%,transparent) 9px 10px)} .slot b{color:var(--atrament-2)} .prazdny{border:1px dashed var(--linka-2);border-radius:12px;padding:16px;color:var(--tichy);font-size:14.5px} /* ---------- Pätička ---------- */ .pata{margin-top:72px;border-top:2px solid var(--atrament);padding:32px 0 48px;font-size:14px;color:var(--atrament-2)} .pata .stlpce{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px} .pata h3{font-size:13px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;color:var(--atrament)} .pata p{margin:0 0 8px} .pata .disc{grid-column:1/-1;border-top:1px solid var(--linka);padding-top:16px;color:var(--tichy);font-size:13px} .pata nav{display:flex;flex-direction:column;gap:6px} @media (max-width:760px){.pata .stlpce{grid-template-columns:minmax(0,1fr)}} @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Hranice ovládacích prvkov ≥ 3:1 (WCAG 1.4.11) */ .hl-hladaj input,select.vyber,.mini-hladaj input,.prepni input{border-color:var(--tichy)} /* ---------- Fotka osoby (Wikimedia Commons, lokálna kópia) ---------- */ .av.foto{background:var(--avatar-bg);overflow:hidden;padding:0} .av.foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block} .av.medium img{width:62%;height:62%;object-fit:contain;display:block} .foto-kredit{font-size:11.5px;line-height:1.35;color:var(--tichy)} .foto-kredit a{color:var(--atrament-2)} /* ---------- Skupina „bez dramatizujúceho prvku“ (tón 0,0) ---------- Tón 0,0 = model v titulku nenašiel nič dramatizujúce. Nie je to bod na osi (kopa na nule by prekryla zvyšok), ale samostatná skupina s počtom — rovnako tichá ako meranie. */ .s-nulou{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center} .nula{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11.5px;color:var(--atrament-2); border:1px dashed var(--linka-2);border-radius:999px;padding:1px 8px;line-height:18px;background:var(--karta)} .nula b{font-family:var(--mono);font-weight:500;font-size:12px;color:var(--atrament)} .nula.prazdna{opacity:.45} .nula-dlha{display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--linka-2);border-radius:12px;padding:6px 12px; font-size:13.5px;background:var(--karta)} .nula-dlha b{font-family:var(--mono);font-weight:500} /* ---------- Pás vzťahov (valencia) vo vrchu titulky ---------- */ .vz-pas{margin-top:22px;border-top:2px solid var(--atrament);border-bottom:1px solid var(--linka);padding:12px 0 14px} .vz-hl{display:flex;align-items:baseline;gap:10px 14px;flex-wrap:wrap;margin-bottom:10px} .vz-hl h2{font-size:18px;font-weight:780;letter-spacing:-.02em} .vz-hl .vpravo{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:13.5px} .vz-okno{overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity;margin:0 calc(-1*var(--okraj));padding:2px var(--okraj) 8px} .vz-stopa{display:flex;gap:12px;width:max-content} .vz{width:330px;flex:none;scroll-snap-align:start;border:1px solid var(--linka);border-radius:14px;background:var(--karta);padding:10px 12px;display:grid;gap:6px} .vz .dvoj{display:grid;gap:4px;font-size:13.5px;font-weight:650;min-width:0} .vz .dvoj .r{display:flex;align-items:center;gap:7px;min-width:0} .vz .dvoj .r>a,.vz .dvoj .r>span.m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .vz .dvoj .val{margin-left:auto} .vz .sip{font-family:var(--mono);color:var(--tichy);flex:none;width:24px;text-align:center} .vz blockquote,.vz .parafraza{margin:0;font-size:14px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .vz .zd{font-size:12px;color:var(--tichy);display:flex;gap:8px;flex-wrap:wrap} .vz .zd a{color:var(--atrament-2)} .vz-sum{font-size:14px;color:var(--atrament-2);margin:0 0 10px} .vz-sum b{color:var(--atrament)} /* ---------- Karta osoby (prevzaté zo smeru C: samostatný blok s fotkou) ---------- */ .karta-osoby{border:2px solid var(--atrament);border-radius:22px;background:var(--karta);display:grid;grid-template-columns:200px minmax(0,1fr);overflow:hidden} .ko-foto{border-right:1px solid var(--linka);padding:18px;display:flex;flex-direction:column;gap:8px} .ko-ram{aspect-ratio:3/4;border-radius:12px;background:var(--papier-2);display:grid;place-items:center;overflow:hidden} .ko-ram img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block} .ko-ram .av{--s:96px;font-size:34px} .ko-telo{padding:20px 24px 0;display:flex;flex-direction:column;min-width:0} .ko-okruh{font-size:14px;font-weight:600;color:var(--atrament-2);display:flex;gap:8px;flex-wrap:wrap;align-items:center} .ko-telo h1{font-size:clamp(38px,5.2vw,74px);font-weight:820;letter-spacing:-.045em;line-height:.95;margin:10px 0 14px} .ko-cisla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--atrament);margin-top:auto} .ko-cisla>div{padding:12px 12px 14px 0} .ko-cisla>div+div{padding-left:14px;border-left:1px solid var(--linka)} .ko-cisla .v{display:block;font-family:var(--mono);font-size:24px;font-weight:500;line-height:1.1} .ko-cisla small{display:block;font-size:12.5px;color:var(--atrament-2);line-height:1.3;margin-top:3px} .ko-pata{margin:0 -24px;padding:8px 24px;border-top:1px solid var(--atrament);font-size:12px;color:var(--tichy);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap} @media (max-width:760px){ .karta-osoby{grid-template-columns:minmax(0,1fr)} .ko-foto{border-right:0;border-bottom:1px solid var(--linka);flex-direction:row;align-items:center;gap:14px;padding:14px 16px} .ko-ram{width:92px;flex:none} .ko-ram .av{--s:64px;font-size:22px} .ko-telo{padding:14px 16px 0} .ko-cisla{grid-template-columns:repeat(2,minmax(0,1fr))} .ko-cisla>div:nth-child(3){padding-left:0;border-left:0} .ko-cisla>div:nth-child(n+3){border-top:1px solid var(--linka)} .ko-pata{margin:0 -16px;padding:8px 16px} } /* ---------- Výrok (citát valencie) ---------- */ .vyr{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--linka)} .vyr .kto{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-weight:650;font-size:14.5px} .vyr .kto .meta{font-weight:500} .vyr blockquote{margin:2px 0;font-size:16px;line-height:1.45;max-width:72ch} .vyr .zd{font-size:13px;color:var(--tichy)} .vyr .zd a{color:var(--atrament-2)} .vyr .aj{font-size:12.5px;color:var(--tichy);margin-top:3px} .vyr .aj a{color:var(--atrament-2)} /* Bez JS / chyba dát */ .chyba-dat{border:1.5px solid var(--atrament);border-radius:14px;padding:16px;margin:24px 0} /* Dvojice „kto o kom“ s citátmi (mapa vzťahov, mapa polarizácie, porovnanie období) */ .stav{display:flex;gap:10px;align-items:flex-start;background:var(--papier-2);border-radius:12px;padding:12px 14px;font-size:14.5px;margin-bottom:14px} .stav .stitok{flex:none} .par{border-bottom:1px solid var(--linka)} .par summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 4px;cursor:pointer;list-style:none} .par summary::-webkit-details-marker{display:none} .par summary .kto{display:flex;align-items:center;gap:8px;min-width:0;font-weight:600;font-size:14.5px} .par summary .kto span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .par.zmena summary{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:4px} .par.zmena summary .kto span:last-child{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere} .par.zmena summary .n{grid-column:1 / -1;white-space:normal;padding-left:32px} .zmeny-skup{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px 28px} .zmeny-skup h3 .meta{font-weight:400;font-size:12.5px} .par summary .sip{font-family:var(--mono);color:var(--tichy)} .par summary .mono.n{font-size:12.5px;color:var(--atrament-2);white-space:nowrap} .par[open] summary{background:var(--papier-2)} .par .vnut{padding:4px 4px 12px 40px} .cit{padding:8px 0;border-top:1px dashed var(--linka);font-size:14.5px} .cit blockquote{margin:0 0 3px} /* parafráza: bez úvodzoviek, so štítkom „parafráza (médium)“ — redakcia prerozprávala, nie doslovný citát */ .parafraza{margin:2px 0;font-size:16px;line-height:1.45;max-width:72ch} .cit .parafraza{margin:0 0 3px;font-size:inherit} .parafraza .stitok{font-size:11.5px;padding:1px 7px;margin-right:4px;vertical-align:1px} .cit .meta a{color:var(--atrament-2)} .dva-stl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px} .dva-stl h3{font-size:15px;margin:0 0 6px;color:var(--atrament-2)} @media (max-width:860px){.dva-stl{grid-template-columns:minmax(0,1fr)}} @media (max-width:600px){.par summary{grid-template-columns:minmax(0,1fr) auto}.par summary .sip{display:none}.par .vnut{padding-left:8px} .par.zmena summary{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.par.zmena summary .sip{display:inline}.par.zmena summary .n{padding-left:0}} .par summary .n{font-size:12.5px;white-space:nowrap} /* Filtre mapy (vzťahy, polarizácia) */ .filtre-p{margin:18px 0 6px;border:1px solid var(--linka-2);border-radius:14px;background:var(--karta)} .filtre-p>summary{padding:10px 14px;font-weight:650;cursor:pointer} .filtre-f{padding:0 14px 14px;display:grid;gap:10px} .filtre-f fieldset{border:0;border-top:1px solid var(--linka);margin:0;padding:8px 0 0} .filtre-f legend{font-size:12.5px;font-weight:700;color:var(--tichy);padding:0 6px 0 0} .fl{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;margin:3px 12px 3px 0;white-space:nowrap} .fl-st{display:flex;flex-wrap:wrap;max-height:180px;overflow:auto;position:relative} .fl-akcie{display:flex;gap:10px;align-items:center;flex-wrap:wrap} /* Pokrytie výrokov: hlavné číslo = rôzne výroky, pod ním menším písmom články a médiá. */ .pokr{font-family:var(--font);font-size:12.5px;font-weight:450;color:var(--tichy);letter-spacing:0;text-transform:none} .av.dlhe{font-size:.78em;letter-spacing:-.02em} .val-med{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tichy);margin:18px 0 6px;padding-top:12px;border-top:1px dashed var(--linka)} a.bod{display:block;cursor:pointer}a.bod:hover,a.bod:focus-visible{box-shadow:0 0 0 2px var(--atrament);z-index:2;outline:none} /* odkaz vpravo v nadpise sekcie (napr. profil → Médiá a politici v testovacom webe) */ .nadpis-sekcie .vpravo{margin-left:auto;font-size:14px;white-space:nowrap} /* Na mobile nesmie rozťahovať stránku: fieldset má predvolene min-width:min-content, dlhý