:root{--navy:#062E69;--navy-dark:#032653;--blue:#2374FF;--white:#fff;--ink:#0B1F3A;--muted:#607187;--soft:#F3F7FC;--line:#DCE6F2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--white)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{min-height:78px;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.brand-logos{display:flex;align-items:center;gap:clamp(10px,1.25vw,18px);min-width:0}.logo-box{display:flex;align-items:center;justify-content:center;height:52px}.logo-box img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain}.logo-box .logo-club{width:82px}.logo-box .logo-enea{width:76px}.logo-box .logo-poznan{width:58px}.logo-box .logo-ministry{width:78px}.top-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,36px);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.top-nav a{padding:10px 0;position:relative}.top-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--blue);transition:.2s}.top-nav a:hover:after,.top-nav a.active:after{right:0}
.magazine-hero{display:flex;flex-direction:column;background:var(--navy);color:#fff;overflow:hidden}.hero-copy{width:100%;padding:clamp(56px,6vw,90px) clamp(28px,7vw,120px);position:relative;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:20px 20px}.eyebrow{margin:0 0 18px;color:#7FB0FF;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.magazine-hero h1{margin:0;max-width:800px;font-size:clamp(46px,6vw,88px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase}.magazine-hero h1 span{color:#2D7DFF}.lead{max-width:680px;margin:30px 0 34px;font-size:clamp(17px,1.5vw,22px);line-height:1.6;color:#D9E6F7}.hero-cta,.join a{display:inline-flex;align-items:center;gap:20px;padding:17px 24px;background:var(--blue);color:#fff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.hero-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#0B3B7D,#2374FF);position:relative}.hero-mark:before{content:"";position:absolute;width:68%;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:50%}.hero-mark span{font-size:clamp(64px,8vw,120px);font-weight:950;line-height:.9;letter-spacing:-.06em}.hero-mark strong{margin-top:20px;font-size:clamp(24px,3vw,42px);letter-spacing:.08em}.hero-mark small{margin-top:7px;font-weight:800;letter-spacing:.45em}
.topics{display:flex;gap:10px;flex-wrap:wrap;padding:22px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:#fff}.topics span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.articles{padding:clamp(70px,8vw,120px) clamp(20px,5vw,72px);background:var(--soft)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2{margin:0;font-size:clamp(36px,4vw,60px);letter-spacing:-.04em}.section-heading>p{max-width:520px;margin:0;color:var(--muted);line-height:1.7}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.article-card{display:grid;grid-template-columns:42% 58%;min-height:330px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(6,46,105,.12)}.card-visual{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--navy);color:#fff}.card-visual.history{background:linear-gradient(145deg,var(--navy-dark),#0A4A9E)}.card-visual.history span,.card-visual.five strong{font-size:clamp(54px,6vw,88px);font-weight:950;letter-spacing:-.06em}.card-visual.five{background:linear-gradient(145deg,#125CCB,var(--blue))}.card-visual.five span,.card-visual.people span{font-weight:900;letter-spacing:.2em}.card-visual.people{background:linear-gradient(145deg,#032653,#E72030)}.card-visual.knowledge{background:linear-gradient(145deg,#032653,#29C9D2)}.card-visual.knowledge span{font-size:100px;font-weight:950}.card-body{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column}.category{margin:0 0 13px;color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.card-body h3{margin:0 0 14px;font-size:clamp(21px,2vw,29px);line-height:1.12;letter-spacing:-.025em}.card-body>p:not(.category){margin:0;color:var(--muted);font-size:14px;line-height:1.7}.soon{margin-top:auto;padding-top:24px;color:#8090A3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.join{padding:clamp(70px,8vw,120px) clamp(20px,8vw,140px);background:var(--navy-dark);color:#fff;text-align:center}.join .eyebrow{color:#7FB0FF}.join h2{max-width:900px;margin:0 auto 18px;font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.045em}.join>p:not(.eyebrow){margin:0 auto 30px;max-width:680px;color:#C8D8EC;font-size:18px;line-height:1.6}
.site-footer{padding:28px clamp(20px,5vw,72px);display:flex;align-items:center;gap:26px;background:#fff;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.site-footer img{width:64px;height:48px;object-fit:contain}.site-footer p{margin:0}.site-footer a{margin-left:auto;font-weight:800;color:var(--navy)}
@media(max-width:900px){.top-nav{display:none}.magazine-hero{grid-template-columns:1fr}.hero-mark{min-height:360px}.article-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.site-header{min-height:68px}.brand-logos{gap:8px}.logo-box{height:42px}.logo-box .logo-club{width:66px}.logo-box .logo-enea{width:62px}.logo-box .logo-poznan{width:48px}.logo-box .logo-ministry{width:64px}}
@media(max-width:600px){.magazine-hero{min-height:0}.hero-copy{padding:64px 22px}.hero-mark{min-height:300px}.topics{padding:18px 20px}.articles{padding:64px 18px}.article-card{grid-template-columns:1fr}.card-visual{min-height:220px}.card-body{min-height:290px}.site-footer{align-items:flex-start;flex-wrap:wrap}.site-footer a{margin-left:0;width:100%}}

.article-link{display:grid;grid-template-columns:42% 58%;height:100%}.article-image img{width:100%;height:100%;object-fit:cover}.read-more{margin-top:auto;padding-top:24px;color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.article-shell{padding:clamp(50px,7vw,100px) 20px;background:var(--soft)}.article-content{max-width:900px;margin:auto;padding:clamp(28px,5vw,64px);background:#fff;border:1px solid var(--line)}.article-content h1{margin:0 0 20px;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.045em}.article-lead{font-size:20px;line-height:1.65;color:var(--muted)}.article-meta{font-size:12px;color:#8090a3}.article-hero{margin:32px 0}.article-hero img{width:100%;max-height:560px;object-fit:cover}.article-body{font-size:17px;line-height:1.85}.back-link{display:inline-block;margin-top:36px;font-weight:900;color:var(--blue)}
@media(max-width:600px){.article-link{grid-template-columns:1fr}}

/* Historia herbu — pełna grafika nad tekstem hero */
.hero-history-media{width:100%;background:#fff;overflow:visible;line-height:0}
.hero-history-image{display:block;width:100%;max-width:none;height:auto;object-fit:contain;object-position:center;background:#fff}
@media(max-width:900px){.hero-history-image{width:100%;height:auto;object-fit:contain}}
@media(max-width:600px){.hero-history-image{width:100%;height:auto;object-fit:contain}.hero-copy{padding:54px 22px 62px}}


/* Dynamiczne artykuły — prosta miniatura + tytuł */
.article-grid .article-card:has(.article-image){display:block;min-height:0}
.article-grid .article-card:has(.article-image) .article-link{display:grid;grid-template-columns:minmax(220px,38%) 1fr;min-height:280px}
.article-grid .article-card:has(.article-image) .article-image{min-height:280px;overflow:hidden}
.article-grid .article-card:has(.article-image) .article-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.article-grid .article-card:has(.article-image) .card-body{padding:clamp(24px,3vw,40px);justify-content:center}
.article-grid .article-card:has(.article-image) .card-body h3{margin:0;font-size:clamp(24px,2.4vw,36px);line-height:1.08}
@media(max-width:600px){
  .article-grid .article-card:has(.article-image) .article-link{grid-template-columns:1fr;min-height:0}
  .article-grid .article-card:has(.article-image) .article-image{min-height:0;aspect-ratio:16/10}
  .article-grid .article-card:has(.article-image) .card-body{min-height:0;padding:24px}
}


/* Opublikowane artykuły — kafel: pełna miniatura + tytuł */
.article-grid .article-card--published{display:block;min-height:0}
.article-grid .article-card--published .article-link{display:flex;flex-direction:column;height:100%;min-height:0}
.article-grid .article-card--published .article-image{width:100%;min-height:0;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.article-grid .article-card--published .article-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.article-grid .article-card--published .card-body{min-height:0;padding:22px 24px 26px;display:block}
.article-grid .article-card--published .card-body h3{margin:0;font-size:clamp(20px,1.8vw,28px);line-height:1.12}
@media(max-width:600px){
 .article-grid .article-card--published .article-image{aspect-ratio:16/10}
 .article-grid .article-card--published .card-body{padding:18px 20px 22px}
}


/* Artykuł historyczny — oś czasu, archiwalia i źródła */
.history-article .article-content{max-width:980px}
.history-article .article-body h2{margin:54px 0 16px;color:var(--navy);font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.03em}
.history-photo figcaption,.history-inline-photo figcaption,.history-newspaper figcaption{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.55}
.history-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:38px 0 52px;background:var(--line);border:1px solid var(--line)}
.history-timeline>div{min-width:0;padding:20px 14px;background:#fff}
.history-timeline strong{display:block;color:var(--blue);font-size:24px;line-height:1}
.history-timeline span{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.4}
.history-callout{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:40px 0;padding:28px;background:var(--navy);color:#fff}
.history-callout>strong{font-size:clamp(42px,6vw,72px);line-height:1;color:#7FB0FF}
.history-callout p{margin:0;line-height:1.65}
.history-inline-photo{margin:34px 0}
.history-inline-photo img{width:100%;max-height:620px;object-fit:contain;background:var(--soft)}
.history-newspaper{margin:38px auto;max-width:760px;padding:18px;background:var(--soft);border:1px solid var(--line)}
.history-newspaper img{width:100%;height:auto;object-fit:contain}
.history-sources{margin-top:58px;padding:28px;background:var(--soft);border-left:4px solid var(--blue)}
.history-sources h2{margin-top:0!important;font-size:24px!important}
.history-sources p{font-size:14px;line-height:1.7}
.history-sources a{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.history-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.history-timeline{grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0 40px}.history-timeline>div{padding:16px 12px}.history-callout{grid-template-columns:1fr;gap:12px;padding:22px}.history-newspaper{padding:10px;margin-left:0;margin-right:0}}


/* Historia Energetyka — archiwalna galeria CYRYL */
.history-inline-photo--wide img{width:100%;height:auto;max-height:none;object-fit:contain}
.history-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:34px 0 50px}
.history-gallery figure{margin:0;min-width:0;background:var(--soft);border:1px solid var(--line);overflow:hidden}
.history-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.history-gallery figcaption{padding:12px 14px;color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:700px){.history-gallery{grid-template-columns:1fr;gap:18px}.history-gallery img{aspect-ratio:auto;object-fit:contain}}

/* Stopka magazynu klubowego */
.site-footer{background:#062E69;color:#fff;border-top-color:#062E69}
.site-footer a{color:#fff}


/* GLOBAL 2026-10-07 — Sport Glass Cards */
.article-card{
  background:rgba(247,250,255,.34);
  border-color:rgba(255,255,255,.55);
  box-shadow:0 14px 34px rgba(3,38,83,.09);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.article-card:hover{background:rgba(255,255,255,.28)}



/* 2026-10-07 — wspólny pasek logo magazynu */
.site-header .brand-logos{display:flex;align-items:center;width:clamp(250px,22vw,390px);height:52px;min-width:0;flex:0 1 clamp(250px,22vw,390px)}
.site-header .brand-logos>.header-logos-strip{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:left center}
@media(max-width:900px){.site-header .brand-logos{width:min(68vw,290px);height:46px;flex-basis:min(68vw,290px)}}
@media(max-width:430px){.site-header .brand-logos{width:min(67vw,260px);height:42px;flex-basis:min(67vw,260px)}}

/* 2026-10-07 — GLOBALNY STANDARD NAGŁÓWKA
   Jeden, nieedytowany plik z kompletem logotypów na każdej stronie. */
.site-header .brand-logos{
  display:block !important;
  width:390px !important;
  max-width:390px !important;
  min-width:0 !important;
  height:52px !important;
  flex:0 0 390px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#fff url("/nowa/assets/img/header-logos.webp?v=20261007-header-strip-global-1") left center / contain no-repeat !important;
}
.site-header .brand-logos > *{
  visibility:hidden !important;
  opacity:0 !important;
}
@media(max-width:1100px){
  .site-header .brand-logos{
    width:320px !important;
    max-width:320px !important;
    height:44px !important;
    flex-basis:320px !important;
  }
}
@media(max-width:760px){
  .site-header .brand-logos{
    width:min(72vw,290px) !important;
    max-width:min(72vw,290px) !important;
    height:40px !important;
    flex-basis:min(72vw,290px) !important;
  }
}
@media(max-width:430px){
  .site-header .brand-logos{
    width:min(72vw,270px) !important;
    max-width:min(72vw,270px) !important;
    height:38px !important;
    flex-basis:min(72vw,270px) !important;
  }
}



/* 2026-10-08 — Poznaj nasz klub: miesięcznik + najnowsze artykuły */
.club-content-hub{display:grid;grid-template-columns:minmax(250px,30%) minmax(0,70%);gap:clamp(28px,4vw,64px);padding:clamp(58px,7vw,100px) clamp(20px,5vw,72px);background:var(--soft);align-items:start}
.monthly-issues{position:sticky;top:96px;min-width:0}.monthly-issues h2,.latest-heading h2{margin:0;color:var(--ink);font-size:clamp(34px,4vw,58px);line-height:.96;letter-spacing:-.045em}.monthly-subtitle{margin:14px 0 28px;color:var(--muted);font-size:14px;font-weight:750}
.months-loop{display:flex;flex-direction:column;gap:8px;max-height:590px;overflow:auto;padding-right:8px;scrollbar-width:thin}
.month-card{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:14px;min-height:72px;padding:8px;border:1px solid var(--line);background:rgba(255,255,255,.74);transition:.2s}.month-card--active{border-color:rgba(35,116,255,.5);box-shadow:0 12px 28px rgba(6,46,105,.11)}.month-card--active:hover{transform:translateX(4px);box-shadow:0 16px 34px rgba(6,46,105,.16)}
.month-cover,.month-placeholder{width:72px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#032653,#0b4fa7);color:#fff;overflow:hidden;position:relative}.month-cover:after{content:"";position:absolute;inset:0;background:url("/nowa/assets/img/Logo-energetyk-niebieskie.png") center/70% no-repeat;opacity:.14;filter:brightness(2)}.month-cover strong,.month-cover small{position:relative;z-index:1}.month-cover strong{font-size:9px;line-height:.9}.month-cover small{margin-top:5px;font-size:6px;letter-spacing:.08em}.month-placeholder{background:#e9eff7;color:#8090a3;font-size:11px;font-weight:900;letter-spacing:.1em}.month-name{font-size:14px;font-weight:850;color:var(--ink)}
.latest-heading{margin-bottom:30px}.latest-heading>p:last-child{max-width:620px;margin:16px 0 0;color:var(--muted);line-height:1.6}.article-grid--latest,.article-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-grid--latest .article-card,.article-grid--archive .article-card{min-height:0;background:#fff}.article-grid--latest .article-card .article-link,.article-grid--archive .article-card .article-link{display:flex;flex-direction:column}.article-grid--latest .article-image,.article-grid--archive .article-image{aspect-ratio:16/9;min-height:0;background:linear-gradient(135deg,#032653,#0b4fa7);position:relative}.article-image.image-fallback:after{content:"ENEA ENERGETYK POZNAŃ";position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:#fff;font-size:13px;font-weight:900;letter-spacing:.12em}.article-grid--latest .card-body,.article-grid--archive .card-body{min-height:190px;padding:22px}.article-grid--latest .card-body h3,.article-grid--archive .card-body h3{font-size:clamp(20px,1.8vw,27px)}.article-grid--latest .read-more,.article-grid--archive .read-more{display:block;margin-top:22px}
.all-articles-button{width:100%;margin-top:22px;padding:18px 22px;border:0;background:var(--navy);color:#fff;font:inherit;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.all-articles-button:hover{background:var(--blue)}.article-grid--archive{margin-top:22px}.article-grid--archive[hidden]{display:none}
@media(max-width:900px){.club-content-hub{grid-template-columns:1fr}.monthly-issues{position:static}.months-loop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;padding:0}.month-card{grid-template-columns:1fr;text-align:center}.month-cover,.month-placeholder{width:100%}.article-grid--latest,.article-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.months-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid--latest,.article-grid--archive{grid-template-columns:1fr}.club-content-hub{padding:50px 18px}.article-grid--latest .card-body,.article-grid--archive .card-body{min-height:0}}


/* HOTFIX 2026-10-08 — hub miesięcznika.
   Reguły krytyczne są celowo powtórzone na końcu pliku, aby wygrać ze starszymi stylami sekcji. */
.club-content-hub{
  display:grid !important;
  grid-template-columns:minmax(270px,30%) minmax(0,1fr) !important;
  gap:clamp(32px,4vw,64px) !important;
  padding:clamp(58px,7vw,100px) clamp(24px,5vw,72px) !important;
  background:#F3F7FC !important;
  align-items:start !important;
}
.monthly-issues{position:sticky !important;top:96px !important;min-width:0 !important}
.months-loop{display:flex !important;flex-direction:column !important;gap:8px !important;max-height:590px !important;overflow:auto !important;padding-right:8px !important}
.month-card{display:grid !important;grid-template-columns:72px 1fr !important;align-items:center !important;gap:14px !important;min-height:72px !important;padding:8px !important;border:1px solid #DCE6F2 !important;background:rgba(255,255,255,.82) !important}
.month-cover,.month-placeholder{width:72px !important;height:56px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important}
.latest-articles{min-width:0 !important}
.latest-heading{margin-bottom:30px !important}
.article-grid--latest,.article-grid--archive{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important}
.article-grid--latest .article-card,.article-grid--archive .article-card{display:block !important;min-height:0 !important;width:auto !important;margin:0 !important;background:#fff !important}
.article-grid--latest .article-link,.article-grid--archive .article-link{display:flex !important;flex-direction:column !important;height:100% !important}
.article-grid--latest .article-image,.article-grid--archive .article-image{width:100% !important;min-height:0 !important;aspect-ratio:16/9 !important;overflow:hidden !important;background:linear-gradient(135deg,#032653,#0b4fa7) !important}
.article-grid--latest .article-image img,.article-grid--archive .article-image img{width:100% !important;height:100% !important;object-fit:cover !important}
.article-grid--latest .card-body,.article-grid--archive .card-body{width:100% !important;min-height:190px !important;padding:22px !important}
@media(max-width:900px){
  .club-content-hub{grid-template-columns:1fr !important}
  .monthly-issues{position:static !important}
  .months-loop{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;max-height:none !important;overflow:visible !important;padding:0 !important}
  .month-card{grid-template-columns:1fr !important;text-align:center !important}
  .month-cover,.month-placeholder{width:100% !important}
}
@media(max-width:600px){
  .months-loop{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .article-grid--latest,.article-grid--archive{grid-template-columns:1fr !important}
}

/* 2026-10-08 — miniatura numeru odwzorowuje okładkę miesięcznika */
.month-cover--august{
  background:
    linear-gradient(90deg,rgba(3,29,66,.96) 0%,rgba(3,29,66,.82) 42%,rgba(3,29,66,.22) 100%),
    url("/nowa/assets/img/hero-5-sections.webp") center/cover no-repeat !important;
}
.month-cover--august:before{
  content:"ENERGIA\A KLUBU\A SIERPIEŃ\A 2026";
  white-space:pre;
  position:absolute;
  z-index:2;
  left:7px;
  bottom:6px;
  color:#fff;
  font-size:7px;
  line-height:.86;
  font-weight:950;
  letter-spacing:-.03em;
  text-align:left;
}
.month-cover--august:after{
  content:"";
  position:absolute;
  z-index:3;
  left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#2374FF 0 20%,#E72030 20% 40%,#F2B21D 40% 60%,#29C9D2 60% 80%,#E95B9F 80% 100%);
  opacity:1;
  filter:none;
}

/* 2026-10-08 — miesięcznik: dominująca miniatura okładki */
.month-card--active{
  grid-template-columns:minmax(150px,72%) minmax(90px,28%) !important;
  min-height:150px !important;
  padding:10px !important;
  gap:18px !important;
}
.month-card--active .month-cover{
  width:100% !important;
  height:128px !important;
  min-height:128px !important;
  background-position:center !important;
}
.month-card--active .month-name{
  align-self:center;
  font-size:clamp(20px,2vw,28px) !important;
  font-weight:900 !important;
}
.month-card--active .month-cover--august:before{
  left:12px;
  bottom:12px;
  font-size:clamp(9px,.8vw,12px);
  line-height:.86;
}
@media(max-width:900px){
  .month-card--active{grid-template-columns:1fr !important}
  .month-card--active .month-cover{height:150px !important}
}

/* 2026-10-09 — STAŁY STANDARD KAFELKA MIESIĘCZNIKA
   Każdy opublikowany numer otrzymuje ten sam układ: 70% okładka / 30% miesiąc. */
.month-card.month-card--active{
  grid-template-columns:minmax(0,70%) minmax(0,30%) !important;
  min-height:150px !important;
  padding:10px !important;
  gap:0 !important;
}
.month-card.month-card--active .month-cover{
  width:100% !important;
  height:128px !important;
  min-height:128px !important;
}
.month-card.month-card--active .month-name{
  width:100% !important;
  height:128px !important;
  margin:0 !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:stretch !important;
  text-align:center !important;
  font-size:clamp(20px,2vw,28px) !important;
  line-height:1 !important;
  font-weight:900 !important;
}
@media(max-width:900px){
  .month-card.month-card--active{
    grid-template-columns:minmax(0,70%) minmax(0,30%) !important;
  }
  .month-card.month-card--active .month-cover,
  .month-card.month-card--active .month-name{
    height:128px !important;
    min-height:128px !important;
  }
}
@media(max-width:520px){
  .month-card.month-card--active{grid-template-columns:1fr !important}
  .month-card.month-card--active .month-cover{height:150px !important}
  .month-card.month-card--active .month-name{height:auto !important;min-height:54px !important}
}


/* 2026-10-09 — zapis do newslettera */
.newsletter-signup{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(34px,6vw,90px);align-items:center;padding:clamp(64px,8vw,112px) clamp(20px,8vw,140px);background:linear-gradient(135deg,#032653 0%,#062E69 58%,#0b4fa7 100%);color:#fff;position:relative;overflow:hidden}
.newsletter-signup:after{content:"";position:absolute;width:420px;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-180px;top:-180px;pointer-events:none}
.newsletter-signup__copy,.newsletter-form{position:relative;z-index:1}.newsletter-signup__copy .eyebrow{color:#7FB0FF}.newsletter-signup__copy h2{margin:0 0 20px;max-width:720px;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.045em}.newsletter-signup__copy>p:last-child{max-width:680px;margin:0;color:#D7E5F7;font-size:17px;line-height:1.7}
.newsletter-form{padding:clamp(24px,3vw,38px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.newsletter-form>label:first-child{display:block;margin-bottom:10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.newsletter-form__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.newsletter-form input[type="email"]{width:100%;min-height:56px;padding:0 16px;border:1px solid rgba(255,255,255,.45);border-radius:0;background:#fff;color:var(--ink);font:inherit;font-size:16px;outline:none}.newsletter-form input[type="email"]:focus{border-color:#7FB0FF;box-shadow:0 0 0 3px rgba(127,176,255,.2)}.newsletter-form button{min-height:56px;padding:0 20px;border:0;background:var(--blue);color:#fff;font:inherit;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.newsletter-form button:hover{background:#fff;color:var(--navy)}.newsletter-form button:disabled{opacity:.6;cursor:not-allowed}.newsletter-consent{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:16px;color:#D7E5F7;font-size:12px;line-height:1.55;cursor:pointer}.newsletter-consent input{margin-top:3px;accent-color:var(--blue)}.newsletter-status{min-height:20px;margin:14px 0 0;font-size:13px;font-weight:800}.newsletter-status.is-success{color:#fff}.newsletter-status.is-error{color:#ffd4d8}
@media(max-width:900px){.newsletter-signup{grid-template-columns:1fr}.newsletter-form{max-width:680px}}
@media(max-width:600px){.newsletter-signup{padding:58px 20px}.newsletter-form__row{grid-template-columns:1fr}.newsletter-form button{width:100%}}


/* 2026-10-09 — miesięcznik: bezpieczny odstęp nazwy miesiąca od prawej krawędzi */
.month-card.month-card--active .month-name{
  padding-left:clamp(22px,2.2vw,34px) !important;
  padding-right:clamp(30px,3vw,46px) !important;
  box-sizing:border-box !important;
}
@media(max-width:520px){
  .month-card.month-card--active .month-name{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}


/* 2026-10-09 — newsletter premium: mocny moduł redakcyjny spójny z Poznaj nasz klub */
.newsletter-signup{
  width:calc(100% - clamp(36px,10vw,144px)) !important;
  max-width:1380px !important;
  margin:clamp(42px,6vw,78px) auto !important;
  padding:clamp(42px,5vw,72px) !important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
  gap:clamp(38px,6vw,88px) !important;
  border:1px solid rgba(35,116,255,.32) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 88% 18%,rgba(35,116,255,.38) 0,rgba(35,116,255,0) 34%),
    radial-gradient(circle at 8% 90%,rgba(255,255,255,.08) 0,rgba(255,255,255,0) 30%),
    linear-gradient(128deg,#021c43 0%,#062e69 54%,#0c4fa7 100%) !important;
  box-shadow:0 28px 70px rgba(3,38,83,.22) !important;
}
.newsletter-signup:before{
  content:"NEWSLETTER";
  position:absolute;
  right:-12px;
  bottom:-22px;
  color:rgba(255,255,255,.045);
  font-size:clamp(70px,10vw,150px);
  line-height:.8;
  font-weight:950;
  letter-spacing:-.07em;
  pointer-events:none;
}
.newsletter-signup:after{width:520px !important;right:-210px !important;top:-260px !important;border-color:rgba(255,255,255,.13) !important}
.newsletter-signup__copy .eyebrow{margin-bottom:18px !important;color:#7FB0FF !important}
.newsletter-signup__copy h2{max-width:650px !important;margin:0 0 24px !important;color:#fff !important;font-size:clamp(42px,4.8vw,72px) !important;line-height:.94 !important;text-transform:uppercase !important}
.newsletter-signup__copy>p:last-child{max-width:610px !important;color:#D9E6F7 !important;font-size:clamp(16px,1.3vw,19px) !important}
.newsletter-form{
  padding:clamp(26px,3vw,40px) !important;
  border:1px solid rgba(255,255,255,.3) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.11) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(0,0,0,.13) !important;
}
.newsletter-form>label:first-child{color:#fff !important}
.newsletter-form input[type="email"]{border:0 !important;border-radius:10px !important;box-shadow:0 8px 22px rgba(0,0,0,.1) !important}
.newsletter-form button{border-radius:10px !important;padding:0 24px !important;background:#2374FF !important;box-shadow:0 10px 24px rgba(35,116,255,.28) !important}
.newsletter-form button:hover{background:#fff !important;color:#062E69 !important}
.newsletter-consent{color:#D9E6F7 !important}
@media(max-width:900px){
  .newsletter-signup{width:calc(100% - 40px) !important;grid-template-columns:1fr !important;padding:clamp(34px,6vw,54px) !important}
}
@media(max-width:600px){
  .newsletter-signup{width:calc(100% - 28px) !important;margin:34px auto !important;padding:34px 20px !important;border-radius:18px !important}
  .newsletter-signup__copy h2{font-size:clamp(36px,11vw,50px) !important}
  .newsletter-form{padding:22px 18px !important}
}


/* 2026-10-09 — CTA: klubowa grafika z motywem logo jak w artykułach */
.join{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:
    radial-gradient(circle at 84% 20%,rgba(35,116,255,.34) 0,rgba(35,116,255,0) 34%),
    radial-gradient(circle at 12% 92%,rgba(255,255,255,.08) 0,rgba(255,255,255,0) 31%),
    linear-gradient(128deg,#021c43 0%,#062e69 52%,#0c4fa7 100%) !important;
}
.join:before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  width:min(54vw,720px) !important;
  aspect-ratio:1 !important;
  right:clamp(-210px,-10vw,-90px) !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:url("/nowa/assets/img/Logo-energetyk-niebieskie.png") center/contain no-repeat !important;
  opacity:.12 !important;
  filter:brightness(0) invert(1) !important;
  pointer-events:none !important;
}
.join:after{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  inset:0 !important;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px) !important;
  background-size:22px 22px !important;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.4),transparent 62%) !important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.4),transparent 62%) !important;
  pointer-events:none !important;
}
.join>*{position:relative;z-index:1}
@media(max-width:600px){.join:before{width:110vw !important;right:-52vw !important;opacity:.09 !important}}


/* 2026-10-09 — CTA: widoczny znak klubowy */
.join:before{
  z-index:0 !important;
  width:min(46vw,620px) !important;
  right:clamp(-80px,-3vw,-20px) !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:url("/nowa/assets/img/Logo-energetyk-niebieskie.png?v=20261009-cta-logo-1") center/contain no-repeat !important;
  opacity:.30 !important;
  filter:brightness(0) invert(1) !important;
}
.join:after{z-index:0 !important}
.join>*{position:relative !important;z-index:2 !important}
@media(max-width:600px){
  .join:before{width:92vw !important;right:-38vw !important;opacity:.18 !important}
}


/* 2026-10-09 — CTA dokładnie w systemie graficznym Energia Klubu */
.join{
  isolation:isolate !important;
  background:
    radial-gradient(circle at 88% 22%,rgba(35,116,255,.24) 0,rgba(35,116,255,0) 37%),
    linear-gradient(132deg,#021936 0%,#062e69 58%,#0a438d 100%) !important;
}
.join:before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  width:min(58%,720px) !important;
  aspect-ratio:1 !important;
  right:-4% !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:url("/nowa/assets/img/Logo-energetyk-niebieskie.png?v=20261009-brandmark-2") center/contain no-repeat !important;
  opacity:.10 !important;
  filter:saturate(.45) brightness(1.65) !important;
  pointer-events:none !important;
}
.join:after{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  background:linear-gradient(110deg,rgba(2,25,54,.36),transparent 52%,rgba(83,146,255,.10)) !important;
  pointer-events:none !important;
}
.join>*{position:relative !important;z-index:1 !important}
@media(max-width:700px){
  .join:before{width:92% !important;right:-38% !important;opacity:.075 !important}
}


/* 2026-10-09 — hero Poznaj nasz klub: ten sam znak wodny co Energia Klubu */
.magazine-hero{position:relative !important;isolation:isolate !important;overflow:hidden !important}
.magazine-hero .hero-copy{position:relative !important;z-index:2 !important}
.magazine-hero .hero-copy:before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  width:min(58%,720px) !important;
  aspect-ratio:1 !important;
  right:-4% !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:url("/nowa/assets/img/Logo-energetyk-niebieskie.png?v=20261009-hero-brandmark-1") center/contain no-repeat !important;
  opacity:.10 !important;
  filter:saturate(.45) brightness(1.65) !important;
  pointer-events:none !important;
}
.magazine-hero .hero-copy:after{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  inset:0 !important;
  background:
    linear-gradient(110deg,rgba(2,25,54,.24),transparent 52%,rgba(83,146,255,.10)),
    radial-gradient(circle at 88% 22%,rgba(35,116,255,.18),transparent 37%) !important;
  pointer-events:none !important;
}
@media(max-width:700px){
  .magazine-hero .hero-copy:before{width:92% !important;right:-38% !important;opacity:.075 !important}
}


/* 2026-10-09 — miesięcznik: nazwa miesiąca idealnie w środku prawej kolumny */
.month-card.month-card--active{
  grid-template-columns:minmax(0,70%) minmax(0,30%) !important;
  gap:0 !important;
}
.month-card.month-card--active .month-name{
  width:100% !important;
  height:128px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  align-self:stretch !important;
  justify-self:stretch !important;
  text-align:center !important;
  white-space:nowrap !important;
  transform:none !important;
}
@media(max-width:520px){
  .month-card.month-card--active .month-name{
    height:auto !important;
    min-height:54px !important;
    padding:0 16px !important;
  }
}


/* 2026-10-09 — sierpień: zachowaj miniaturę i wyśrodkuj podpis w dostępnym miejscu.
   30% kolumna była za wąska na 7-literową nazwę miesiąca. */
.month-card.month-card--active{
  grid-template-columns:minmax(0,60%) minmax(0,40%) !important;
  column-gap:0 !important;
}
.month-card.month-card--active .month-name{
  padding-inline:12px !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  font-size:clamp(12px,1.15vw,16px) !important;
  line-height:1.2 !important;
  text-align:center !important;
}
@media(max-width:520px){
  .month-card.month-card--active{grid-template-columns:1fr !important}
  .month-card.month-card--active .month-name{padding:14px !important}
}

/* ENERGIA KLUBU — czytelne miniokładki numerów zamiast pustych placeholderów */
.month-card .month-cover{display:flex;position:relative;isolation:isolate;flex-direction:column;align-items:flex-start;justify-content:space-between;box-sizing:border-box;width:128px;height:155px;min-width:128px;overflow:hidden;padding:13px 12px 11px;border-radius:3px;color:#fff;text-align:left;background:linear-gradient(155deg,#061c3d 4%,#114785 62%,#4c8cd4 100%);box-shadow:0 7px 17px rgba(3,31,68,.23)}
.month-card .month-cover--september{background:linear-gradient(148deg,#092a53,#145a9b 61%,#8ab8e7)}
.month-card .month-cover::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#2485ff 0 24%,#e72436 24% 48%,#f5bd32 48% 72%,#13c6cf 72% 100%);z-index:2}
.month-card .month-cover::after{content:"1958";position:absolute;right:-10px;bottom:14px;font-weight:900;font-size:58px;letter-spacing:-.08em;color:rgba(255,255,255,.07);opacity:1;filter:none;background:none;pointer-events:none}
.month-card .month-cover-brand{position:relative;z-index:1;font-size:9px;line-height:.91;letter-spacing:.025em;font-weight:900;color:#fff}
.month-card .month-cover-title{position:relative;z-index:1;font-size:21px;line-height:.88;font-weight:950;letter-spacing:-.045em;color:#fff}
.month-card .month-cover-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;font-size:8px;letter-spacing:.05em;font-weight:850;color:#dcecff}
.month-card .month-cover-bottom b{font-size:16px;color:#fff}
.month-card .month-cover-draft{position:absolute;z-index:3;top:23px;right:-23px;transform:rotate(36deg);padding:4px 24px;background:#f4c347;color:#062e69;font-size:6px;letter-spacing:.06em;font-weight:950}
@media(max-width:900px){.month-card .month-cover{width:100%;max-width:155px;height:164px;min-width:0;margin-inline:auto}.month-card .month-cover-title{font-size:clamp(18px,3vw,22px)}}
@media(max-width:430px){.month-card .month-cover{height:140px;padding:12px 9px}.month-card .month-cover-title{font-size:17px}.month-card .month-cover-brand{font-size:8px}}

/* August miniature uses the same photography as the published August cover. */
.month-card.month-card--active .month-cover--august{background-image:linear-gradient(90deg,rgba(3,29,66,.86),rgba(3,29,66,.18)),url("/nowa/assets/img/hero-energetyk-2026.png")!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
/* Keep access to the club menu on smaller screens. */
@media(max-width:900px){.site-header{flex-wrap:wrap}.top-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;width:100%;font-size:11px}.top-nav a{padding:6px 0}}

/* September miniature reflects the issue's conference-photograph cover. */
.month-card.month-card--active .month-cover--september{
  background-image:linear-gradient(90deg,rgba(3,29,66,.96) 0%,rgba(3,29,66,.72) 47%,rgba(3,29,66,.22) 100%),url("/nowa/energia-klubu/2026-08/assets/konferencja/untitled-31_08_2026_konferencja_energetyk-5090-fot-Piotr-Rychter.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}