/* Baza WCAG. Styl przeniesiony z artykułów ZarazWSieci (ServiceDetailPage).
   Zmiany izolowane do /baza-wcag/, bez wpływu na główną stronę. */
:root{color-scheme:light;--wcag-text:#09090d;--wcag-muted:rgba(9,9,13,.76);--wcag-line:rgba(9,9,13,.12);font-family:Manrope,Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;min-width:0;background:#fff;color:var(--wcag-text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
h1,h2,h3,p{overflow-wrap:break-word}
button,input,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #317da2;outline-offset:3px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wcag-shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.wcag-skip{position:fixed;z-index:1000;top:12px;left:16px;transform:translateY(-175%);padding:10px 16px;background:#fff;border:2px solid #09090d;color:#09090d;font-weight:800}
.wcag-skip:focus{transform:translateY(0)}
/* Jak w nagłówkach projektu: ciemny pasek, biała typografia marki, bez ozdobników. */
.wcag-header{background:#111316;color:#fff;border-bottom:1px solid #2e3134}
.wcag-topline{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wcag-brand{display:inline-flex;align-items:baseline;color:#fff;text-decoration:none;font-weight:900;letter-spacing:-.077em;line-height:1;font-size:clamp(21px,2.4vw,30px);white-space:nowrap}
.wcag-brand-dot{color:#3997c5}
.wcag-topnav{display:flex;gap:clamp(10px,1.7vw,25px);align-items:center;flex-wrap:wrap}
.wcag-topnav a{color:#f8fafa;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}
.wcag-topnav a:hover,.wcag-topnav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
/* Katalog wygląda jak lista artykułów w obrębie tej samej marki. */
.wcag-content{padding:clamp(42px,6vw,90px) 0 110px}
.wcag-explorer{margin-bottom:36px}
.wcag-toolbar-title{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.wcag-toolbar-title h1{font-size:clamp(43px,6.2vw,86px);font-weight:900;letter-spacing:-.07em;line-height:.94;margin:0;color:#09090d}
.wcag-count{font-size:13px;font-weight:750;margin:0;color:rgba(9,9,13,.5)}
.wcag-filters{display:grid;grid-template-columns:minmax(230px,2fr) repeat(3,minmax(120px,1fr)) auto;align-items:end;gap:15px;border:0;border-top:1px solid var(--wcag-line);border-bottom:1px solid var(--wcag-line);padding:21px 0;background:transparent}
.wcag-field{display:flex;min-width:0;flex-direction:column;gap:7px}
.wcag-field label{font-size:11px;font-weight:850;letter-spacing:.045em;color:rgba(9,9,13,.7)}
.wcag-field input,.wcag-field select{height:43px;min-width:0;width:100%;border:1px solid #777;border-radius:0;background:#fff;color:#09090d;padding:0 12px;font-size:13px;font-weight:600}
.wcag-field input::placeholder{color:#575757;font-weight:450}
.wcag-clear{height:43px;white-space:nowrap;border:1px solid #09090d;background:#09090d;color:#fff;font-size:12px;font-weight:800;padding:0 14px}
.wcag-clear:hover{background:#343434}
.wcag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.wcag-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:28px 0 31px;border:0;border-bottom:1px solid var(--wcag-line);background:#fff;box-shadow:none;border-radius:0}
.wcag-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;font-size:11px;font-weight:800;letter-spacing:.035em;color:rgba(9,9,13,.53)}
.wcag-num{font-weight:900;color:#09090d;font-size:13px}
.wcag-pill{font-size:11px;font-weight:800;color:rgba(9,9,13,.7)}
.wcag-version{margin-left:auto;color:rgba(9,9,13,.47);font-size:11px;font-weight:650;white-space:nowrap}
.wcag-card h3{margin:0 0 12px;color:#09090d;font-size:clamp(21px,2vw,28px);line-height:1.1;letter-spacing:-.045em;font-weight:900}
.wcag-card h3 a{text-decoration:none}
.wcag-card h3 a:hover{text-decoration:underline}
.wcag-card p{margin:0 0 22px;max-width:680px;font-size:15px;line-height:1.74;font-weight:500;color:var(--wcag-muted)}
.wcag-card-more{margin-top:auto;width:fit-content;font-size:12px;color:#09090d;text-decoration:none;border-bottom:1px solid #09090d;font-weight:850;padding-bottom:3px}
.wcag-card-more:hover{border-bottom-width:2px}
.wcag-empty{margin-bottom:24px;padding:26px 0;border-top:1px solid var(--wcag-line);border-bottom:1px solid var(--wcag-line)}
.wcag-empty h2{margin:0 0 6px;font-size:25px;letter-spacing:-.04em}
.wcag-empty p{margin:0;color:var(--wcag-muted)}
/* Artykuły: identyczne wartości kolorów, szerokości, typografii i układu jak w ServiceDetailPage. */
.wcag-detail{padding:34px 0 105px}
.wcag-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:11px;color:rgba(9,9,13,.52);font-size:12px;font-weight:750;margin:0 0 60px}
.wcag-breadcrumb a{color:#09090d}
.wcag-detail-layout{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,900px);align-items:start;gap:clamp(34px,5vw,76px)}
.wcag-detail-main{min-width:0;width:100%;max-width:900px}
.wcag-article-nav{position:sticky;top:104px;align-self:start;border:0;background:transparent;min-width:0}
.wcag-article-nav>strong{display:block;color:rgba(9,9,13,.46);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}
.wcag-article-nav nav{display:grid;gap:0}
.wcag-article-nav a{display:block;padding:15px 0;border-bottom:1px solid var(--wcag-line);font-size:14px;font-weight:800;letter-spacing:-.02em;line-height:1.32;opacity:.82;text-decoration:none}
.wcag-article-nav a:first-child{border-top:1px solid var(--wcag-line)}
.wcag-article-nav a:hover{opacity:1;text-decoration:underline}
.wcag-detail-heading{padding:0;margin:0 0 clamp(42px,5vw,72px);max-width:900px}
.wcag-eyebrow{margin:0 0 20px;color:rgba(9,9,13,.5);font-size:11px;font-weight:900;letter-spacing:.18em;line-height:1.4}
.wcag-detail-heading h1{margin:0 0 22px;font-size:clamp(44px,6.2vw,86px);line-height:.92;letter-spacing:-.07em;font-weight:900;color:#09090d;overflow-wrap:anywhere}
.wcag-detail-subtitle{margin:0;max-width:820px;font-size:clamp(16px,1.24vw,18px);line-height:1.78;font-weight:500;color:var(--wcag-muted)}
.wcag-detail-panel,.wcag-note{border:0;background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0 0 clamp(52px,6vw,96px);max-width:900px}
.wcag-detail-panel h2,.wcag-note h2{max-width:860px;margin:0 0 22px;color:#09090d;font-size:clamp(40px,5.5vw,78px);line-height:.94;letter-spacing:-.07em;font-weight:900}
.wcag-detail-panel>p,.wcag-note>p{margin:0 0 16px;max-width:820px;color:var(--wcag-muted);font-size:clamp(16px,1.24vw,18px);line-height:1.78;font-weight:500}
.wcag-check-reminder{margin-top:20px!important;color:rgba(9,9,13,.6)!important}
.wcag-official-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:20px}
.wcag-official-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 15px;background:#09090d;color:#fff;font-weight:800;font-size:13px;text-decoration:none}
.wcag-official-links a:hover{background:#2e2e2e}
.wcag-article-after{border-top:1px solid var(--wcag-line);padding-top:24px;margin-top:30px}
.wcag-return{display:inline-block;color:#09090d;font-size:13px;font-weight:800;text-decoration:underline;margin:0 0 26px}
.wcag-detail-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.wcag-detail-pagination a{min-width:0;display:flex;flex-direction:column;gap:8px;padding:16px 0;border-top:1px solid var(--wcag-line);text-decoration:none}
.wcag-detail-pagination a span{font-size:11px;font-weight:800;color:rgba(9,9,13,.52)}
.wcag-detail-pagination a strong{font-size:15px;line-height:1.5;color:#09090d;font-weight:900}
.wcag-detail-pagination a:hover strong{text-decoration:underline}
/* Stopka bez nowych ozdobnych modułów. */
.wcag-footer{border-top:1px solid #303338;background:#111316;color:#f2f2f2;padding:27px 0}
.wcag-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.wcag-footer p{margin:0;font-size:12px;font-weight:800}
.wcag-footer nav{display:flex;flex-wrap:wrap;gap:17px}
.wcag-footer a{font-size:12px;font-weight:750;text-decoration:none}
.wcag-footer a:hover{text-decoration:underline}
@media(max-width:1180px){.wcag-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.wcag-field-search{grid-column:span 2}.wcag-clear{width:100%}}
@media(max-width:980px){.wcag-detail-layout{grid-template-columns:1fr;gap:30px}.wcag-article-nav{position:static;top:auto}.wcag-article-nav nav{display:flex;flex-wrap:nowrap;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.wcag-article-nav a{flex:0 0 auto;white-space:nowrap;font-size:13px;padding:12px 0}.wcag-detail{padding-bottom:65px}}
@media(max-width:800px){.wcag-shell{width:calc(100% - 36px)}.wcag-grid{grid-template-columns:1fr}.wcag-topline{min-height:70px}.wcag-topnav a:nth-child(2),.wcag-topnav a:nth-child(3),.wcag-topnav a:nth-child(4){display:none}}
@media(max-width:600px){.wcag-shell{width:calc(100% - 28px)}.wcag-brand{font-size:clamp(20px,6vw,24px)}.wcag-topnav{gap:12px}.wcag-topnav a{font-size:11px}.wcag-topnav a:last-child{display:none}.wcag-content{padding:34px 0 65px}.wcag-toolbar-title{align-items:flex-start;flex-direction:column;margin-bottom:24px}.wcag-toolbar-title h1{font-size:clamp(42px,11vw,54px)}.wcag-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wcag-field-search{grid-column:1/-1}.wcag-field:last-of-type{grid-column:1/-1}.wcag-clear{grid-column:1/-1}.wcag-card{padding:23px 0}.wcag-card h3{font-size:23px}.wcag-detail{padding-top:22px}.wcag-breadcrumb{margin-bottom:35px}.wcag-detail-heading h1{font-size:clamp(37px,11vw,56px)}.wcag-detail-panel,.wcag-note{margin-bottom:45px}.wcag-detail-panel h2,.wcag-note h2{font-size:clamp(35px,10vw,48px)}.wcag-detail-pagination{grid-template-columns:1fr;gap:8px}.wcag-footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:375px){.wcag-filters{grid-template-columns:1fr}.wcag-field-search,.wcag-field:last-of-type,.wcag-clear{grid-column:auto}.wcag-topnav a:first-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* WCAG v10: precyzyjne odwzorowanie układu artykułów ServiceDetailPage.jsx.
   Nagłówek współdzieli nazwy, kolejność i typografię menu z AppMainHeader.jsx. */
.wcag-header{background:#101317;color:#f8fafa;position:relative;z-index:40}
.wcag-topline{min-height:78px;gap:22px}
.wcag-brand{flex:0 0 auto;font-family:Manrope,Arial,sans-serif;font-weight:900;font-size:clamp(21px,2.4vw,30px);color:#f8fafa}
.wcag-topnav{margin-left:auto;gap:clamp(13px,1.6vw,27px);flex-wrap:nowrap;min-width:0}
.wcag-topnav a{font-size:13px;color:#f8fafa;font-weight:800}
.wcag-topnav a:hover,.wcag-topnav a:focus-visible{color:#bdd5df}
.wcag-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.wcag-contact{display:inline-flex;align-items:center;min-height:42px;padding:0 10px;color:#f8fafa;font-size:13px;font-weight:800;text-decoration:none}
.wcag-contact:hover{color:#bdd5df}
.wcag-lang{position:relative;display:flex}
.wcag-lang-button{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:0;border-radius:50%;color:#f8fafa;padding:0}
.wcag-lang-button:hover,.wcag-lang-button[aria-expanded=true]{background:rgba(189,213,223,.12)}
.wcag-lang-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:41;width:174px;padding:8px;border:1px solid rgba(189,213,223,.36);border-radius:12px;background:#171e23;box-shadow:0 16px 35px rgba(0,0,0,.3);display:grid;gap:2px}
.wcag-lang-panel[hidden],.wcag-mobile-menu[hidden]{display:none!important}
.wcag-lang-panel a{color:#f8fafa;display:flex;justify-content:space-between;align-items:center;padding:11px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:650}
.wcag-lang-panel a:hover{background:rgba(189,213,223,.15)}
.wcag-lang-panel a span{color:#bdd5df;font-size:11px;font-weight:750}
.wcag-menu-button{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:1px solid rgba(248,250,250,.25);border-radius:7px;padding:8px}
.wcag-menu-button span{display:block;width:21px;height:2px;background:#f8fafa;border-radius:2px}
.wcag-mobile-menu{background:#101317;color:#f8fafa;padding:10px max(18px,calc((100vw - 1240px)/2)) 26px;border-top:1px solid rgba(248,250,250,.14);display:grid;gap:0}
.wcag-mobile-menu a{color:#f8fafa;font-weight:800;text-decoration:none;padding:13px 6px;border-bottom:1px solid rgba(248,250,250,.1);font-size:14px}
.wcag-mobile-menu a:hover,.wcag-mobile-menu a[aria-current=page]{color:#bdd5df}
/* Dokładne szerokości artykułu blogowego: 1240, sidebar 250, kolumna 900. */
.wcag-detail-page{background:#fff}
.wcag-detail{width:min(1240px,calc(100% - 48px));padding:44px 0 100px;margin-inline:auto}
.wcag-breadcrumb{margin-bottom:45px}
.wcag-detail-layout{width:100%;display:grid;grid-template-columns:minmax(190px,250px) minmax(0,900px);gap:clamp(34px,5vw,76px);align-items:start;max-width:1240px;margin:0 auto}
.wcag-detail-main{width:100%;min-width:0;max-width:900px;overflow-wrap:break-word}
.wcag-article-nav{position:sticky;top:104px;padding:22px 20px;background:#fff;border:1px solid rgba(9,9,13,.1);box-shadow:0 18px 42px rgba(9,9,13,.06)}
.wcag-article-nav>strong{margin-bottom:14px;font-size:12px;color:rgba(9,9,13,.54)}
.wcag-article-nav nav{display:grid;gap:10px}
.wcag-article-nav a{font-size:14px;line-height:1.25;font-weight:800;letter-spacing:-.02em;opacity:.72;border:0;padding:0}
.wcag-article-nav a:first-child{border:0}
.wcag-detail-heading{max-width:900px;margin:0 0 clamp(42px,5vw,72px)}
.wcag-detail-heading h1{max-width:850px;font-size:clamp(44px,6.2vw,86px);line-height:.92;letter-spacing:-.07em;font-weight:900;overflow-wrap:break-word;word-break:normal}
.wcag-detail-subtitle{max-width:820px;font-size:clamp(16px,1.24vw,18px);line-height:1.78;color:rgba(9,9,13,.78)}
.wcag-detail-panel,.wcag-note{margin-bottom:clamp(52px,6vw,96px);max-width:900px}
.wcag-detail-panel h2,.wcag-note h2{font-size:clamp(40px,5.5vw,78px);line-height:.94;letter-spacing:-.07em;font-weight:950;margin-bottom:22px}
.wcag-detail-panel>p,.wcag-note>p{max-width:820px;font-size:clamp(16px,1.24vw,18px);line-height:1.78;color:rgba(9,9,13,.78)}
@media(max-width:1080px){.wcag-topnav{gap:12px}.wcag-topnav a{font-size:12px}}
@media(max-width:980px){
 .wcag-detail-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 .wcag-article-nav{position:static;padding:18px;box-shadow:none}
 .wcag-article-nav nav{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
 .wcag-article-nav a{flex:0 0 auto;max-width:220px;white-space:nowrap}
}
@media(max-width:900px){
 .wcag-topline{min-height:70px}
 .wcag-topnav,.wcag-contact{display:none!important}
 .wcag-menu-button{display:flex}
 .wcag-header-actions{margin-left:auto}
}
@media(max-width:760px){
 .wcag-detail{padding:25px 0 70px}
 .wcag-breadcrumb{margin-bottom:28px}
 .wcag-detail-heading{margin-bottom:34px}
 .wcag-detail-heading h1{font-size:clamp(37px,11vw,56px);line-height:.96;overflow-wrap:break-word}
 .wcag-detail-panel,.wcag-note{margin-bottom:44px}
 .wcag-detail-panel h2,.wcag-note h2{font-size:clamp(34px,10vw,52px)}
 .wcag-article-nav{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
 .wcag-article-nav>strong{font-size:10px;margin-bottom:9px}
 .wcag-article-nav nav{display:flex;gap:8px;overflow-x:auto;padding:0 0 8px}
 .wcag-article-nav a{flex:0 0 auto;max-width:210px;padding:9px 12px;border:1px solid rgba(9,9,13,.1)!important;border-radius:999px;white-space:nowrap;font-size:11px;line-height:1.12;font-weight:850;opacity:1}
}
@media(max-width:600px){.wcag-detail,.wcag-shell{width:calc(100% - 28px)}.wcag-menu-button{width:40px;height:40px}.wcag-detail-heading h1{font-size:clamp(36px,10.8vw,53px)}}