/* Blynkr pSEO – jen brand barvy z manuálu (Grass Green #3EAE2C, Ultra Dark Blue #101820, bílá, černá) + odvozené šedi pro UI. Písmo Inter. */
:root{--green:#3EAE2C;--green-dk:#2f8a21;--ink:#101820;--white:#fff;--black:#000;--muted:#4a5560;--line:#dfe3e6;--bg:#f6f7f8}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:var(--green-dk);text-underline-offset:2px}
.preview-bar{background:var(--black);color:var(--white);text-align:center;font-size:13px;padding:6px 12px;font-weight:600;letter-spacing:.04em}
.top{background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;position:sticky;top:0;z-index:10}
.logo img{display:block;height:26px;width:auto}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
.crumbs{font-size:14px;color:var(--muted);padding:18px 0 0}
.crumbs a{color:var(--muted)}
.head{padding:14px 0 26px;border-bottom:1px solid var(--line);margin-bottom:28px}
.eyebrow{display:inline-block;background:var(--green);color:var(--white);font-weight:700;font-size:13px;padding:4px 10px;border-radius:6px;margin-bottom:14px}
h1{font-weight:800;font-style:italic;font-size:clamp(28px,5vw,42px);line-height:1.12;letter-spacing:-.01em;margin-bottom:14px}
h2{font-weight:700;font-size:24px;line-height:1.25;margin:34px 0 12px}
.lead{font-size:19px;color:var(--muted)}
.overeno{font-size:14px;color:var(--muted);margin-top:10px}
p{margin-bottom:14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:6px}
.tbl{overflow-x:auto;margin:14px 0 18px;border:1px solid var(--line);border-radius:10px}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--bg);font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
tr:last-child td{border-bottom:0}
.mapa{font-size:13px;margin-left:4px}
.muted{color:var(--muted);font-size:14px}
.drobne{font-size:14px;color:var(--muted)}
.kroky li{margin-bottom:8px}
.rozcestnik li{margin-bottom:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:10px;background:var(--green);color:var(--white);font-weight:700;text-decoration:none;margin:6px 10px 6px 0}
.btn:hover{background:var(--green-dk)}
.btn-sm{min-height:44px;padding:8px 16px;margin:0;font-size:15px}
.btn-ghost{background:transparent;color:var(--white);border:2px solid var(--green)}
.cta{background:var(--ink);color:var(--white);border-radius:14px;padding:26px 24px;margin:34px 0}
.cta h2{margin-top:0;color:var(--white)}
.cta p{color:#c9d0d6}
details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600;min-height:28px}
details p{margin:10px 0 0}
footer{background:var(--ink);color:#c9d0d6;padding:26px 0;margin-top:40px;font-size:15px}
footer a{color:var(--white)}
footer strong{color:var(--white)}
@media (max-width:600px){.tbl{border:0;overflow:visible}.tbl table{min-width:0}.tbl thead{display:none}.tbl tr{display:block;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:8px 0}.tbl td{display:block;border:0;padding:2px 14px}.tbl td[data-label]:not([data-label=""])::before{content:attr(data-label);display:inline-block;margin-right:8px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.tbl td:first-child{font-weight:700;font-size:17px}.tbl td:first-child::before{display:none!important}
body{font-size:16px}.top{padding:10px 16px}h1{font-size:28px}.lead{font-size:17px}h2{font-size:21px;margin-top:28px}.btn{width:100%;margin-right:0;text-align:center}.btn-sm{width:auto}}
/* tap-targets (vizualni-kontrola, min. 44×44) */
.logo{display:inline-flex;align-items:center;min-height:44px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
main p a,main li a,footer a{display:inline-block;line-height:44px;min-width:44px}
main td a{display:inline-block;line-height:1.35;padding:11px 0;min-height:44px}
main td a.mapa{display:inline-block;min-width:44px;font-size:14px;padding:11px 0 11px 6px}
summary{padding:8px 0;min-height:44px}
