@font-face{font-family:'Founders Grotesk';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/FoundersGrotesk-Landing-Semibold.woff2) format('woff2')}
@font-face{font-family:'Founders Grotesk';font-weight:700 900;font-style:normal;font-display:swap;src:url(../fonts/FoundersGrotesk-Landing-Bold.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/open-sans-v44-latin_latin-ext-regular.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/open-sans-v44-latin_latin-ext-600.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/open-sans-v44-latin_latin-ext-700.woff2) format('woff2')}
p{text-wrap:balance}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#F7FAFB;font-family:'Open Sans',Arial,system-ui,sans-serif;color:#2E2D2C;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
a{color:#00496D}
:focus-visible{outline:3px solid #00496D;outline-offset:3px;border-radius:var(--radius-8)}
.on-petrol :focus-visible{outline-color:#fff}
.sz-faq{border-bottom:1px solid #E3EAEE}
.sz-faq summary{list-style:none;cursor:pointer;padding:24px 48px 24px 0;position:relative;font:700 21px/1.4 'Founders Grotesk',Arial,sans-serif;color:#00496D;min-height:48px;display:flex;align-items:center}
.sz-faq summary::-webkit-details-marker{display:none}
.sz-faq summary::after{content:"";position:absolute;right:6px;top:0;bottom:0;width:24px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0OTZEIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNNSAxMmgxNCIvPjxwYXRoIGQ9Ik0xMiA1djE0Ii8+PC9zdmc+) center/22px no-repeat}
.sz-faq[open] summary::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0OTZEIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNNSAxMmgxNCIvPjwvc3ZnPg==)}
.sz-faq-a{padding:0 0 24px}
.sz-faq-a p{margin:0;font-size:17px;line-height:1.65;color:#2E2D2C}
.sz-navlink{color:#2E2D2C;text-decoration:none;font:600 17px/1 'Open Sans',Arial,sans-serif;padding:16px 4px;white-space:nowrap;transition:color .15s}
.sz-navlink:hover{color:#00496D}
.sz-sticky{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sz-tar-cards{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}
@media(max-width:860px){
    header>div{height:auto!important;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;padding-left:24px!important;padding-right:24px!important}
    .sz-nav{order:5;flex-basis:100%;overflow-x:auto;white-space:nowrap;gap:12px;padding:4px 0;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}
    .sz-tar-table{display:none}
    .sz-tar-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}

    [data-sz] > div{padding-left:24px!important;padding-right:24px!important}
    [data-sz-row]{flex-direction:column!important;flex-wrap:nowrap!important}
    [data-sz-row]>div{min-width:0!important;max-width:100%!important;flex-basis:auto!important}
    html{scroll-padding-top:124px}
    h1[data-szh]{font-size:33px!important}
    h2[data-szh]{font-size:27px!important}
    .sz-hidemob{display:none!important}
    .sz-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:8px 16px;background:#fff;box-shadow:0 -2px 4px rgba(0,42,64,.22)}
    .sz-sticky a{display:flex;width:100%}
    body{padding-bottom:96px}
  }
.sz-eb{display:block;width:26px;height:22px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MS42NDYgNjEuMzc4Ij48cGF0aCBkPSJNIDMwLjMxOCA0OC44OTkgQyAyMC43NDYgNDguODk5IDE0LjY0MCA0MS42NzAgMTQuNjQwIDMwLjY4NiBDIDE0LjY0MCAxOS43MTIgMjAuNzQ2IDEyLjQ4NSAzMC4zMTggMTIuNDg1IEMgMzAuMzM0IDEyLjQ4NSAzMC4zNDcgMTIuNDg3IDMwLjM2MyAxMi40ODcgTCAzMC4zNjMgMC4wMDEgTCAzMC4zMTggMC4wMDEgQyAxMy4xNDAgMC4wMDEgMC4wMDAgMTIuNDg1IDAuMDAwIDMwLjY4NiBDIDAuMDAwIDQ4Ljg5OSAxMy4xNDAgNjEuMzc4IDMwLjMxOCA2MS4zNzggTCAzMC4zNjMgNjEuMzc4IEwgMzAuMzYzIDQ4Ljg5NyBDIDMwLjM0NyA0OC44OTcgMzAuMzM0IDQ4Ljg5OSAzMC4zMTggNDguODk5IFogTSA3MS42NDYgMzAuNjg2IEMgNzEuNjQ2IDEyLjUwMCA1OC41MjkgMC4wMjIgNDEuMjgzIDAuMDAwIEwgNDEuMjgzIDEyLjQ4NyBDIDUwLjkyMyAxMi41MTAgNTcuMDAzIDE5LjcyNyA1Ny4wMDMgMzAuNjg2IEMgNTcuMDAzIDQxLjY1MyA1MC45MjMgNDguODczIDQxLjI4MyA0OC44OTcgTCA0MS4yODMgNjEuMzc3IEMgNTguNTI5IDYxLjM1NCA3MS42NDYgNDguODgzIDcxLjY0NiAzMC42ODYgWiIgZmlsbD0iIzBGQjZDQyIvPjwvc3ZnPg==) center/contain no-repeat}
@media(max-width:780px){.sz-steparrow{display:none}}
.sz-skip{position:fixed;left:-9999px;top:8px;z-index:10000;background:#fff;color:#00496D;padding:14px 20px;border-radius:8px;box-shadow:var(--shadow-md);font:700 17px/1 'Open Sans',Arial,sans-serif;text-decoration:underline}
.sz-skip:focus{left:8px}
@media print{.sz-sticky{display:none!important}body{padding-bottom:0!important}}
.hv-tint,.hv-fill,.hv-under{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.hv-tint:hover{background:#DDEBF2!important}
.hv-fill:hover{background:#2BC6DA!important}
.hv-under:hover{text-decoration:underline!important}
[data-szh]{text-align:inherit}
.how-types-item[data-v2] img{min-width:0;width:100%;height:auto;aspect-ratio:14/9;object-fit:contain}

/* Source-backed app tile shared by the Hlas and Hodinky Jak to funguje tabs. */
[data-jtf-app]{padding:64px 0;background:#F7FAFB}
.jtf-app-inner{max-width:1180px;margin:0 auto;padding:0 48px}
.jtf-app-card{display:flex;align-items:stretch;overflow:hidden;border-radius:var(--radius-16);background:#00496D;box-shadow:var(--shadow-md)}
.jtf-app-copy,.jtf-app-visual{flex:1 1 50%;min-width:0}
.jtf-app-copy{padding:48px;color:#fff}
.jtf-app-copy h2{margin:0 0 20px;font:600 33px/1.14 'Founders Grotesk',Arial,sans-serif;letter-spacing:-.01em;color:#fff}
.jtf-app-copy p{margin:16px 0 0;font-size:17px;line-height:1.6;color:#fff;text-wrap:pretty}
.jtf-app-copy strong{color:#fff}
.jtf-app-copy a{color:#fff;text-underline-offset:3px}
.jtf-app-copy a:hover{color:#fff;text-decoration:none}
.jtf-app-copy p>a:has(img){display:inline-block;line-height:0}
.jtf-app-copy p img{display:block;max-width:100%;height:auto}
.jtf-app-visual{display:flex;align-items:center;justify-content:center;padding:40px;background:#DDEBF2}
.jtf-app-visual img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:860px){
    [data-jtf-app]{padding:48px 0}
    .jtf-app-inner{padding:0 24px}
    .jtf-app-card{display:block}
    .jtf-app-copy{padding:32px 24px}
    .jtf-app-copy h2{font-size:27px}
    .jtf-app-visual{padding:24px}
}