/* Sdílená podoba karet a samostatných článků. */
.blog-home{padding:56px var(--gut,4vw) 72px;border-top:1px solid #E7E7EC}
.blog-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px}
.blog-heading .label{margin:0}.blog-heading>a,.back-link{font-size:13px;text-decoration:none}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{min-width:0;border:1px solid #E7E7EC;background:#fff}
.blog-card-link{display:flex;flex-direction:column;height:100%;color:#0B0B0F;text-decoration:none}
.blog-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.blog-card-body{display:flex;flex-direction:column;flex:1;padding:22px}
.blog-meta{display:flex;flex-wrap:wrap;gap:6px;font:400 11px/1.6 'DM Mono',monospace;color:#62626b;margin:0 0 14px}
.blog-card h3{font:600 clamp(19px,1.6vw,25px)/1.3 'Poppins',sans-serif;letter-spacing:-.025em;margin:0 0 14px}
.blog-card-body>p:not(.blog-meta){font:400 14px/1.7 'Poppins',sans-serif;color:#55555f;margin:0 0 24px}
.blog-read{margin-top:auto;font:500 13px/1.5 'DM Mono',monospace}
.blog-card-link:hover h3{text-decoration:underline;text-underline-offset:4px}
.blog-card-link:focus-visible{outline:3px solid #0B0B0F;outline-offset:4px}
.blog-page{margin:0;color:#0B0B0F;background:#fff;font:400 17px/1.75 'Poppins',sans-serif;-webkit-font-smoothing:antialiased}
.blog-page *{box-sizing:border-box}.blog-page a{color:inherit}.blog-page :focus-visible{outline:3px solid #0B0B0F;outline-offset:4px}
.blog-nav,.blog-footer{max-width:1280px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.blog-nav{border-bottom:1px solid #E7E7EC}.blog-nav nav{display:flex;gap:24px;font-size:14px}.blog-nav a{text-decoration:none}
.blog-brand{font:600 36px/.9 'Poppins',sans-serif;letter-spacing:-.06em}
.blog-brand span{display:flex;gap:4px;margin:8px 0 0 9px}.blog-brand i{width:9px;height:9px;background:#FF3F9F}.blog-brand i:nth-child(2){background:#72E065}.blog-brand i:nth-child(3){background:#3ADCFC}.blog-brand i:nth-child(4){background:#FFD829}
.blog-listing,.blog-related{max-width:1280px;padding:56px 32px 72px;margin:auto}
.blog-eyebrow{font:500 12px/1.5 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin:24px 0 16px}
.blog-page h1{font-size:clamp(32px,4.5vw,60px);font-weight:600;line-height:1.13;letter-spacing:-.045em;margin:0 0 24px;overflow-wrap:break-word}
.article-lead{font-size:clamp(18px,2vw,22px);line-height:1.6;color:#55555f;max-width:800px;margin:0 0 24px}
.blog-listing .blog-grid{margin-top:40px}
.article-header{max-width:920px;margin:auto;padding:48px 32px 24px}
.article-byline{font-size:12px;color:#62626b;display:flex;gap:10px;flex-wrap:wrap}.article-byline a{text-decoration:none}
.article-cover{display:block;width:calc(100% - 64px);max-width:960px;height:auto;max-height:360px;object-fit:cover;margin:0 auto 40px}
.article-text{max-width:780px;margin:auto;padding:0 32px 24px}.article-text h2{font-size:25px;line-height:1.3;margin:36px 0 16px;letter-spacing:-.025em}.article-text p{margin:0 0 22px}
.article-source{font-size:13px;color:#62626b;border-top:1px solid #E7E7EC;padding-top:22px;margin-top:32px!important;overflow-wrap:anywhere}
.article-cta{border-left:6px solid #72E065;padding:4px 24px;margin-top:32px;background:#f7f7f5}.article-cta h2{font-size:21px;margin:18px 0 12px}.article-cta a{display:inline-block;margin-bottom:20px;font-size:14px}
.blog-related{border-top:1px solid #E7E7EC}.blog-related>h2{font-size:24px;margin:0 0 24px}.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-footer{border-top:1px solid #E7E7EC;font-size:12px;flex-wrap:wrap}.blog-footer a{text-decoration:none}
.skip-link{position:absolute;top:-100px;left:16px;background:#FFD829;padding:12px;z-index:100}.skip-link:focus{top:12px}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-home{padding-top:32px;padding-bottom:40px}.blog-heading{gap:12px}.blog-card-body{padding:20px}.blog-nav,.blog-footer{padding:20px}.blog-listing,.blog-related{padding:36px 20px}.article-header{padding:32px 20px 20px}.article-text{padding:0 20px 24px}.article-cover{width:calc(100% - 40px);margin-bottom:28px}.blog-related .blog-grid{grid-template-columns:1fr}.article-text h2{font-size:22px}.blog-page{font-size:16px}}