/* Shared navigation and editorial layouts for the published site. */
.topline{background:#0d1926;color:#c8d2dc;font-size:10px;letter-spacing:.11em}.topline .wrap{padding-block:8px;gap:20px}.topline .wrap>span:last-child{letter-spacing:.015em;text-align:right}
.header{border-bottom:1px solid #e4e8ec;box-shadow:0 3px 18px #101d2c05}.header-inner{height:94px;gap:28px}.header .brand-lockup{width:250px}
.nav{gap:5px;font-size:13px}.nav>a,.services-menu>summary{padding:12px 13px;border-radius:5px;white-space:nowrap;font-weight:600;color:#253746;line-height:1.5}.nav>a:hover,.nav>a:focus-visible,.services-menu>summary:hover,.services-menu[open]>summary{color:#145678;background:#edf4f8}
body[data-section="jak-pracujeme"] .nav>a[href="/jak-pracujeme/"],body[data-section="technika"] .nav>a[href="/technika/"],body[data-section="poradna"] .nav>a[href="/poradna/"],body[data-section="kontakt"] .nav>a[href="/kontakt/"],body[data-section="sluzby"] .services-menu>summary{background:#edf4f8;color:#145678}
.services-menu{border:0}.services-menu>summary{display:flex;align-items:center;gap:4px;margin:0;list-style:none;cursor:pointer}.services-menu>summary::after{display:none}.services-menu>summary svg{width:15px;height:15px;transition:transform .2s}.services-menu[open]>summary svg{transform:rotate(180deg)}
.services-panel{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:min(1140px,calc(100vw - 64px));padding:32px;display:grid;grid-template-columns:245px 1fr;gap:32px;background:#fff;border:1px solid #dce3e9;box-shadow:0 22px 50px #0b162326;border-radius:0 0 8px 8px}.menu-intro{background:#f1f6f9;padding:26px 23px;display:flex;flex-direction:column;align-items:start;justify-content:center}.menu-intro .eyebrow{font-size:9px;letter-spacing:.1em;line-height:1.7;display:block;margin-bottom:16px}.menu-intro .eyebrow::before{display:none}.menu-intro>strong{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.035em}.menu-intro .text-link{font-size:12px;gap:10px;margin-top:24px}
.menu-services{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.menu-services>a{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:5px}.menu-services>a:hover{background:#f1f6f9}.menu-services>a>svg{width:23px;height:23px;color:#49758f}.menu-services strong,.menu-services small{display:block}.menu-services strong{font-size:13px;font-weight:700}.menu-services small{font-size:11px;color:#607383;margin-top:3px}
.header-contact{padding:12px 17px;border:1px solid #172d41;border-radius:5px;gap:12px;color:#fff;background:#142738;box-shadow:0 3px 8px #0b16230c;font-size:15px;line-height:1.4}.header-contact small{display:block;font-size:9px;letter-spacing:.04em;font-weight:400;color:#c6d6e2;margin-bottom:2px}.header-contact:hover{background:#213e53}.header-contact svg{width:18px;height:18px;display:block}.menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:7px;border:1px solid #dce3e9;border-radius:5px;font-size:12px;background:#fff}.menu-toggle span{font-weight:700}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr .8fr 1fr;gap:36px}.footer-column{display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-size:13px;color:#bfceda}.footer-column>span{color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.footer-column a:hover{color:white;text-decoration:underline;text-underline-offset:4px}.footer .brand-lockup{width:270px}.footer-column p{font-size:12px;margin-top:6px}.mobile-call .mobile-enquiry{background:none;color:#223b50;padding-left:0;font-weight:700}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.directory-card{border:1px solid #dce3e9;padding:30px;display:flex;flex-direction:column;align-items:start;transition:background .2s,border-color .2s}.directory-card:hover{background:#f5f9fc;border-color:#9bb4c8}.directory-card>svg{width:32px;height:32px;color:#487591;margin-bottom:24px}.directory-card h2,.directory-card h3{font-size:25px;line-height:1.25;margin-bottom:16px;letter-spacing:-.03em}.directory-card p{font-size:15px;line-height:1.85}.directory-card .text-link{font-size:13px;margin-top:auto;padding-top:23px}.directory-card .kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#577386;margin-bottom:19px}
.article-copy h2{scroll-margin-top:120px}.article-copy a:hover{text-decoration-thickness:2px}.article-copy .source-links{font-size:13px}.article-copy .table-scroll{margin-block:28px}.article-copy table{width:100%;border-collapse:collapse;min-width:550px;font-size:14px}.article-copy th,.article-copy td{text-align:left;border-bottom:1px solid #dce3e9;padding:14px;vertical-align:top}.article-copy th{background:#f0f5f8}.article-copy .related-links{list-style:none;padding:0;margin-top:20px}.related-links li{border-top:1px solid #dce3e9;padding:14px 0;margin:0}.related-links a{display:flex;align-items:center;justify-content:space-between;gap:20px}.article-aside{border:1px solid #e1e7eb;border-top:3px solid #7db8df;background:#f5f8fa}.article-aside .aside-caption{font-size:11px;color:#617786;padding-bottom:13px;letter-spacing:.07em;text-transform:uppercase}.article-meta{border-bottom:1px solid #dce3e9;padding-bottom:18px}.article-toc{padding:23px 26px;background:#f2f6f9;margin-bottom:30px}.article-toc strong{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.article-toc ol{margin:0;padding-left:19px}.article-toc li{margin:3px 0;font-size:14px}.article-toc a{text-decoration:none}.guide-footer{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:36px}.guide-footer .text-link{margin:0}.section .section-note{max-width:690px;margin-top:28px}
.contact-page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.contact-direct h2{font-size:34px;margin-bottom:25px}.contact-direct .contact-options{margin-block:28px}.contact-direct p{font-size:16px}.contact-help{border-top:1px solid #dce3e9;padding-top:24px;margin-top:30px}.contact-help h3{font-size:22px;margin-bottom:15px}.contact-help ul{color:#5f6d7b;padding-left:19px;font-size:15px;line-height:1.9}.enquiry-panel{border:1px solid #dce3e9;background:#f6f9fb;padding:34px}.enquiry-panel h2{font-size:29px;margin-bottom:12px}.enquiry-panel>p{font-size:14px;margin-bottom:24px}.enquiry-form{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field label{font-size:13px;font-weight:700}.form-field label span{font-weight:400;color:#62798b}.form-field input,.form-field textarea,.form-field select{font:inherit;font-size:16px;width:100%;max-width:100%;border:1px solid #b8c8d4;border-radius:3px;padding:12px;color:#142738;background:white;line-height:1.5}.form-field textarea{resize:vertical;min-height:150px}.form-field :focus-visible{outline:2px solid #267fae;outline-offset:2px}.form-note{font-size:12px!important;line-height:1.75}.form-note a{text-decoration:underline}.enquiry-form button{justify-self:start}.form-alert{padding:16px 18px;font-size:14px;line-height:1.7;margin-bottom:22px;border:1px solid #a4bbc9;background:#eaf2f8;scroll-margin-top:130px}.form-alert.error{background:#fff3ee;border-color:#cd937b;color:#783c24}.form-alert.success{background:#edf6f0;border-color:#87b398;color:#28533a}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.privacy-summary{padding:22px;background:#edf4f8;border-left:3px solid #7db8df;margin-bottom:30px}.privacy-summary p{margin:0}
@media(max-width:1200px){.header-inner{gap:18px}.header .brand-lockup{width:226px}.nav>a,.services-menu>summary{padding:11px 9px}.header-contact{padding:11px 13px;font-size:14px}.footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-column:last-child{grid-column:2/4}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.header-inner{height:80px}.header .brand-lockup{width:245px}.header-contact{margin-left:auto}.js .menu-toggle{display:flex;margin-left:0}.nav{display:flex;flex-wrap:wrap;width:100%;margin:0;font-size:15px;gap:4px}.header-inner{flex-wrap:wrap;height:auto;min-height:80px;padding-block:16px}.nav{order:4}.js .nav{display:none;position:absolute;left:0;top:100%;padding:18px 32px 24px;border-bottom:1px solid #dce3e9;box-shadow:0 20px 30px #1027381a;background:#fff;max-height:calc(100dvh - 85px);overflow-y:auto}.js .nav.is-open{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap}.nav>a,.services-menu>summary{font-size:15px;padding:13px 14px}.services-panel{position:static;transform:none;width:100%;box-shadow:none;border:0;border-top:1px solid #dce3e9;border-radius:0;padding:14px 5px;display:block}.menu-intro{display:none}.menu-services{gap:4px;grid-template-columns:1fr 1fr}.menu-services>a{padding:13px 10px}.services-menu>summary{justify-content:space-between}.menu-toggle{display:none}.contact-page-grid{gap:40px}}
@media(max-width:760px){.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-column:last-child{grid-column:auto}.contact-page-grid{grid-template-columns:1fr}.enquiry-panel{padding:28px}.directory-card{padding:25px}.directory-card h2,.directory-card h3{font-size:23px}}
@media(max-width:640px){.topline .wrap{font-size:9px;padding-block:7px;letter-spacing:.08em;gap:10px;flex-wrap:nowrap}.topline .wrap>span:last-child{font-size:9px;max-width:120px;line-height:1.5}.header-inner{min-height:76px;padding-block:14px;gap:10px}.header .brand-lockup{width:218px}.header-contact{display:none}.js .menu-toggle{margin-left:auto;padding:8px}.menu-toggle>span{display:none}.menu-toggle svg{width:21px}.js .nav{padding:12px 20px 22px;top:100%;font-size:16px}.menu-services{grid-template-columns:1fr}.menu-services strong{font-size:14px}.menu-services small{font-size:12px}.directory-grid{grid-template-columns:1fr}.directory-card{padding:27px}.directory-card h2,.directory-card h3{font-size:26px}.directory-card p{font-size:16px}.enquiry-panel{padding:24px 20px}.form-row{grid-template-columns:1fr}.contact-direct h2{font-size:31px}.form-field label{font-size:14px}.form-note{font-size:13px!important}.enquiry-form .button{width:100%;font-size:14px}.article-copy h2{scroll-margin-top:95px}.footer-top{gap:28px 20px}.footer-column:last-child{grid-column:1/-1}.footer-bottom{display:flex;flex-wrap:wrap;gap:9px 20px;line-height:1.7}.footer-bottom>span:nth-child(2){display:none}.mobile-call{gap:12px}.mobile-call a{min-height:44px}.mobile-call .mobile-enquiry{font-size:13px}.hero .actions .button{font-size:13px}}
@media(max-width:360px){.header .brand-lockup{width:195px}.topline .wrap{font-size:8px}.topline .wrap>span:last-child{font-size:8px;max-width:103px}.js .nav{padding-inline:14px}.footer .brand-lockup{width:250px}}
@media(prefers-reduced-motion:reduce){.services-menu>summary svg{transition:none}}
.services-panel{max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1050px){.services-panel{max-height:none;overflow:visible}.js .nav{max-height:calc(100dvh - 145px);overscroll-behavior:contain}}
@media(max-width:640px){.js .nav{max-height:calc(100dvh - 205px)}}
.enquiry-panel{scroll-margin-top:120px}@media(max-width:640px){.enquiry-panel{scroll-margin-top:95px}}
.article-copy,.article-aside{min-width:0}.article-hero h1{overflow-wrap:break-word;hyphens:auto}
@media(max-width:850px){.article-layout{grid-template-columns:minmax(0,1fr)}}

/* Approved logo and photograph, September 2026. */
.header .brand-lockup{width:260px}
.hero-image{width:70%;object-position:67% 54%}
.hero:before{background:linear-gradient(90deg,#0b1623 0%,#0b1623 30%,rgba(11,22,35,.86) 41%,rgba(11,22,35,.02) 65%)}
@media(max-width:1200px){.header .brand-lockup{width:226px}}
@media(max-width:1050px){.header .brand-lockup{width:240px}}
@media(max-width:850px){.hero-image{width:100%;object-position:65% 54%}}
@media(max-width:640px){.header .brand-lockup{width:218px}}
@media(max-width:360px){.header .brand-lockup{width:195px}}

/* Service catalogue and network protection, October 2026. */
.menu-group{min-width:0}.menu-group-label{display:block;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#657785;padding:8px 12px 11px}.menu-group>a{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;color:#152d40;border-radius:5px;text-decoration:none}.menu-group>a:hover,.menu-group>a:focus-visible{background:#edf4f8}.menu-group>a>svg{width:21px;height:21px;flex:0 0 21px;stroke:#37627e;fill:none;stroke-width:1.5;margin-top:3px}.menu-group>a span{display:flex;flex-direction:column;gap:4px;min-width:0}.menu-group strong{font-size:13px;line-height:1.4}.menu-group small{font-size:11px;line-height:1.45;color:#657785}.services-panel{width:min(1060px,calc(100vw - 48px))}.menu-intro strong{font-size:25px}.network-section{background:#edf3f7}.digital-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.digital-grid .service-card{background:#fff}.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border-top:1px solid #becdd8;border-bottom:1px solid #becdd8}.technology-grid>a{display:flex;flex-direction:column;padding:29px 30px;text-decoration:none;color:#152c3e;min-width:0}.technology-grid>a+a{border-left:1px solid #becdd8}.technology-grid h3{font-size:30px;letter-spacing:-.03em;margin:10px 0 8px}.technology-grid p{font-size:15px;line-height:1.7;margin:0 0 19px;color:#526777}.technology-grid .text-link{font-size:13px;margin-top:auto}.technology-grid>a:hover{background:#e4edf3}.directory-heading{padding:10px 0 24px;scroll-margin-top:135px}.directory-heading:not(:first-child){margin-top:60px}.directory-heading h2{font-size:34px;line-height:1.25;letter-spacing:-.035em;margin:9px 0 0}.topic-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.topic-nav a{padding:11px 17px;border:1px solid #b8cbd8;border-radius:4px;text-decoration:none;color:#264a63;font-size:14px;font-weight:700}.topic-nav a:hover{background:#edf4f8}.article-aside>a:not(.button){overflow-wrap:anywhere}.footer-column a{line-height:1.5}.hero h1{font-size:clamp(38px,4.4vw,66px);line-height:1.16}.hero-lead{max-width:540px}.service-card h3{overflow-wrap:break-word}.article-toc a{line-height:1.5}
@media(max-width:1050px){.services-panel{width:100%}.menu-group>a{padding:12px 10px}.menu-group-label{font-size:10px}.menu-services{align-items:start}}
@media(max-width:850px){.digital-grid{grid-template-columns:1fr}.technology-grid{grid-template-columns:1fr}.technology-grid>a{padding:25px 24px}.technology-grid>a+a{border-left:0;border-top:1px solid #becdd8}.technology-grid h3{font-size:29px}.technology-grid p{margin-bottom:12px}.hero h1{font-size:clamp(36px,7vw,58px)}}
@media(max-width:640px){.menu-services{grid-template-columns:1fr}.menu-group+.menu-group{border-top:1px solid #dce3e9;margin-top:10px;padding-top:12px}.menu-group strong{font-size:14px}.menu-group small{font-size:12px}.directory-heading h2{font-size:27px}.directory-heading{scroll-margin-top:100px}.directory-heading:not(:first-child){margin-top:42px}.hero h1{font-size:clamp(30px,7.6vw,46px)}.hero-lead{font-size:16px;line-height:1.7}.topic-nav{gap:8px}.topic-nav a{font-size:12px;padding:10px 12px}}

.article-hero h1{hyphens:none;text-wrap:balance}
@media(max-width:360px){.article-hero h1{font-size:32px}}