/* Autek Debilek — dostępność: 4 rozmiary, kontrast, fokus i responsywność. */
:root{--a11y-text:1;--a11y-space:1}
.a11y-launch{position:fixed;z-index:49;right:14px;bottom:125px;display:flex;align-items:center;gap:7px;padding:10px 13px;color:#061422;background:#91d7ff;border:2px solid #d7f2ff;border-radius:12px;box-shadow:0 8px 26px #0008;font-weight:900;font-size:12px;cursor:pointer}
.access-dialog{width:min(560px,calc(100vw - 22px));max-height:min(86dvh,760px);overflow:auto;margin:auto;border:2px solid #79c9ff;border-radius:16px;background:#081a2b;color:#eff8ff;box-shadow:0 24px 80px #000d;padding:0}
.access-dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}
.access-content{padding:clamp(17px,4vw,30px)}
.access-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.access-top h2{margin:3px 0 14px;font-family:Manrope,system-ui,sans-serif;font-size:clamp(24px,5vw,32px);line-height:1.18;color:#a6dfff}
.access-close{flex-shrink:0;border:1px solid #8acfff;border-radius:10px;background:#173c60;color:#fff;min-width:44px;min-height:44px;font-size:24px;cursor:pointer}
.access-content p{color:#c1d9ec;line-height:1.75}
.access-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 22px}
.access-options button{border:1px solid #4179a5;background:#122e49;border-radius:9px;color:#eaf6ff;min-height:55px;padding:10px 7px;cursor:pointer;font-weight:800;overflow-wrap:anywhere}
.access-options button[aria-pressed=true]{border:3px solid #b0e9ff;background:#21537b;box-shadow:inset 0 0 0 1px #98cefa}
.access-options button span{display:block;font-size:.82em;font-weight:500;opacity:.93}
.access-toggle{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 16px;border:1px solid #4179a5;border-radius:10px;background:#0f2d46;cursor:pointer}
.access-toggle input{width:24px;height:24px;flex:0 0 24px;accent-color:#ffe600}
.access-bottom{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.access-bottom button{border:1px solid #77bde8;padding:12px 14px;background:#183854;color:#fff;border-radius:8px;min-height:44px;font-weight:800;cursor:pointer}
.a11y-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.a11y-section{border-block:1px solid #1c557d;background:linear-gradient(160deg,#06182a,#0c223a)}
.news-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto}
.news-card-actions button{flex:0 0 auto}
.news-card-actions .news-listen{background:#123f5e;border:1px solid #5dbafa;color:#e4f6ff;padding:10px;font-size:12px}
.news-global-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:13px;margin:12px 0 21px}
.tiktok-feature{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;margin:40px 0 0;padding:30px;border:1px solid #438dbd;border-radius:17px;background:linear-gradient(125deg,#0f314f,#081726);}
.tiktok-feature h3{font:900 clamp(26px,4vw,43px)/1.1 Barlow Condensed,Impact,sans-serif;margin:8px 0;color:#9adbff}
.tiktok-feature p{font-size:14px;line-height:1.8;color:#cedeed}
.tiktok-feature small{color:#9ebfd4;line-height:1.6;display:block}
.tik-monogram{width:70px;height:70px;border:1px solid #72c4f9;background:#09223a;display:grid;place-items:center;color:#b4e4ff;font-size:50px;border-radius:12px}
.tik-handle strong{color:#a7dfff}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #ffdf43!important;outline-offset:4px!important;box-shadow:0 0 0 6px #090f18!important}
.skip-link:focus{z-index:9999;top:12px;left:12px;color:#111;background:#ffec59;padding:12px 16px;border:2px solid #000}
@media(max-width:850px){.tiktok-feature{grid-template-columns:64px 1fr}.tiktok-feature>a{grid-column:1/-1;justify-self:start}.tik-monogram{width:64px;height:64px}.a11y-launch{right:14px;bottom:125px}}
@media(max-width:600px){.a11y-card-grid{grid-template-columns:1fr}.tiktok-feature{padding:20px;gap:13px;grid-template-columns:1fr}.tiktok-feature>a{grid-column:auto}.tik-monogram{width:54px;height:54px;font-size:35px}.a11y-launch{bottom:124px;right:10px;padding:9px 11px;font-size:11px}.access-dialog{max-height:90dvh}.access-options{gap:7px}}
/* Four font sizes: 100% / 120% / 145% / 170%; style rules target readable text, not pixel-sized imagery. */
html[data-text-size="1"]{--a11y-text:1.2}html[data-text-size="2"]{--a11y-text:1.45}html[data-text-size="3"]{--a11y-text:1.7}
html[data-text-size]:not([data-text-size="0"]) body :is(p,li,blockquote,.desc,.hero-lead,.footer-brand p,.gallery-help,.text-muted,.europe-notice,.legal-note,.video-status,.gallery-tally,.footer-base,.tiktok-feature small,.access-content p){font-size:clamp(15px,calc(13px * var(--a11y-text)),26px)!important;line-height:1.7!important;letter-spacing:normal!important}
html[data-text-size]:not([data-text-size="0"]) body :is(.tiny,.icon-no,.news-meta,.tagline,.news-toolbar button,.gallery-filters button,.nav-wrap a,.footer-links a,.footer-links button,.microbar,.social-link small){font-size:clamp(12px,calc(10px * var(--a11y-text)),18px)!important;line-height:1.55!important;letter-spacing:normal!important}
html[data-text-size]:not([data-text-size="0"]) body :is(.info-card h3,.news-card h3,.history-card h3,.legal-card h3,.video-info h3,.tiktok-feature h3){font-size:clamp(23px,calc(23px * var(--a11y-text)),42px)!important;line-height:1.16!important}
html[data-text-size]:not([data-text-size="0"]) body :is(.display,.section-intro h2,.author-band h2){font-size:clamp(36px,calc(48px * var(--a11y-text)),83px)!important;line-height:1.05!important;overflow-wrap:anywhere}
html[data-text-size]:not([data-text-size="0"]) body :is(.hero h1){font-size:clamp(68px,calc(86px * var(--a11y-text)),145px)!important;line-height:.93!important;overflow-wrap:anywhere}
html[data-text-size]:not([data-text-size="0"]) body :is(button,.btn,input,select,label,.reader-panel,.social-tab,.a11y-launch){font-size:clamp(14px,calc(12px * var(--a11y-text)),21px)!important;line-height:1.45!important}
html[data-text-size="3"] body :is(.tri-grid,.six-grid,.news-grid,.a11y-card-grid,.legal-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:750px){html[data-text-size]:not([data-text-size="0"]) body :is(.tri-grid,.six-grid,.news-grid,.a11y-card-grid,.legal-grid){grid-template-columns:1fr!important}html[data-text-size]:not([data-text-size="0"]) .hero h1{font-size:clamp(52px,15vw,90px)!important}html[data-text-size]:not([data-text-size="0"]) .display{font-size:clamp(34px,10vw,66px)!important}}
/* High contrast: solid black background, yellow text and crisp edges. Photos/videos remain untouched. */
html[data-contrast="yellow"]{--bg:#000!important;--panel:#000!important;--panel2:#070700!important;--border:#ffe600!important;--blue:#ffe600!important;--blue2:#ffe600!important;--rust:#ffe600!important;--text:#fff77b!important;--muted:#ffe600!important;--navy:#000!important;scrollbar-color:#ffe600 #000}
html[data-contrast="yellow"] body{color:#fff77b!important;background:#000!important}
html[data-contrast="yellow"] body:before{display:none!important}
html[data-contrast="yellow"] body :is(.microbar,.site-header,.mobile-menu,.footer,.section,.alternate,.hero,.info-card,.history-card,.news-card,.legal-card,.europe-highlight,.europe-notice,.author-band,.video-shell,.video-screen,.video-info,.gallery-empty,.reader-panel,.social-drawer,.social-tab,.a11y-launch,.cookie-dialog,.dialog-back,.access-dialog,.a11y-section,.tiktok-feature,.access-options button,.access-toggle,.gallery-filters button,.btn,.social-link,.gallery-toolbar,.news-toolbar input,.gallery-toolbar input,.video-playlist button,.gallery-pagination button,.access-bottom button){background:#000!important;background-image:none!important;color:#fff77b!important;border-color:#ffe600!important;box-shadow:none!important}
html[data-contrast="yellow"] body :is(h1,h2,h3,h4,p,small,span,strong,em,summary,label,time,a,button,.display,.tiny,.desc,.logo-main,.hero-sub,.logo-box,.author-seal,.nav-wrap,.footer-links,.news-meta,.icon-no,.gallery-tally,.video-status){color:#ffe600!important;text-shadow:none!important;-webkit-text-stroke:0!important}
html[data-contrast="yellow"] body :is(button,.btn,.social-tab,a):hover{background:#222200!important}
html[data-contrast="yellow"] body :is(input,select,textarea){background:#000!important;color:#ffe600!important;border:2px solid #ffe600!important}
html[data-contrast="yellow"] body :is(.reveal){opacity:1!important;transform:none!important}
html[data-contrast="yellow"] body .logo-box{background:#000!important;border:2px solid #ffe600!important}
html[data-contrast="yellow"] body :is(.access-options button[aria-pressed="true"],.gallery-filters button.active,.news-toolbar button.active){background:#ffe600!important;color:#000!important}
html[data-contrast="yellow"] body :is(.access-options button[aria-pressed="true"],.gallery-filters button.active,.news-toolbar button.active) *{color:#000!important}
@media(prefers-reduced-motion:reduce){.access-dialog,.a11y-launch{transition:none!important}}
/* With very large letters, switch desktop navigation to the compact menu before links overflow. */
html[data-text-size="3"] .desktop-nav{display:none!important}
html[data-text-size="3"] .mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center}
html[data-text-size="3"] .nav-wrap{max-width:100%;min-width:0;gap:8px}
html[data-text-size="3"] .logo{min-width:0}
html[data-text-size="3"] .locale-holder{flex:0 1 148px;min-width:0;max-width:148px}
html[data-text-size="3"] .locale-holder select{max-width:100%;width:100%}
html[data-text-size="3"] .mobile-menu.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;overflow-wrap:anywhere}
@media(max-width:420px){
  html[data-text-size="3"] .logo small{display:none}
  html[data-text-size="3"] .logo-main{font-size:13px!important}
  html[data-text-size="3"] .locale-holder{flex-basis:93px;max-width:93px}
  html[data-text-size="3"] .locale-holder select{font-size:12px!important;padding-left:5px;padding-right:15px}
  html[data-text-size="3"] .mobile-toggle{padding:6px 8px}
}
@media(max-width:420px){
  html[data-text-size="3"] .timeline-entry{grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important;width:100%;min-width:0}
  html[data-text-size="3"] .timeline-entry .history-card{min-width:0;padding:16px!important}
  html[data-text-size="3"] .timeline-entry .history-card h3{overflow-wrap:anywhere}
  html[data-text-size="3"] .ladder{display:none!important}
}
/* Progressive enhancement: content remains visible even if JS or an observer fails. */
.reveal{opacity:1!important;transform:none!important}
/* Intermediate enlargement also needs compact desktop navigation in longer languages. */
html[data-text-size="2"] .desktop-nav{display:none!important}
html[data-text-size="2"] .mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center}
html[data-text-size="2"] .locale-holder{flex:0 1 148px;min-width:0;max-width:148px}
html[data-text-size="2"] .locale-holder select{max-width:100%;width:100%}
html[data-text-size="2"] .mobile-menu.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
.a11y-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.a11y-card-grid>.info-card{min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:750px){.a11y-card-grid{grid-template-columns:minmax(0,1fr)!important}.a11y-card-grid>.info-card{width:100%;min-width:0;overflow-wrap:anywhere}}
@media(max-width:420px){html[data-text-size="2"] .logo small{display:none}html[data-text-size="2"] .locale-holder{flex-basis:95px;max-width:95px}}
.europe-highlight{overflow:hidden}
.legal-note,.legal-note *, .europe-highlight{overflow-wrap:anywhere;word-break:normal}
@media(max-width:420px){.legal-note{max-width:100%;min-width:0;white-space:normal;padding:15px!important}}