/* Jaskowski.net — Baza wiedzy V5. Osobny plik bez zależności od poprzednich wersji. */
:root{
  --kb-navy:#061a30;--kb-navy2:#0d365d;--kb-cyan:#22b8d5;--kb-cyan2:#86e7f4;
  --kb-ink:#122033;--kb-muted:#5e6d80;--kb-bg:#eef4f8;--kb-card:#fff;--kb-line:#dbe5ed;
  --kb-shadow:0 20px 55px rgba(8,34,58,.11);--kb-radius:22px;
}
body.knowledge-page,body.article-page{background:var(--kb-bg);color:var(--kb-ink)}
body.knowledge-page .site-header,body.article-page .site-header{background:rgba(6,26,48,.97)}

/* HERO */
body.knowledge-page .page-hero,body.article-page .page-hero{padding:88px 0 72px;color:#fff;background:var(--kb-navy)}
body.knowledge-page .page-hero h1,body.article-page .page-hero h1{color:#fff;max-width:980px}
body.knowledge-page .page-hero .hero-copy,body.article-page .page-hero .hero-copy{color:#dbeaf4;max-width:850px;font-size:1.08rem}
body.knowledge-page .breadcrumbs,body.article-page .breadcrumbs{color:#d8e6ef}

/* BAZA WIEDZY — 3 kolumny na desktopie */
body.knowledge-page .knowledge-section{padding:72px 0 100px;background:linear-gradient(180deg,#f8fbfd 0%,#edf3f7 100%)}
body.knowledge-page .knowledge-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:end;gap:48px;margin-bottom:32px}
body.knowledge-page .knowledge-intro h2{margin-bottom:0}
body.knowledge-page .knowledge-intro>p{margin:0;color:var(--kb-muted)}
body.knowledge-page .knowledge-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
body.knowledge-page article.knowledge-card{display:block!important;min-width:0!important;padding:0!important;margin:0!important;border:1px solid var(--kb-line)!important;border-radius:var(--kb-radius)!important;background:#fff!important;overflow:hidden!important;box-shadow:0 12px 38px rgba(8,34,58,.08)!important;transition:.22s ease!important}
body.knowledge-page article.knowledge-card:hover{transform:translateY(-6px)!important;box-shadow:var(--kb-shadow)!important;border-color:#84cfdf!important}
body.knowledge-page article.knowledge-card>a{display:flex!important;flex-direction:column!important;height:100%!important;min-height:330px!important;padding:25px!important;color:inherit!important;text-decoration:none!important;position:relative!important}
body.knowledge-page article.knowledge-card>a:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--kb-cyan),var(--kb-cyan2))}
body.knowledge-page .knowledge-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
body.knowledge-page .knowledge-card__icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#e8f8fc;color:#0b7f9c;font-size:1.3rem;font-weight:900}
body.knowledge-page .knowledge-card__status{padding:7px 10px;border-radius:999px;background:#e3f8ea;color:#08704b;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
body.knowledge-page .topic-meta{margin:0 0 9px!important;color:#087e9e!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important}
body.knowledge-page .knowledge-card h2{margin:0 0 13px!important;color:var(--kb-ink)!important;font-size:1.18rem!important;line-height:1.3!important;letter-spacing:-.02em!important}
body.knowledge-page .knowledge-card p:not(.topic-meta){margin:0 0 22px!important;color:var(--kb-muted)!important;font-size:.92rem!important;line-height:1.6!important}
body.knowledge-page .card-link{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:auto!important;padding-top:16px!important;border-top:1px solid #e7edf2!important;color:#087e9e!important;font-size:.88rem!important;font-weight:900!important}

/* ARTYKUŁ */
body.article-page .article-hero{padding-bottom:78px}
body.article-page .article-hero h1{margin-bottom:18px;font-size:clamp(2.35rem,5vw,4.65rem);line-height:1.04}
body.article-page .article-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:30px!important;max-width:980px!important}
body.article-page .article-meta__item{display:block!important;padding:15px 17px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:14px!important;background:#fff!important;color:#15283b!important;box-shadow:0 10px 30px rgba(0,0,0,.15)!important}
body.article-page .article-meta__label{display:block!important;margin-bottom:3px!important;color:#617286!important;font-size:.68rem!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.article-page .article-meta__value{display:block!important;color:#10263b!important;font-size:.91rem!important;font-weight:850!important;line-height:1.35!important}
body.article-page .article-shell{padding:58px 0 100px;background:radial-gradient(circle at 95% 0%,rgba(34,184,213,.08),transparent 27rem),var(--kb-bg)}
body.article-page .article-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;gap:32px!important;align-items:start!important}
body.article-page article.article-card{padding:0!important;border:1px solid var(--kb-line)!important;border-radius:25px!important;background:#fff!important;overflow:hidden!important;box-shadow:var(--kb-shadow)!important}
body.article-page .article-lead{padding:40px clamp(26px,6vw,66px)!important;border-bottom:1px solid var(--kb-line)!important;background:linear-gradient(180deg,#fff,#f7fafc)!important}
body.article-page .article-lead p{margin:0!important;color:#293b4f!important;font-size:clamp(1.12rem,2vw,1.34rem)!important;line-height:1.72!important}
body.article-page .article-body{padding:38px clamp(26px,6vw,66px) 54px!important}
body.article-page .article-body p,body.article-page .article-body li{color:#3a4b5e!important;font-size:1rem!important;line-height:1.8!important}
body.article-page .article-body p{margin:0 0 20px!important}
body.article-page .article-body h2{margin:52px 0 18px!important;padding-top:22px!important;border-top:1px solid var(--kb-line)!important;color:#10263b!important;font-size:clamp(1.55rem,3vw,2.12rem)!important;line-height:1.2!important}
body.article-page .article-body h2:first-child{margin-top:14px!important;border-top:0!important;padding-top:0!important}
body.article-page .article-body h3{margin:30px 0 10px!important;color:#123a5c!important;font-size:1.23rem!important}
body.article-page .article-body ul,body.article-page .article-body ol{margin:16px 0 28px!important;padding-left:1.5rem!important}
body.article-page .article-body li{margin-bottom:8px!important;padding-left:4px!important}
body.article-page .callout{margin:28px 0!important;padding:22px 24px!important;border:1px solid #c8e6ee!important;border-left:5px solid var(--kb-cyan)!important;border-radius:15px!important;background:#eef9fc!important;color:#294356!important}
body.article-page .callout strong{display:block!important;margin-bottom:7px!important;color:#073f5d!important;font-size:.75rem!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.article-page .article-table-wrap{margin:25px 0 34px!important;overflow:auto!important;border:1px solid var(--kb-line)!important;border-radius:15px!important}
body.article-page table{width:100%!important;border-collapse:collapse!important;background:#fff!important;font-size:.91rem!important}
body.article-page th,body.article-page td{padding:14px 15px!important;border:0!important;border-bottom:1px solid var(--kb-line)!important;text-align:left!important;vertical-align:top!important}
body.article-page th{background:#0d365d!important;color:#fff!important;font-size:.76rem!important;letter-spacing:.04em!important;text-transform:uppercase!important}
body.article-page tr:last-child td{border-bottom:0!important}
body.article-page .check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0 30px}
body.article-page .check-item{padding:16px 17px;border:1px solid var(--kb-line);border-radius:13px;background:#f8fafc;color:#34485b;line-height:1.55}
body.article-page .check-item:before{content:"✓";margin-right:9px;color:#0c92ae;font-weight:900}
body.article-page .source-box{margin-top:48px;padding:22px 24px;border-radius:16px;background:#f3f6f8;border:1px solid var(--kb-line)}
body.article-page .source-box h2{margin:0 0 12px!important;padding:0!important;border:0!important;font-size:1.15rem!important}
body.article-page .source-box ul{margin:0!important}
body.article-page .source-box a{color:#087e9e;text-decoration:underline;text-underline-offset:3px}
body.article-page .author-card{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:22px!important;align-items:center!important;padding:30px clamp(26px,6vw,54px)!important;background:linear-gradient(135deg,#071b31,#0d3a61)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.1)!important}
body.article-page .author-card img{width:92px!important;height:92px!important;border-radius:50%!important;object-fit:cover!important;border:3px solid rgba(255,255,255,.75)!important}
body.article-page .author-card__label{display:block!important;margin-bottom:4px!important;color:#75def1!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important}
body.article-page .author-card h2{margin:0 0 7px!important;color:#fff!important;font-size:1.34rem!important;line-height:1.2!important}
body.article-page .author-card p{margin:0 0 12px!important;color:#d6e4ee!important;font-size:.92rem!important;line-height:1.6!important}
body.article-page .author-card a{color:#fff!important;font-weight:900!important;text-decoration:underline!important;text-underline-offset:4px!important}
body.article-page .article-sidebar{position:sticky!important;top:106px!important;display:grid!important;gap:18px!important}
body.article-page .sidebar-box{padding:23px!important;border:1px solid var(--kb-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 35px rgba(8,34,58,.07)!important}
body.article-page .sidebar-box h2{margin:0 0 14px!important;color:#10263b!important;font-size:1.05rem!important}
body.article-page .sidebar-box p{color:var(--kb-muted)!important;font-size:.91rem!important;line-height:1.6!important}
body.article-page .toc{display:grid!important;gap:4px!important}
body.article-page .toc a{padding:8px 0!important;border-bottom:1px solid #edf1f4!important;color:#3d5063!important;font-size:.89rem!important}
body.article-page .toc a:hover{color:#087e9e!important}
body.article-page .related{padding:0 0 95px;background:var(--kb-bg)}
body.article-page .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.article-page .related-card{padding:24px;border:1px solid var(--kb-line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(8,34,58,.06)}
body.article-page .related-card h3{margin:0 0 9px;color:#10263b;font-size:1.08rem}
body.article-page .related-card p{color:var(--kb-muted);font-size:.91rem}
body.article-page .related-card a{color:#087e9e;font-weight:900}

@media(max-width:980px){
  body.knowledge-page .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.article-page .article-layout{grid-template-columns:1fr!important}
  body.article-page .article-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body.knowledge-page .knowledge-intro{grid-template-columns:1fr;gap:16px}
  body.knowledge-page .knowledge-grid{grid-template-columns:1fr!important}
  body.knowledge-page article.knowledge-card>a{min-height:0!important}
  body.article-page .article-meta{grid-template-columns:1fr!important}
  body.article-page .article-sidebar{grid-template-columns:1fr!important}
  body.article-page .check-grid{grid-template-columns:1fr}
  body.article-page .author-card{grid-template-columns:1fr!important;text-align:left!important}
  body.article-page .related-grid{grid-template-columns:1fr}
}


/* Słownik skrótów i pojęć */
body.article-page .glossary{margin-top:48px;padding-top:34px;border-top:1px solid var(--kb-line)}
body.article-page .glossary h2{margin:0 0 10px!important;padding:0!important;border:0!important;color:#10263b!important}
body.article-page .glossary-intro{margin:0 0 20px!important;color:#5e6d80!important}
body.article-page .glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.article-page details.glossary-item{border:1px solid #d7e3eb;border-radius:14px;background:#f8fbfd;overflow:hidden}
body.article-page details.glossary-item[open]{border-color:#8dcfdd;background:#fff;box-shadow:0 10px 28px rgba(8,34,58,.08)}
body.article-page .glossary-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:14px 16px;cursor:pointer;list-style:none;color:#0b3454;font-weight:900}
body.article-page .glossary-item summary::-webkit-details-marker{display:none}
body.article-page .glossary-term{font-size:.98rem;letter-spacing:.01em}
body.article-page .glossary-expand{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#e1f5f9;color:#087e9e;font-size:1.1rem;line-height:1;transition:transform .2s ease}
body.article-page .glossary-item[open] .glossary-expand{transform:rotate(45deg)}
body.article-page .glossary-definition{padding:0 16px 16px;border-top:1px solid #e2ebf1}
body.article-page .glossary-definition strong{display:block;margin:13px 0 5px;color:#123a5c;font-size:.88rem}
body.article-page .glossary-definition p{margin:0!important;color:#46596c!important;font-size:.91rem!important;line-height:1.62!important}
body.article-page .article-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:680px!important}
body.article-page .author-card.profile-signature{grid-template-columns:72px minmax(0,1fr)!important;padding:22px clamp(26px,6vw,54px)!important}
body.article-page .author-card.profile-signature img{width:72px!important;height:72px!important}
body.article-page .author-card.profile-signature h2{margin:0!important;font-size:1.28rem!important}
@media(max-width:620px){body.article-page .glossary-grid{grid-template-columns:1fr}body.article-page .article-meta{grid-template-columns:1fr!important;max-width:none!important}body.article-page .author-card.profile-signature{grid-template-columns:64px minmax(0,1fr)!important;text-align:left!important}body.article-page .author-card.profile-signature img{width:64px!important;height:64px!important}}