/* Zapytaj Hanki — global charcoal theme v1. Loaded after legacy page styles. */
:root{--ink:#f5f5f6;--ink2:#f5f5f6;--text:#e8e9ea;--muted:#bcbec2;--line:#45484e;--soft:#292c30;--white:#292c30;--red:#f46a9e;--hp:#f46a9e;--hg:#f5f5f6;--hl:#45484e;--hc:#292c30;--hm:#bcbec2;color-scheme:dark}
html,body{background:#151719!important;color:#f5f5f6!important}
body main,body .article,body .hub,body .section,body .hero:not(.hero-real),body .hanka-bottom{background-color:#151719!important;color:#f5f5f6!important}
body h1,body h2,body h3,body h4,body .prose h2,body .prose h3,body .article-head h1{color:#f5f5f6!important}
body p,body li,body .lede,body .article-deck,body .section p{color:#d7d9dc}
body a:hover{color:#f46a9e}
body .eyebrow,body .crumb a,body .prose a,body .guide span{color:#f46a9e!important}
body .crumb,body .verified{color:#bcbec2!important}
body .topbar,body .site-header{background:#202225!important;border-bottom:1px solid #45484e!important;box-shadow:none!important}
body .topbar .nav,body .site-header .nav{min-height:66px!important;height:66px!important;display:flex!important;align-items:center!important}
body .topbar .brand,body .site-header .brand{color:#f5f5f6!important}
body .zh-global-brand{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;width:auto!important;height:auto!important;max-width:calc(100% - 80px)!important;line-height:1.1!important;text-decoration:none!important;font-size:23px!important;font-weight:900!important;letter-spacing:-.045em!important;white-space:normal!important}
body .zh-global-brand b{color:#f46a9e!important}body .zh-global-brand b span{font-size:12px!important;margin-left:3px!important}
body .zh-global-brand small{font-size:9px!important;letter-spacing:.17em!important;color:#bcbec2!important;font-weight:750!important}
body .topbar .menu,body .site-header .menu{display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:46px!important;height:43px!important;padding:0!important;margin-left:auto!important;background:#292c30!important;border:1px solid #55585e!important;border-radius:0!important;color:transparent!important;font-size:0!important;box-shadow:none!important;cursor:pointer!important}
body .topbar .menu::before,body .site-header .menu::before{content:"☰"!important;color:#f5f5f6!important;font-size:25px!important;line-height:1!important}
body .topbar .menu[aria-expanded=true]::before,body .site-header .menu[aria-expanded=true]::before{content:"×"!important;font-size:30px!important}
body .topbar .links,body .site-header .links{display:none!important}
body .topbar .links.is-open,body .site-header .links.is-open{display:flex!important;flex-direction:column!important;align-items:stretch!important;position:absolute!important;top:100%!important;right:16px!important;left:auto!important;width:min(330px,calc(100vw - 32px))!important;max-height:calc(100dvh - 85px)!important;overflow-y:auto!important;padding:8px 14px!important;margin:0!important;gap:0!important;background:#292c30!important;border:1px solid #45484e!important;border-radius:0!important;box-shadow:0 18px 40px #0008!important;z-index:100!important}
body .topbar .links.is-open>a,body .site-header .links.is-open>a{position:relative!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:48px!important;max-height:none!important;padding:12px 28px 12px 4px!important;margin:0!important;background:transparent!important;color:#f5f5f6!important;border:0!important;border-bottom:1px solid #45484e!important;border-radius:0!important;font-size:15px!important;font-weight:750!important;line-height:1.4!important}
body .topbar .links.is-open>a::before,body .site-header .links.is-open>a::before{content:none!important;display:none!important}
body .topbar .links.is-open>a::after,body .site-header .links.is-open>a::after{content:"→"!important;position:absolute!important;right:5px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;color:#f46a9e!important;font-size:18px!important}
body .topbar .links.is-open>a:last-child,body .site-header .links.is-open>a:last-child{border-bottom:0!important;color:#f46a9e!important}
body .article-head,body .answer,body .summary,body .warning,body .sources,body .toc,body .guide-toc,body .card,body .guide,body .related a,body .content-disclaimer,body .article-back,body .state-card,body .tool-card{background:#292c30!important;background-image:none!important;border:1px solid #45484e!important;border-radius:0!important;box-shadow:none!important;color:#e8e9ea!important}
body .article-head::after{color:rgba(244,106,158,.12)!important}
body .article-head .verified{background:#34373b!important;border:1px solid #45484e!important;border-radius:0!important;color:#bcbec2!important}
body .prose,body .prose p,body .prose li{color:#d7d9dc!important}
body .guide-toc summary,body .toc strong,body .related a{color:#f5f5f6!important}
body .guide-toc summary::after{color:#f46a9e!important}
body .guide-toc a{color:#d7d9dc!important}
body table,body th,body td,body .factor-table{border-color:#45484e!important;color:#e8e9ea!important}
body th,body .factor-table th{background:#34373b!important}
body .article-back-wrap{width:calc(100% - 32px)!important;max-width:1148px!important;margin:20px auto 28px!important;padding:0!important}
body .article-back-wrap .article-back{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:none!important;min-height:62px!important;padding:17px 20px!important;margin:0!important;color:#f5f5f6!important;font-weight:750!important}
body .article-back svg{color:#f46a9e!important}
body .content-disclaimer{box-sizing:border-box!important;width:calc(100% - 32px)!important;max-width:1148px!important;margin:24px auto 12px!important;padding:16px 18px!important;font-size:12px!important;line-height:1.6!important}
body .content-disclaimer strong{color:#f5f5f6!important}
body footer,body footer.footer,body footer.hb-footer{background:#202225!important;border-top:1px solid #45484e!important;color:#bcbec2!important}
body footer.hb-footer .hbf-brand span{color:#bcbec2!important}
body footer.hb-footer .hbf-brand strong{color:#f46a9e!important}
body footer.hb-footer .hbf-copy{border-color:#45484e!important;color:#bcbec2!important}
body footer a{color:#bcbec2!important}
body footer strong{color:#f5f5f6!important}
body input,body textarea,body select{background:#292c30;color:#f5f5f6;border-color:#45484e}
body .search,body .search input{background:#292c30!important;color:#f5f5f6!important;border-color:#45484e!important}
body .search button,body .nav-cta{background:#f46a9e!important;color:#17191b!important;border-radius:0!important}
body .reading-progress span{background:#f46a9e!important}
@media(max-width:700px){body .article-head,body .answer,body .summary,body .warning,body .sources,body .guide-toc{border-radius:0!important}}

/* State hubs: shared state-hero/state-main layout, including legacy inline color rules. */
body .state-hero{background:#202225!important;background-image:none!important;border-bottom:1px solid #45484e!important;color:#f5f5f6!important}
body .state-hero h1,body .state-main h2,body .state-main h3{color:#f5f5f6!important}
body .state-hero .state-code{color:rgba(244,106,158,.10)!important}
body .state-hero .state-kicker,body .state-main .section-number,body .state-main .mini{color:#f46a9e!important}
body .state-hero .state-lead,body .state-main .state-intro>p{color:#bcbec2!important}
body .state-main,body .state-main .shell{background:#151719!important;color:#e8e9ea!important}
body .state-main .state-note{background:#292c30!important;background-image:none!important;border:1px solid #45484e!important;border-radius:0!important;color:#f5f5f6!important;box-shadow:none!important}
body .state-main .state-note strong{color:#f5f5f6!important}
body .state-main .state-note p{color:#d7d9dc!important}
body .state-main .state-card,body .state-main .agency-grid,body .state-main .agency-grid>div,body .state-main .state-search,body .state-main .state-guides,body .state-main .state-guide{background:#292c30!important;background-image:none!important;border:1px solid #45484e!important;border-radius:0!important;box-shadow:none!important;color:#f5f5f6!important}
body .state-main .state-card h3,body .state-main .agency-grid strong{color:#f5f5f6!important}
body .state-main .state-card p,body .state-main .agency-grid span{color:#bcbec2!important}
body .state-main .state-card b,body .state-main .state-card .mini{color:#f46a9e!important}
body .state-main .mini{background:#34373b!important;border-radius:0!important}
body .state-main .state-grid{gap:14px!important}
body .state-main .state-card:hover{border-color:#f46a9e!important;box-shadow:none!important}
body .state-main .state-intro{color:#f5f5f6!important}
body .state-footer{background:#202225!important;border-top:1px solid #45484e!important;color:#bcbec2!important}
body .state-footer strong{color:#f5f5f6!important}
body .state-footer span{color:#bcbec2!important}

/* State-guide navigation: beat legacy .zh-home-nav-test and numbered menu selectors. */
@media(max-width:820px){
html body header.site-header{position:sticky!important;top:0!important;z-index:1000!important}
html body header.site-header .nav{position:relative!important}
html body header.site-header nav.links.zh-unified-nav.zh-home-nav-test.is-open,
html body header.site-header nav.links.zh-unified-nav.is-open{
box-sizing:border-box!important;position:absolute!important;top:100%!important;left:auto!important;right:0!important;
width:min(330px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;min-width:0!important;
display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;
gap:0!important;margin:0!important;padding:8px 14px!important;overflow-x:hidden!important;overflow-y:auto!important;
max-height:calc(100dvh - 100px)!important;background:#292c30!important;border:1px solid #45484e!important;
border-radius:0!important;box-shadow:0 18px 40px #0008!important;transform:none!important;inset-inline-start:auto!important;
}
html body header.site-header nav.links.zh-unified-nav.zh-home-nav-test.is-open>a,
html body header.site-header nav.links.zh-unified-nav.is-open>a{
box-sizing:border-box!important;position:relative!important;display:flex!important;flex:0 0 auto!important;
align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;
min-height:48px!important;height:auto!important;max-height:none!important;margin:0!important;
padding:12px 28px 12px 4px!important;text-indent:0!important;transform:none!important;
background:transparent!important;color:#f5f5f6!important;border:0!important;border-bottom:1px solid #45484e!important;
border-radius:0!important;font-size:15px!important;font-weight:750!important;line-height:1.4!important;
}
html body header.site-header nav.links.zh-unified-nav.is-open>a::before{content:none!important;display:none!important}
html body header.site-header nav.links.zh-unified-nav.is-open>a::after{
content:"→"!important;position:absolute!important;left:auto!important;right:5px!important;top:50%!important;
transform:translateY(-50%)!important;color:#f46a9e!important;font-size:18px!important}
html body header.site-header nav.links.zh-unified-nav.is-open>a:last-child{border-bottom:0!important;color:#f46a9e!important}
}

/* Consistent state-article navigation and footer; override legacy inline palettes. */
@media(max-width:820px){
html body header.site-header nav.links.zh-unified-nav.is-open,
html body header.site-header nav.links.zh-unified-nav.zh-home-nav-test.is-open{
left:auto!important;right:12px!important;top:100%!important;transform:none!important;
background:#292c30!important;border:1px solid #45484e!important;box-shadow:0 18px 40px #0008!important;
padding:8px 14px!important;border-radius:0!important;counter-reset:none!important;
}
html body header.site-header nav.links.zh-unified-nav.is-open>a,
html body header.site-header nav.links.zh-unified-nav.zh-home-nav-test.is-open>a{
color:#f5f5f6!important;background:transparent!important;
border:0!important;border-bottom:1px solid #45484e!important;
padding:12px 30px 12px 4px!important;text-indent:0!important;
min-height:48px!important;height:auto!important;max-height:none!important;
font-size:15px!important;font-weight:750!important;line-height:1.4!important;
}
html body header.site-header nav.links.zh-unified-nav.is-open>a::before,
html body header.site-header nav.links.zh-unified-nav.zh-home-nav-test.is-open>a::before{
content:none!important;display:none!important;
}
html body header.site-header nav.links.zh-unified-nav.is-open>a::after,
html body header.site-header nav.links.zh-unified-nav.zh-home-nav-test.is-open>a::after{
content:"→"!important;position:absolute!important;left:auto!important;right:5px!important;
top:50%!important;transform:translateY(-50%)!important;color:#f46a9e!important;
}
html body header.site-header nav.links.zh-unified-nav.is-open>a:last-child{color:#f46a9e!important;border-bottom:0!important}
}
html body footer:not(.state-footer){
box-sizing:border-box!important;padding:24px max(20px,calc((100vw - 1120px)/2))!important;
font-size:14px!important;line-height:1.65!important;
}
html body footer:not(.state-footer) .container,
html body footer:not(.state-footer) .shell,
html body footer:not(.state-footer) .wrap{
max-width:1120px!important;width:100%!important;box-sizing:border-box!important;
}
html body footer:not(.state-footer) nav,
html body footer:not(.state-footer) .footer-links,
html body footer:not(.state-footer) .links{
display:flex!important;flex-wrap:wrap!important;align-items:center!important;
gap:10px 18px!important;margin:12px 0!important;
}
html body footer:not(.state-footer) a{
display:inline-block!important;margin-right:12px!important;
color:#d7d9dc!important;text-decoration:none!important;
}
html body footer:not(.state-footer) a:hover{color:#f46a9e!important}
html body footer:not(.state-footer) img{max-width:56px!important;height:auto!important}

/* Mobile footer: all five legal/navigation links in one horizontal row. */
@media(max-width:700px){
html body footer:not(.state-footer) nav,
html body footer:not(.state-footer) .footer-links,
html body footer:not(.state-footer) .links{
display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
justify-content:space-between!important;align-items:center!important;
gap:4px!important;width:100%!important;max-width:100%!important;
margin:12px 0!important;padding:0!important;
}
html body footer:not(.state-footer) nav a,
html body footer:not(.state-footer) .footer-links a,
html body footer:not(.state-footer) .links a{
display:inline-block!important;flex:0 1 auto!important;white-space:nowrap!important;
margin:0!important;padding:0!important;font-size:clamp(11px,3.05vw,14px)!important;
letter-spacing:-.015em!important;line-height:1.4!important;
}
}

/* Consistent state-hub "more guides" cards; override legacy cream/green cards. */
html body .more-guides .more-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body .more-guides .more-link{
display:flex!important;align-items:center!important;justify-content:space-between!important;
min-width:0!important;background:#292c30!important;color:#f5f5f6!important;
border:1px solid #45484e!important;border-radius:0!important;
box-shadow:none!important;text-decoration:none!important;
font-weight:750!important;
}
html body .more-guides .more-link b{color:#f46a9e!important}
html body .more-guides .more-guides-head h2{color:#f5f5f6!important}
html body .more-guides .more-guides-head p{color:#bcbec2!important}
@media(max-width:820px){html body .more-guides .more-list{grid-template-columns:minmax(0,1fr)!important}}

/* Legacy article footers: consistent brand spacing and link layout. */
html body footer.footer{padding:24px 20px 26px!important;margin-top:30px!important}
html body footer.footer .wrap{max-width:1100px!important;margin:0 auto!important}
html body footer.footer nav[aria-label="Informacje o serwisie"]{max-width:1100px!important;margin:14px auto!important}
html body footer.footer nav[aria-label="Informacje o serwisie"] a{color:#d7d9dc!important}
@media(max-width:700px){
html body footer.footer nav[aria-label="Informacje o serwisie"]{
display:flex!important;justify-content:space-between!important;flex-wrap:nowrap!important;
gap:3px!important;width:100%!important;white-space:nowrap!important
}
html body footer.footer nav[aria-label="Informacje o serwisie"] a{
font-size:clamp(11px,3vw,14px)!important;margin:0!important;padding:0!important
}
}