/* RychlyVyber — "výpis z účtu": paper, ink, paid-stamp green, timer orange */
:root{
  --bg:#f4f1ea; --surface:#ffffff; --text:#1a1d21; --muted:#5a5f66; --line:#ddd6c8;
  --accent:#0f7b5f; --accent-ink:#0a5c47; --timer:#c2410c; --paper2:#ebe5d8; --ink:#14213d;
  --r:14px; --fh:"Familjen Grotesk",system-ui,sans-serif; --fb:"Literata",Georgia,serif; --fm:"Spline Sans Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.62 var(--fb);}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--accent-ink);text-underline-offset:3px}
a:hover{color:var(--timer)}
h1,h2,h3,.qc205e5,.u210168,.tc5a05a,.ne89ffe,.secf33c,.g3e16e1,.rf05e8a{font-family:var(--fh);line-height:1.18;color:var(--ink)}
h1{font-size:clamp(1.9rem,4.2vw,2.9rem);margin:.2em 0 .45em;letter-spacing:-.01em}
h2{font-size:clamp(1.35rem,2.6vw,1.8rem);margin:1.6em 0 .55em}
h3{font-size:1.12rem;margin:1.2em 0 .35em}
.t3e7b5f{max-width:1160px;margin:0 auto;padding:0 20px}
.z5942e4{padding-bottom:40px}

/* header */
.k970c8d{background:var(--ink);color:#fff;position:relative;z-index:20}
.c89db09{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}
.u210168{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:10px}
.u210168 b{color:#7fe0bf}
.vb39d92{width:26px;height:26px;border-radius:50%;border:3px solid #7fe0bf;position:relative}
.vb39d92:after{content:"";position:absolute;left:9px;top:3px;width:3px;height:9px;background:#f6b26b;transform-origin:bottom;transform:rotate(35deg)}
.i546cc3 ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.i546cc3 a{color:#e9edf5;text-decoration:none;font:500 .95rem var(--fh);padding:12px 10px;display:inline-block;min-height:48px;border-radius:8px}
.i546cc3 a:hover{background:rgba(255,255,255,.08);color:#fff}
.gd54cac{display:none;background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:10px;min-height:48px;min-width:48px;padding:10px 12px;cursor:pointer}
.gd54cac span{display:block;width:20px;height:2px;background:#fff;margin:4px 0}
.gd54cac em{position:absolute;left:-9999px}
.xa09e08{font:500 .85rem var(--fh);color:var(--muted);padding:16px 0 0}
.xa09e08 a{color:var(--muted)}

/* masthead */
.fd93e53{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:34px;align-items:start;padding:26px 0 8px}
.z9e107c{font-size:1.12rem;background:var(--surface);border:1px solid var(--line);padding:16px 18px;border-radius:var(--r)}
.o6f057a{font:500 .9rem var(--fh);color:var(--muted)}
.kc529ee{font-size:.88rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}
.kc529ee time{font-style:italic}
.c1bae05{font:600 1.05rem var(--fh);color:var(--ink);background:var(--paper2);padding:12px 14px;border-radius:var(--r);margin:0 0 14px}
.c1bae05 b{color:var(--timer)}

/* board */
.ac7a7ab{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 30px -18px rgba(20,33,61,.45)}
.tc5a05a{font-size:.95rem;margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.qc69532{display:grid;gap:12px}
.sc21b0c{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;background:linear-gradient(180deg,#fff, #fbf9f4)}
.xdeccee{display:flex;align-items:center;gap:10px}
.a51ea31{font:600 .8rem var(--fm);background:var(--ink);color:#fff;border-radius:999px;padding:3px 9px}
.a51ea31.badge-top{background:var(--timer)}
.k5db506{height:30px;width:auto;max-width:110px;object-fit:contain}
.wde1baf{font:700 1.05rem var(--fh);color:#a16207;letter-spacing:.02em;background:#fef3c7;border-radius:8px;padding:4px 8px}
.iad6125{font:600 1.05rem var(--fh);margin-left:auto}
.ja7dab6{margin:8px 0;display:grid;gap:4px}
.vb858af{display:grid;grid-template-columns:118px 1fr;gap:8px;font-size:.92rem}
.vb858af dt{color:var(--muted);font-family:var(--fh)}
.vb858af dd{margin:0;font-family:var(--fm);font-size:.86rem}
.ybbccad{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.b342d49{font:500 .9rem var(--fh)}
.a58d969,.h18f6a6,.ve2e6ff button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font:600 1rem var(--fh);border:0;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.a58d969:hover,.h18f6a6:hover,.ve2e6ff button:hover{background:var(--accent-ink);color:#fff}
.t5fcfcd{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:var(--ink);color:#fff;border-radius:18px;padding:18px 20px;margin:26px 0}
.t5fcfcd p{margin:0;flex:1 1 320px;font-family:var(--fh)}
.t5fcfcd .a58d969{background:#f59e0b;color:#1a1d21}
.ucefa92{font-family:var(--fh);font-weight:600}

/* content */
.z34ad3d{margin:8px 0}
.wda4616{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem}
caption{caption-side:top;text-align:left;font:600 .92rem var(--fh);color:var(--ink);padding:12px 16px;background:var(--paper)}
th,td{padding:12px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5}
thead th{background:var(--paper2);font-family:var(--fh);font-weight:600;border-top:0}
td:first-child{font-family:var(--fh);font-weight:600}
tbody tr:nth-child(even){background:rgba(0,0,0,.018)}
.p1f1327{display:inline-block;margin-top:5px;padding:3px 9px;border-radius:6px;font:600 .82rem var(--fm);background:#e7f5ef;color:#166534;border:1px solid #b7dfcf}
.ma33710{display:block;font-size:.86rem;color:var(--muted);margin-top:4px}
.o73a700{counter-reset:s;list-style:none;padding:0}
.o73a700 li{counter-increment:s;position:relative;padding:10px 10px 10px 54px;margin:8px 0;background:var(--surface);border-radius:var(--r);border:1px solid var(--line)}
.o73a700 li:before{content:counter(s);position:absolute;left:12px;top:10px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font:600 .95rem/30px var(--fm);text-align:center}
.ze8bbd1{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mbcc0a0{background:var(--surface);border-radius:var(--r);padding:12px 16px;border:1px solid var(--line)}
.xb2a895 .secf33c{color:var(--accent)}
.sfeebfb .secf33c{color:var(--timer)}
.secf33c{font-weight:600;margin:.3em 0}
.note{background:#fff7ed;border:1px solid #fed7aa;padding:12px 16px;border-radius:var(--r);font-size:.97rem}
blockquote{margin:18px 0;padding:12px 18px;background:var(--paper2);border-radius:var(--r);font-style:italic}
.m19264e{margin:22px 0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}
.m19264e figcaption{font-size:.86rem;color:var(--muted);margin-top:6px}
.ofec670{fill:#f8f5ee;stroke:var(--ink);stroke-width:2}
.oc7755b{fill:#fff1e6;stroke:var(--timer)}
.cf572d0{fill:#e7f5ef;stroke:var(--accent)}
.k03ec3a{font:600 17px var(--fh);fill:var(--ink)}
.o7d23d6{font:500 14px var(--fh);fill:#3d434a}
.he549bc{stroke:var(--ink);stroke-width:3}
.k5d37a7{fill:var(--accent)}
.i36d1d0{fill:var(--timer)}
.d19275f{fill:var(--ink)}
.oea2d9d{background:#e7f5ef;border:1px solid #b7dfcf;border-radius:18px;padding:16px 20px;margin:26px 0}
.g3e16e1{font-weight:600;margin:0 0 6px}
.z65085f{font-size:.88rem;color:var(--muted);margin:6px 0 0}
.wcd011b{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.wcd011b li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;font-size:.95rem}
.wcd011b a{font-family:var(--fh);font-weight:600}
.i423de6{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.meca23e{background:var(--surface);border-radius:var(--r);padding:14px 16px;border:1px solid var(--line)}
.ne89ffe{font-weight:700;font-size:1.15rem;margin:0}
.hdb8330{background:var(--ink);color:#f3f4f6;border-radius:18px;padding:18px 22px}
.hdb8330 h2{color:#fff;margin-top:.2em}
.hdb8330 a{color:#7fe0bf}
.j0e8634{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}
.j0e8634 div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}
.j0e8634 span{display:block;font:500 .8rem var(--fh);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.j0e8634 b{font:600 1rem var(--fm)}

/* tools */
.c7d5db5{background:var(--surface);border:2px solid var(--ink);border-radius:18px;padding:6px 20px 18px;margin:28px 0}
.ve2e6ff{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}
.ve2e6ff label{font:500 .9rem var(--fh);display:grid;gap:4px}
.ve2e6ff select,.ve2e6ff input{min-height:48px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:500 1rem var(--fh);background:#fff}
.y7e3b57{display:block;margin-top:14px;font:500 1rem var(--fh);background:var(--paper2);border-radius:12px;padding:12px 14px}

/* faq */
.ab4e89d .d671209{background:var(--surface);border-radius:var(--r);padding:4px 16px 8px;margin:10px 0;border:1px solid var(--line)}
.ab4e89d h3{margin-top:.7em}

/* footer */
.f3b5172{background:#111827;color:#d6dae1;margin-top:40px;padding:34px 0 90px;font-size:.95rem}
.f3b5172 a{color:#e5e7eb}
.n87b76c{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px}
.qc205e5{color:#fff;font-size:1.3rem;margin:0 0 8px}.qc205e5 b{color:#7fe0bf}
.rf05e8a{color:#fff;font-weight:600;margin:0 0 8px}
.f3b5172 ul{list-style:none;margin:0;padding:0}.f3b5172 li{margin:6px 0}
.l0bba8e{border-top:1px solid #2b3445;margin-top:24px;padding-top:16px;font-size:.95rem;color:#e5e7eb}
.a039285{display:inline-block;border:2px solid #f59e0b;color:#f59e0b;border-radius:50%;width:38px;height:38px;line-height:34px;text-align:center;font:700 .85rem var(--fh);margin-right:8px}

/* sticky mobile CTA: hidden on desktop */
.t9ae2c6{display:none}

@media (max-width:900px){
  .fd93e53{grid-template-columns:1fr;gap:18px}
  .ze8bbd1,.i423de6{grid-template-columns:1fr}
  .n87b76c{grid-template-columns:1fr 1fr}
  .gd54cac{display:block}
  .i546cc3{display:none;position:absolute;left:0;right:0;top:64px;background:var(--ink);padding:8px 20px 16px}
  .i546cc3.l92acf2{display:block}
  .i546cc3 ul{flex-direction:column}
  .t9ae2c6{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:center;gap:10px;background:#111827;color:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.25)}
  .xced831{height:28px;width:auto;max-width:78px}
  .d7cb02b{display:grid;flex:1;font:500 .8rem/1.25 var(--fh);min-width:0}
  .d7cb02b strong{font-size:.95rem}
  .d7cb02b span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .h18f6a6{background:#f59e0b;color:#1a1d21;padding:10px 14px;white-space:nowrap}
  body{font-size:16.5px}
}
@media (max-width:560px){
  .n87b76c{grid-template-columns:1fr}
  .vb858af{grid-template-columns:100px 1fr}
}
.g1dcd97{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:14px 0}
.g1dcd97 figure{margin:0;background:var(--surface);border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.g1dcd97 img{width:100%;aspect-ratio:2/3;object-fit:cover}
.g1dcd97 figcaption{font:500 .85rem var(--fh);padding:6px 8px}
.oa73631{padding:22px 0 6px}
.rfed30f .z9e107c{border-color:#fed7aa}
.u5c5464{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
@media (max-width:900px){.g1dcd97{grid-template-columns:repeat(2,1fr)}}
.wde1baf:before{content:attr(data-name)}
.m62bb1c{margin:30px 0;background:var(--ink);color:#eef2f8;border-radius:18px;padding:20px 22px}
.m62bb1c .q54a291{font:700 1.35rem var(--fh);color:#fff;margin:0 0 6px}
.m62bb1c a:not(.a58d969){color:#7fe0bf}
.a2a4cfa{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.ge8ffa1{background:#fff;color:var(--text);border-radius:var(--r);padding:12px 14px;display:grid;gap:8px;align-content:start}
.w283fae{margin:0;font:600 .98rem var(--fh);color:var(--ink)}
.ge8ffa1 .a58d969{background:#f59e0b;color:#1a1d21}
.madf365{min-height:56px;font-size:1.08rem;padding:12px 26px;background:#f59e0b;color:#1a1d21}
.madf365:hover{background:#fbbf24;color:#1a1d21}
.u5c5464 .a58d969{min-height:52px;font-size:1.05rem}
.fd93e53 + .ac7a7ab,.oa73631 + .ac7a7ab{margin:6px 0 18px}
@media (max-width:900px){.a2a4cfa{grid-template-columns:1fr}}
.ge8ffa1 .a51ea31{justify-self:start}

/* Timed registration banner; keeps the page available without moving focus. */
#rv-pop{position:fixed;z-index:50;right:24px;bottom:24px;width:min(380px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 36px -12px rgba(20,33,61,.3);font-family:var(--fh);animation:rv-pop-in .25s ease-out}
#rv-pop h2{margin:0 32px 10px 0;font-size:1.5rem}
#rv-pop p{margin:0 0 18px;font-size:1rem;line-height:1.5}
.rv-pop-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;padding:12px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}
.rv-pop-close:hover{background:var(--paper2)}
.rv-pop-btn{display:block;padding:13px 18px;border-radius:8px;background:var(--accent);color:#fff;text-align:center;font-weight:700;text-decoration:none;min-height:48px}
.rv-pop-btn:hover{background:var(--accent-ink);color:#fff}
#rv-pop .rv-pop-note{margin:14px 0 0;font-size:.8rem;color:var(--muted)}
#rv-pop :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@keyframes rv-pop-in{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(max-width:760px){#rv-pop{right:16px;bottom:calc(100px + env(safe-area-inset-bottom,0px));padding:20px;max-height:calc(100dvh - 132px)}}
@media(prefers-reduced-motion:reduce){#rv-pop{animation:none}}
