/* Compact introduction for the guide directory only. */
.hub-hero{padding:24px 0 26px}
.hub-hero h1{font-size:48px;line-height:1.15;max-width:760px}
.hub-hero .hero-lead{margin-top:14px;font-size:16px}
.hub-hero .proof-line{top:0;padding-block:15px}
@media(max-width:1100px){.hub-hero .proof-line{margin-top:16px}}
@media(max-width:640px){.hub-hero{padding:22px 0 24px}.hub-hero h1{font-size:32px;line-height:1.15}}
@media(max-width:640px){.hub-hero .proof-line{padding-block:13px}}
.guide-group .guide-card{--guide-border:#a2b5c4}
.guide-group .guide-help,.guide-group .guide-faq{--guide-tint:#fff}
#faq .guide-card[href="/faq.html"]{--guide-accent:#ce202f;--guide-tint:#fffafb;--guide-border:#ce202f}
#faq .guide-card[href="/faq.html"] h3{color:#000}
#napovedy .guide-card.guide-help{--guide-accent:#008caf;--guide-tint:#f6fbfc}
#napovedy .guide-card.guide-help h3{color:#000}
.guide-finder .search-row input:not(:focus){border-color:#7e95a6}
.hub-hero>.shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:40px;align-items:start}
.hub-copy,.hub-hero .guide-finder{min-width:0}
.hub-hero .guide-finder{margin-top:15px;padding:0;background:transparent;border:0;color:#cbdbe6}
.hub-hero .guide-finder label{color:#fff}
.hub-hero .search-row{display:block}
.hub-hero .search-row input{width:100%;font-size:16px;min-height:42px;padding:9px 17px}
.hub-hero .search-row span{display:block;margin-top:7px}
.hub-hero #no-results a{color:#73d9ef}
@media(max-width:1000px){.hub-hero>.shell{grid-template-columns:minmax(0,1fr);gap:22px}.hub-hero .guide-finder{margin-top:0}}
.guide-group{padding-top:24px;padding-bottom:36px}.guide-group h2{font-size:clamp(25px,calc(2.7vw - 2px),32px)}
@media(max-width:640px){.guide-group{padding-top:18px;padding-bottom:26px}}
.guide-group .guide-grid{margin-top:20px}
/* Totals use the FAQ digit motion from the first visible frame. */
.hub-tools{min-width:0}
.hub-totals{display:grid;grid-template-columns:1.35fr minmax(max-content,1fr);gap:24px;margin:0 0 19px}
.hub-stat{display:block;min-width:0}
.hub-stat+.hub-stat{padding-left:24px;border-left:1px solid #8cabb44a}
.hub-count{display:block;position:relative;width:max-content;max-width:100%;white-space:nowrap;font-size:44px;font-weight:550;line-height:1.1;letter-spacing:-.045em;color:#73d9ef}
.hub-stat-label{display:block;white-space:nowrap;margin-top:5px;font-size:13px;line-height:1.45;color:#d3e0e9}
.hub-stat:hover .hub-stat-label{color:#fff}
.hub-hero .hub-tools .guide-finder{margin-top:0}
.hub-count-value{opacity:0;animation:hub-count-show 0s linear var(--hub-count-total) forwards}
.hub-count-reels{position:absolute;top:0;left:0;display:inline-flex;white-space:pre;animation:hub-count-hide 0s linear var(--hub-count-total) forwards}
.hub-count-digit{position:relative;display:block;height:1.1em;overflow:hidden}
.hub-count-target{visibility:hidden}
.hub-count-strip{position:absolute;top:0;left:0;width:100%;text-align:center;animation:hub-count-roll var(--hub-count-duration) cubic-bezier(.2,.68,.3,1) var(--hub-count-delay) both,hub-count-fade 100ms linear var(--hub-count-delay) both}
.hub-count-strip>span{display:block;height:1.1em;line-height:1.1}
@keyframes hub-count-roll{from{transform:translateY(0)}to{transform:translateY(calc(var(--hub-count-steps)*-1.1em))}}
@keyframes hub-count-fade{from{opacity:0}to{opacity:1}}
@keyframes hub-count-show{to{opacity:1}}
@keyframes hub-count-hide{to{visibility:hidden}}
.hub-count:is([data-count-reveal="done"],[data-count-reveal="skipped"]) .hub-count-value,.motion-paused .hub-count-value{opacity:1;animation:none}
.hub-count:is([data-count-reveal="done"],[data-count-reveal="skipped"]) .hub-count-reels,.motion-paused .hub-count-reels{display:none;animation:none}
.hub-count:is([data-count-reveal="done"],[data-count-reveal="skipped"]) .hub-count-strip,.motion-paused .hub-count-strip{animation:none}
.hub-hero .hub-copy,.hub-hero .hub-tools{animation:hub-hero-enter 310ms cubic-bezier(.22,1,.36,1) both}
.hub-hero.hub-entered .hub-copy,.hub-hero.hub-entered .hub-tools,.motion-paused .hub-hero .hub-copy,.motion-paused .hub-hero .hub-tools{animation:none}
@keyframes hub-hero-enter{from{opacity:.12;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hub-tools{width:min(100%,520px)}}
@media(max-width:640px){.hub-count{font-size:38px}.hub-totals{gap:18px}.hub-stat+.hub-stat{padding-left:18px}.hub-stat-label{font-size:12px}}
/* Upcoming legislative changes are the leading announcement. */
#legislativa-2027 .guide-card{--guide-accent:#ce202f;--guide-tint:#fff3f4;--guide-border:#ce202f;border-top-width:3px}