.blog-hero{background:var(--blue-dark);color:#fff;padding:48px 0 120px}.blog-hero .eyebrow{color:#fff;background:#ffffff1f;margin-bottom:16px}.blog-hero h1{font-size:clamp(28px,3.4vw,42px);line-height:1.15;color:#fff;margin:0 0 10px;max-width:24ch}.blog-hero h1 em{font-style:italic;color:var(--green-border)}.blog-hero .lead{margin:0;color:#c9d9f2;max-width:62ch;font-size:17px}.blog-hero .cisla{display:flex;gap:28px;margin-top:18px;flex-wrap:wrap}.blog-hero .cisla div{font-size:13.5px;color:#8fa6cb}.blog-hero .cisla b{display:block;font:700 22px/1.1 var(--font-display);color:#fff}.blog-rubriky{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:-92px;padding-bottom:36px}.blog-dl{display:flex;flex-direction:column;gap:10px;position:relative;border-radius:16px;padding:20px;background:#fff;box-shadow:0 10px 30px #0d316624;border-top:5px solid var(--blue-secondary)}.blog-dl .pocet{position:absolute;right:18px;top:18px;font:700 13px var(--font-display);padding:4px 9px;border-radius:999px;color:#fff;background:var(--blue-secondary)}.blog-dl h3{font:700 17px/1.25 var(--font-display);margin:0;padding-right:56px}.blog-dl h3 a{text-decoration:none}.blog-dl h3 a:hover{color:var(--blue-primary)}.blog-dl .pro{font-size:14px;margin:0;color:var(--text-secondary)}.blog-dl ul{list-style:none;margin:4px 0 0;padding:10px 0 0;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:7px}.blog-dl li{margin:0}.blog-dl li a{font-size:14px;text-decoration:none;display:flex;gap:8px;color:var(--text-primary)}.blog-dl li a:before{content:"›";font-weight:700;color:var(--text-muted)}.blog-dl li a:hover{color:var(--blue-primary)}.blog-dl .vse{margin-top:auto;padding-top:6px;font:600 14px var(--font-display);text-decoration:none;color:var(--blue-primary)}.kat-chci-rust{--rub:#d97706;--rub-bg:#fef3c7;--rub-text:#92400e}.kat-ai-me-nezna{--rub:var(--blue-secondary);--rub-bg:var(--blue-light);--rub-text:var(--blue-primary)}.kat-pro-weby{--rub:var(--green-primary);--rub-bg:var(--green-light);--rub-text:var(--green-dark)}.kat-reputace{--rub:#c62828;--rub-bg:#fde8e8;--rub-text:#a12d2d}.kat-zakladam{--rub:#7c3aed;--rub-bg:#ede9fe;--rub-text:#5b21b6}.blog-dl[class*=kat-]{border-top-color:var(--rub)}.blog-dl[class*=kat-] .pocet{background:var(--rub)}.page-head .post-meta .kat[class*=kat-],.blog-rub[class*=kat-]{background:var(--rub-bg);color:var(--rub-text)}.blog-rub{display:inline-block;font:600 11.5px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:999px;text-decoration:none;background:var(--green-light);color:var(--green-dark)}.blog-sek-hl{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 18px}.blog-sek-hl h2{font:700 22px/1.25 var(--font-display);margin:0 0 4px}.blog-sek-hl p{margin:0;color:var(--text-secondary)}.blog-sek-hl .vse{font:600 14px var(--font-display);color:var(--blue-primary);text-decoration:none;white-space:nowrap}.blog-serial{padding:0 0 36px}.blog-serial .pole{background:var(--blue-lighter);border-radius:20px;padding:28px}.blog-serial .mriz{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-karta{padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:14px;border:1px solid var(--blue-border)}.blog-karta:hover{box-shadow:0 8px 20px #0d31661a}.blog-karta.navod{border-style:dashed;background:transparent}.blog-karta h3{font:600 17px/1.3 var(--font-display);margin:0}.blog-karta p{margin:0;font-size:14.5px;color:var(--text-secondary)}.blog-karta .dat{margin-top:auto;font-size:13px;color:var(--text-muted)}.blog-proud{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:0 0 44px}.blog-sez{display:flex;flex-direction:column}.blog-sez a{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:16px 0 16px 14px;margin-left:-18px;text-decoration:none;align-items:start;border-bottom:1px solid var(--border-light);border-left:4px solid transparent}.blog-sez a:hover{border-left-color:var(--blue-secondary)}.blog-sez .dat{padding-top:3px;font-size:13px;color:var(--text-muted)}.blog-sez h3{font:600 17px/1.3 var(--font-display);margin:0 0 4px}.blog-sez p{margin:0 0 8px;font-size:14.5px;color:var(--text-secondary)}.blog-bok{display:flex;flex-direction:column;gap:22px}.blog-box{padding:18px 20px;background:var(--bg-subtle);border-radius:16px}.blog-box h4{font:600 13px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;color:var(--text-secondary)}.blog-box ul{list-style:none;margin:0;padding:0}.blog-box li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #e8ebef;margin:0}.blog-box li:last-child{border:0}.blog-box li a{text-decoration:none;font-weight:600;font-size:14.5px}.blog-box li a:hover{color:var(--blue-primary)}.blog-box li span{font-size:13px;padding:2px 8px;border-radius:999px;color:#fff;background:var(--blue-secondary)}.blog-box.sledujte a{display:block;text-decoration:none;font-weight:600;font-size:14.5px;padding:6px 0;color:var(--blue-primary)}.blog-radce{padding:26px 0;background:linear-gradient(90deg,var(--blue-dark),var(--blue-primary));color:#dbe6f7}.blog-radce .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.blog-radce b{font:600 18px/1.3 var(--font-display);display:block;color:#fff}.blog-radce p{margin:4px 0 0;font-size:14.5px}.blog-radce .btn{background:#fff;color:var(--blue-dark)}.blog-archiv{padding:40px 0 60px}.blog-archiv .rok{margin:0 0 36px}.blog-archiv .rok h2{font:700 24px/1.2 var(--font-display);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color);scroll-margin-top:90px}.blog-archiv .rok h2 span{font-size:14px;color:var(--text-muted);font-weight:500;margin-left:10px}.blog-archiv ul{list-style:none;margin:0;padding:0}.blog-archiv li{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:9px 0;border-bottom:1px solid var(--border-light);margin:0}.blog-archiv li .dat{font-size:13px;color:var(--text-muted);padding-top:2px}.blog-archiv li a{text-decoration:none;font-weight:600}.blog-archiv li a:hover{color:var(--blue-primary)}.blog-archiv li .blog-rub{margin-left:8px;vertical-align:middle}@media(max-width:1000px){.blog-rubriky,.blog-serial .mriz{grid-template-columns:1fr 1fr}.blog-proud{grid-template-columns:1fr}}@media(max-width:640px){.blog-rubriky,.blog-serial .mriz{grid-template-columns:1fr}.blog-hero{padding-bottom:100px}.blog-sez a{grid-template-columns:1fr;gap:4px;margin-left:0;padding-left:10px}.blog-archiv li{grid-template-columns:1fr;gap:2px}}
