/* Wspólne style artykułów bloga */
.art{max-width:74ch;margin:0 auto}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:26px;
  padding-bottom:20px;border-bottom:1px solid var(--border);
  font-size:13px;color:var(--muted)}
.art-meta .kat{font-family:var(--font-d);font-weight:800;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--cyan)}
.art h2{font-size:clamp(23px,3vw,29px);margin:38px 0 14px}
.art h3{font-size:19px;margin:26px 0 10px}
.art p{color:#c3cde8;font-size:16.4px;line-height:1.75;margin:0 0 17px}
.art ul,.art ol{color:#c3cde8;font-size:16.4px;line-height:1.75;margin:0 0 17px;padding-left:22px}
.art li{margin-bottom:9px}
.art strong{color:#fff}
.art a{color:var(--cyan)}
.art-lead{font-size:18.5px;line-height:1.68;color:#dbe4ff}
.art-box{margin:26px 0;padding:20px 24px;border-radius:16px;
  background:rgba(163,209,255,.07);border:1px solid rgba(163,209,255,.24)}
.art-box p:last-child{margin-bottom:0}
.art-box b{color:var(--cyan)}
.art-tab{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}
.art-tab th,.art-tab td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--border)}
.art-tab th{font-family:var(--font-d);font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--cyan)}
.art-tab td{color:#c3cde8}
.art-fig{margin:28px 0;border-radius:16px;overflow:hidden;border:1px solid var(--border)}
.art-fig img{display:block;width:100%;height:auto}
.art-fig figcaption{font-size:12.5px;color:var(--muted);padding:10px 14px;background:rgba(255,255,255,.03)}
.art-faq{margin:36px 0 0}
.art-faq details{border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.03);
  margin-bottom:10px;overflow:hidden}
.art-faq summary{cursor:pointer;padding:16px 18px;font-weight:700;font-size:15.5px;list-style:none}
.art-faq details[open] summary{border-bottom:1px solid var(--border);color:var(--cyan)}
.art-faq details p{padding:14px 18px 16px;margin:0;font-size:15.5px}
.art-cta{margin:36px 0 0;padding:24px;border-radius:18px;
  background:rgba(163,209,255,.08);border:1px solid rgba(163,209,255,.28)}
.art-cta .btn{margin-top:8px;margin-right:10px}
/* Przycisk główny — czarny tekst na jednolitym niebieskim: kontrast 6.5:1 */
.art-cta .btn-primary{
  background:var(--cyan);
  color:#000;
  box-shadow:0 8px 26px rgba(163,209,255,.28);
}
.art-cta .btn-primary:hover{
  background:#b8daff;
  transform:translateY(-2px);
  box-shadow:0 12px 34px rgba(163,209,255,.38);
}
/* Przycisk drugorzędny — widoczna obwódka cyjan, biały tekst */
.art-cta .btn-ghost{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(163,209,255,.5);
  color:#fff !important;
}
.art-cta .btn-ghost:hover{
  background:rgba(163,209,255,.14);
  border-color:rgba(163,209,255,.85);
  transform:translateY(-2px);
}
.art-koniec{margin-top:32px;padding-top:22px;border-top:1px solid var(--border)}
.wpisy{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:34px}
.wpis{display:flex;flex-direction:column;background:rgba(255,255,255,.043);
  border:1px solid var(--border);border-radius:20px;padding:26px 24px;
  transition:border-color .45s,transform .45s var(--ease),box-shadow .45s var(--ease)}
.wpis-img{display:block;margin:-27px -25px 18px;border-radius:19px 19px 0 0;overflow:hidden;aspect-ratio:4/5}
.wpis-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.wpis:hover .wpis-img img{transform:scale(1.04)}
.art-cover{display:block;width:100%;max-width:340px;margin:0 auto 34px;border-radius:18px;
  overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.art-cover img{display:block;width:100%;height:auto}
.wpis:hover{border-color:rgba(163,209,255,.42);transform:translateY(-5px);
  box-shadow:0 26px 60px rgba(0,0,0,.45)}
.wpis-meta{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}
.wpis-meta time{color:var(--muted);letter-spacing:.04em;font-weight:600;text-transform:none;font-size:12px}
.wpis h3{font-size:20px;line-height:1.28;margin:0 0 10px;color:var(--ink)}
.wpis h3 a{color:inherit;text-decoration:none}
.wpis h3 a:hover{color:var(--cyan)}
.wpis p{color:var(--muted);font-size:14.6px;line-height:1.6;margin:0 0 16px;flex:1}
.wpis-go{font-family:var(--font-d);font-weight:700;font-size:13.5px;color:var(--cyan);
  text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.wpis-go b{transition:transform .3s var(--ease)}
.wpis:hover .wpis-go b{transform:translateX(4px)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}