/* ÚČTO D(N)ES v0.5.0 – obsahovo orientovaný dizajn pre digitálneho poštára. */
:root{--hub-navy:#0b234c;--hub-blue:#1352a3;--hub-red:#f33842;--hub-soft:#f0f6ff;--hub-border:#dce6f4;--hub-shadow:0 8px 24px rgba(12,43,84,.06)}
body{color:var(--hub-navy)}
.hub-header{background:#fff;position:relative;z-index:40}
.hub-head-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hub-header .brand{display:flex;align-items:center;gap:11px;font-size:1.04rem;white-space:nowrap;letter-spacing:-.02em}
.hub-header .brand img{width:63px;height:63px;object-fit:contain;max-height:63px}
.hub-identity{flex:0 0 auto}
.hub-main-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.hub-main-nav>a,.hub-nav-dropdown summary{font-size:.92rem;font-weight:750;text-decoration:none;color:var(--hub-navy);padding:12px 0}
.hub-main-nav>a[aria-current=page],.hub-main-nav>a:hover{color:var(--hub-blue)}
.hub-nav-dropdown{position:relative}
.hub-nav-dropdown summary{cursor:pointer;list-style:none}
.hub-nav-dropdown summary::-webkit-details-marker{display:none}
.hub-nav-dropdown summary:after{content:' ▾';font-size:.85em}
.hub-dropdown-panel{position:absolute;top:100%;right:0;min-width:230px;padding:9px;background:#fff;box-shadow:0 13px 40px rgba(10,30,70,.15);border-radius:12px;border:1px solid var(--hub-border)}
.hub-dropdown-panel a{display:block;padding:9px 12px;color:var(--hub-navy);font-weight:650;text-decoration:none}
.hub-dropdown-panel a:hover{background:var(--hub-soft);border-radius:8px}
.hub-socials{display:flex;align-items:center;gap:10px;flex:none}.hub-socials a{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}
.hub-socials img{width:25px;height:25px}
.hub-hero{background:linear-gradient(118deg,#f2f7ff 0%,#fff 67%,#f6faff);padding:72px 0 76px;position:relative;overflow:hidden}
.hub-hero-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.8fr);gap:55px;align-items:center}
.hub-eyebrow{font-size:.79rem;font-weight:850;text-transform:uppercase;color:#c11d2a;background:#fee9eb;border-radius:99px;padding:8px 14px;display:inline-block;letter-spacing:.025em}
.hub-hero h1{font-size:clamp(2.5rem,5.2vw,4.8rem);max-width:740px;margin:24px 0 23px;line-height:1.08;letter-spacing:-.05em}
.hub-hero h1 span{color:var(--hub-blue)}
.hub-lead{font-size:clamp(1.06rem,1.4vw,1.22rem);line-height:1.7;color:#435972;max-width:690px}
.hub-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hub-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#1358b0;color:#fff;border-radius:10px;padding:13px 22px;min-height:49px;font-weight:750;text-decoration:none;text-align:center;transition:transform .15s,background .15s}
.hub-btn:hover{background:#0b3e87;transform:translateY(-2px);color:#fff}
.hub-btn-outline{background:transparent;border:2px solid #1358b0;color:var(--hub-navy)}
.hub-btn-outline:hover{background:#eaf2ff;color:#0b3e87}
.hub-hero-logo{text-align:center}.hub-hero-logo img{width:min(100%,355px);max-height:350px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(8,33,71,.04))}
.hub-section{padding:64px 0}.hub-soft{background:#f5f9ff}
.hub-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}
.hub-section-head h2{margin:4px 0 10px;font-size:clamp(1.6rem,3vw,2.35rem)}
.hub-section-head p{margin:0;color:#5b6f83;max-width:650px}
.hub-section-head>a{white-space:nowrap;text-decoration:none;font-weight:750;margin-bottom:10px}
.hub-mini{font-size:.72rem;text-transform:uppercase;font-weight:850;color:var(--hub-blue);letter-spacing:.13em}
.hub-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.hub-topic-tile{display:flex;align-items:center;gap:13px;min-height:110px;border:1px solid var(--hub-border);background:#fff;padding:20px 16px;border-radius:14px;box-shadow:var(--hub-shadow);text-decoration:none;color:var(--hub-navy);transition:transform .16s,border-color .16s}
.hub-topic-tile:hover{transform:translateY(-3px);border-color:#6e9cde}
.hub-topic-tile strong{display:block;line-height:1.36;font-size:.97rem}
.hub-topic-tile small{display:block;line-height:1.4;color:#667a8f;font-size:.82rem;margin-top:7px}
.hub-topic-dot{border:2px solid #397fd3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#397fd3;flex:none;font-size:.9rem}
.hub-arrow{margin-left:auto;color:var(--hub-blue);font-size:1.35rem;flex:none}
.hub-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hub-video-card,.hub-article-card{background:#fff;border:1px solid var(--hub-border);border-radius:15px;overflow:hidden;box-shadow:var(--hub-shadow)}
.hub-video-card{padding-bottom:18px}
.hub-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#fff,#edf4ff);overflow:hidden}
.hub-video-frame>img{width:100%;height:100%;object-fit:contain}
.hub-video-frame iframe{border:0;width:100%;height:100%;display:block}
.hub-play-video{position:absolute;inset:0;margin:0;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.hub-play-video span{display:grid;place-items:center;width:68px;height:49px;background:#ff0033;color:#fff;border-radius:12px;font-size:1.25rem;box-shadow:0 10px 30px rgba(20,24,50,.25)}
.hub-play-video:hover span,.hub-play-video:focus-visible span{background:#b80924}
.hub-video-card h3{margin:16px 19px 9px;font-size:1.13rem;line-height:1.34}
.hub-video-card h3 a,.hub-article-card h3 a{color:var(--hub-navy);text-decoration:none}
.hub-video-card h3 a:hover,.hub-article-card h3 a:hover{color:var(--hub-blue);text-decoration:underline}
.hub-video-card p{margin:0 19px 9px;color:#677a8c;font-size:.9rem;line-height:1.55}
.hub-video-source{display:inline-block;margin:4px 19px 0;font-weight:650;font-size:.87rem}
.hub-articles{grid-template-columns:repeat(4,minmax(0,1fr))}
.hub-article-card{padding:20px 19px;min-height:215px;display:flex;flex-direction:column;border-top:3px solid var(--hub-red)}
.hub-article-kicker{font-size:.73rem;font-weight:800;background:#ffe7e9;color:#c12633;display:inline-block;align-self:flex-start;border-radius:99px;padding:4px 9px}
.hub-article-card h3{font-size:1.14rem;margin:15px 0 9px;line-height:1.35}
.hub-article-card p{font-size:.86rem;color:#6c7b8a;margin:0 0 16px;line-height:1.5}
.hub-date{font-size:.79rem;color:#6e7e90;margin-top:auto}
.hub-cta{background:#eaf3ff;margin-top:12px}
.hub-cta-row{display:flex;align-items:center;gap:30px;justify-content:space-between}
.hub-cta-row h2{margin:8px 0 10px}.hub-cta-row p{margin:0;max-width:750px;color:#465a6f}
.hub-note{padding:18px 24px;background:#fff;border:1px dashed #b4c9e6;color:#465a6f;border-radius:12px}
.hub-category-hero{padding:57px 0 54px;background:linear-gradient(120deg,#eef5ff,#fff)}
.hub-category-hero h1{font-size:clamp(2rem,5vw,3.8rem);margin:15px 0 16px}
.hub-category-hero p{max-width:720px;font-size:1.12rem;color:#52667b}
.hub-crumb{margin-bottom:21px;font-size:.84rem;color:#546b83}
.hub-crumb a{color:#225c9f}
.hub-video-single{padding:65px 0 90px;max-width:850px}.hub-video-single h1{font-size:clamp(2rem,4vw,3.2rem)}
.hub-video-large{margin:24px 0}.hub-video-large .hub-video-frame{border-radius:18px}
.hub-video-single .entry-content{line-height:1.85;font-size:1.04rem}
.hub-related{padding-top:27px;border-top:1px solid var(--hub-border);margin-top:35px}
.hub-chip{display:inline-block;border:1px solid var(--hub-border);border-radius:99px;padding:8px 15px;margin:0 8px 8px 0;text-decoration:none;font-weight:650}
.site-footer{background:#0e2731}
@media(max-width:1120px){.hub-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-main-nav{gap:14px}.hub-header .hub-brand-name{display:none}}
@media(max-width:790px){.hub-head-inner{flex-wrap:wrap;gap:12px;padding:12px 0}.hub-main-nav{order:3;flex:1 1 100%;justify-content:center;flex-wrap:wrap}.hub-socials{margin-left:auto}.hub-hero{padding:45px 0}.hub-hero-layout{gap:20px;grid-template-columns:1fr 180px}.hub-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-section{padding:45px 0}}
@media(max-width:580px){.hub-hero-layout{grid-template-columns:1fr}.hub-hero-logo{display:none}.hub-main-nav{justify-content:flex-start;gap:8px 17px}.hub-main-nav>a,.hub-nav-dropdown summary{font-size:.85rem;padding:6px 0}.hub-section-head{display:block}.hub-section-head>a{display:inline-block;margin-top:12px}.hub-card-grid,.hub-topic-grid,.hub-articles{grid-template-columns:1fr}.hub-topic-tile{min-height:88px}.hub-cta-row{display:block}.hub-cta-row .hub-btn{margin-top:22px}.hub-article-card{min-height:0}.hub-header .hub-brand-name{display:inline}.hub-hero h1{font-size:clamp(2.2rem,10vw,3.2rem)}}
.hub-pagination{margin:26px 0 0}.hub-pagination ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}.hub-pagination a,.hub-pagination .current{display:block;padding:7px 14px;background:white;border:1px solid var(--hub-border);border-radius:8px;text-decoration:none}.hub-pagination .current{background:var(--hub-blue);color:white}