:root{
      --bg:#f4f7fb;
      --surface:#ffffff;
      --surface-2:#eef3f9;
      --ink:#0d1728;
      --muted:#637083;
      --line:#dce4ee;
      --brand:#e21b2d;
      --brand-dark:#b90f20;
      --navy:#071321;
      --blue:#2369df;
      --green:#0f9d6e;
      --yellow:#f6b817;
      --radius:22px;
      --radius-sm:14px;
      --shadow:0 18px 50px rgba(12,31,56,.10);
      --container:min(1440px,calc(100% - 40px));
    }

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
      margin:0;
      color:var(--ink);
      background:var(--bg);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      line-height:1.55;
    }

img{display:block;max-width:100%}

button,input{font:inherit}

a{color:inherit;text-decoration:none}

button,a{touch-action:manipulation}

.container{width:var(--container);margin-inline:auto}

.sr-only{
      position:absolute!important;
      width:1px!important;
      height:1px!important;
      padding:0!important;
      margin:-1px!important;
      overflow:hidden!important;
      clip:rect(0,0,0,0)!important;
      white-space:nowrap!important;
      border:0!important;
    }

:focus-visible{
      outline:3px solid #ffbf47!important;
      outline-offset:4px!important;
    }

html.a11y-contrast{
      --bg:#000;
      --surface:#000;
      --surface-2:#111;
      --ink:#fff;
      --muted:#fff;
      --line:#fff;
      --brand:#ffeb00;
      --brand-dark:#ffeb00;
      --blue:#00ffff;
      color-scheme:dark;
    }

html.a11y-contrast body,
    html.a11y-contrast header,
    html.a11y-contrast section,
    html.a11y-contrast article,
    html.a11y-contrast aside,
    html.a11y-contrast footer{
      color:#fff!important;
      background-color:#000!important;
      background-image:none!important;
    }

html.a11y-contrast a,
    html.a11y-contrast button{
      color:#ffeb00!important;
      border-color:#fff!important;
    }

html.a11y-dark{color-scheme:dark}

html.a11y-dark body{filter:brightness(.82)}

html.a11y-grayscale{filter:grayscale(1)}

html.a11y-readable-font body,
    html.a11y-readable-font button,
    html.a11y-readable-font input{
      font-family:Arial,Verdana,sans-serif!important;
    }

html.a11y-underline-links a{
      text-decoration:underline!important;
      text-decoration-thickness:2px!important;
      text-underline-offset:3px!important;
    }

html.a11y-large-cursor,
    html.a11y-large-cursor *{
      cursor:default!important;
    }

html.a11y-large-cursor a,
    html.a11y-large-cursor button,
    html.a11y-large-cursor input,
    html.a11y-large-cursor select,
    html.a11y-large-cursor textarea{
      cursor:pointer!important;
    }

html.a11y-focus-mode :focus{
      outline:4px solid #ffbf47!important;
      outline-offset:5px!important;
      box-shadow:0 0 0 7px #000!important;
    }

html.a11y-reduce-motion *,
    html.a11y-reduce-motion *:before,
    html.a11y-reduce-motion *:after{
      animation-duration:.001ms!important;
      animation-iteration-count:1!important;
      transition-duration:.001ms!important;
      scroll-behavior:auto!important;
    }

@keyframes voicePulse{
      50%{box-shadow:0 0 0 9px rgba(196,21,40,.18)}
    }

.live-dot{
      width:8px;height:8px;border-radius:50%;
      background:#ff3149;
      box-shadow:0 0 0 5px rgba(255,49,73,.14);
    }

.mega-title{
      margin:0 0 8px;
      color:#6d7a8f;
      font-size:11px;
      font-weight:900;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

.hero{
      padding:28px 0 24px;
    }

@keyframes heroSettingsOpen{
      from{opacity:0;transform:translateY(8px) scale(.97)}
      to{opacity:1;transform:translateY(0) scale(1)}
    }

.media-option-group{
      padding:0;
      border:0;
      background:transparent;
    }

.media-option-group-title{
      display:flex;
      align-items:center;
      gap:9px;
      margin:0 0 9px;
      color:#66758a;
      font-size:10px;
      font-weight:950;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

.media-option-group-title:after{
      content:"";
      height:1px;
      flex:1;
      background:#e3e9f1;
    }

.media-editorial-info{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:9px;
    }

.media-editorial-info div{
      display:grid;
      gap:3px;
      padding:12px;
      border-radius:11px;
      background:#f4f7fb;
    }

.media-editorial-info span{
      color:#778499;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:900;
    }

.media-editorial-info strong{
      font-size:12px;
    }

.badge{
      width:max-content;
      padding:7px 11px;
      border-radius:999px;
      color:#fff;
      background:var(--brand);
      font-size:12px;
      font-weight:900;
      letter-spacing:.06em;
      text-transform:uppercase;
    }

.story-meta{
      display:flex;
      gap:16px;
      flex-wrap:wrap;
      margin-top:20px;
      color:#d4dfeb;
      font-size:13px;
      font-weight:700;
    }

.section{padding:56px 0}

.section-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:24px;
      margin-bottom:24px;
    }

.section-kicker{
      margin:0 0 4px;
      color:var(--brand);
      font-size:12px;
      font-weight:900;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

.section-title{
      margin:0;
      font-size:clamp(30px,4vw,48px);
      line-height:1.05;
      letter-spacing:-.045em;
    }

.section-link{font-weight:900;color:var(--blue)}

.btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:46px;
      padding:0 18px;
      border:0;
      border-radius:13px;
      color:#fff;
      background:var(--brand);
      font-weight:900;
      cursor:pointer;
    }

.btn:hover{background:var(--brand-dark)}

.btn-outline{
      min-height:46px;
      padding:0 18px;
      border:1px solid rgba(255,255,255,.32);
      border-radius:13px;
      color:#fff;
      background:transparent;
      font-weight:900;
      cursor:pointer;
    }

.search-hint{
      margin:12px 2px 0;
      color:#9fb0c3;
      font-size:12px;
    }

@media (max-width:900px){
:root{--container:min(100% - 28px,1440px)}
}

@media (max-width:680px){
.media-editorial-info{grid-template-columns:1fr}
:root{--container:calc(100% - 22px)}
.category-strip{position:relative}
.hero{padding-top:18px}
.section{padding:42px 0}
.section-head{align-items:start}
.section-link{display:none}
}

/* =====================================================
       ZAUFALI NAM + KLUB NASZEMEDIA
       ===================================================== */

@media (max-width:1180px){
.reader-club-card{min-height:auto}
}

@media (max-width:680px){
.reader-club-card{padding:18px}
.reader-actions{grid-template-columns:1fr}
.reader-metrics{grid-template-columns:1fr 1fr}
.reader-profile{grid-template-columns:54px 1fr}
.reader-avatar{width:54px;height:54px}
}

.error-page{min-height:100vh;display:grid;place-items:center;padding:40px 0}.error-page h1{font-size:clamp(42px,8vw,90px);margin:.2em 0}.error-page p{max-width:620px}