/**
 * Baza wiedzy (pvg_kb) — arkusz artykułu.
 *
 * OSOBNY PLIK, nie inline <style>: BlogVault/Airlift odracza inline style
 * poza CSSOM (lekcja WOOCS 2026-08-09) — plik enqueue'owany przechodzi normalnie.
 * Tokeny: PROJECT-GUIDE §5 (IBM Carbon / PVGroup.pl). Prefix npv-/pvg- wg konwencji.
 *
 * @since 3.88.0
 */

.pvg-kb-single{background:#fff;color:#1B2A4A;}
.pvg-kb-container{max-width:1140px;margin:0 auto;padding:28px 24px 72px;}

/* breadcrumb */
.pvg-kb-crumb{font-size:12px;color:#697077;margin-bottom:20px;}
.pvg-kb-crumb a{color:#697077;text-decoration:none;}
.pvg-kb-crumb a:hover{color:#F28C00;}
.pvg-kb-crumb .sep{margin:0 7px;color:#c1c7cd;}

/* nagłówek artykułu */
.pvg-kb-tags{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap;}
.pvg-kb-tags .tag{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:2px;}
.pvg-kb-tags .tag-task{background:#FFF3E0;color:#B86800;}
.pvg-kb-tags .tag-series{background:#EDF1F7;color:#1B2A4A;}
.pvg-kb-head h1{font-size:clamp(28px,3.6vw,40px);font-weight:300;line-height:1.16;color:#1B2A4A;margin:0 0 14px;letter-spacing:-.01em;}
.pvg-kb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;color:#52606D;margin:0 0 26px;}
.pvg-kb-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#0e6027;background:#F0F9F3;border:1px solid #a7d7b4;border-radius:2px;padding:4px 10px;}
.pvg-kb-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#24a148;}

/* blok W skrócie */
.pvg-kb-tldr{border-left:4px solid #F28C00;background:#FFF7EA;padding:20px 24px;margin:0 0 36px;font-size:17px;line-height:1.65;color:#1B2A4A;border-radius:0 2px 2px 0;}
.pvg-kb-tldr .lab{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#B86800;font-weight:700;margin-bottom:8px;}
.pvg-kb-tldr p{margin:0;}

/* siatka treść + sidebar */
.pvg-kb-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start;}
.pvg-kb-content{font-size:16px;line-height:1.7;color:#1B2A4A;max-width:76ch;}
.pvg-kb-content>p{margin:0 0 16px;}
.pvg-kb-content h2{font-size:26px;font-weight:400;line-height:1.3;color:#1B2A4A;margin:48px 0 16px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;}
.pvg-kb-content h2:first-child{margin-top:8px;}
.pvg-kb-content h3{font-size:17px;font-weight:600;margin:28px 0 8px;padding-top:18px;border-top:1px solid #edf0f2;}
.pvg-kb-content h3:first-of-type{border-top:0;padding-top:0;}
.pvg-kb-content a{color:#B86800;text-decoration:underline;text-underline-offset:2px;}
.pvg-kb-content a:hover{color:#F28C00;}

/* tabele */
.pvg-kb-content table{border-collapse:collapse;width:100%;font-size:14px;margin:18px 0 10px;font-variant-numeric:tabular-nums;}
.pvg-kb-content thead th{background:#1B2A4A;color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:11px 14px;border:0;}
.pvg-kb-content tbody td{padding:11px 14px;border-bottom:1px solid #e8ecef;vertical-align:top;}
.pvg-kb-content tbody tr:nth-child(even){background:#F7F9FB;}
.pvg-kb-content tbody td:first-child{font-weight:600;}
.pvg-kb-content .pvg-matrix td.hl{background:#FFF3E0;font-weight:600;}
.npv-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 10px;}
.npv-table-scroll table{margin:0;min-width:640px;}

/* listy specjalne */
.pvg-kb-content ul.pvg-no,.pvg-kb-content ul.pvg-tips{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:10px;}
.pvg-kb-content ul.pvg-no li{border-left:3px solid #da1e28;background:#FDF4F5;padding:13px 16px;border-radius:0 2px 2px 0;}
.pvg-kb-content ul.pvg-tips li{border-left:3px solid #F28C00;background:#FFFBF3;padding:13px 16px;border-radius:0 2px 2px 0;}
.pvg-kb-content ul.pvg-no li strong,.pvg-kb-content ul.pvg-tips li strong{display:block;margin-bottom:3px;}

/* figury */
.pvg-kb-content figure,.pvg-kb-content .npv-blog-figure{margin:24px 0;border:1px solid #e0e4e8;border-radius:2px;overflow:hidden;background:#fff;}
.pvg-kb-content figure img{display:block;width:100%;height:auto;}
.pvg-kb-content figcaption{font-size:12.5px;line-height:1.5;color:#52606D;background:#F7F9FB;padding:10px 14px;border-top:1px solid #e8ecef;}

/* checklista */
.pvg-kb-content ol{margin:14px 0 16px;padding-left:22px;}
.pvg-kb-content ol li{margin-bottom:10px;}

/* źródła */
.pvg-kb-sources{margin-top:52px;border-top:2px solid #1B2A4A;padding-top:18px;}
.pvg-kb-sources h2{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1B2A4A;margin:0 0 12px;border:0;padding:0;}
.pvg-kb-sources ol{margin:0;padding-left:20px;font-size:13.5px;color:#52606D;}
.pvg-kb-sources li{margin-bottom:7px;}
.pvg-kb-sources a{color:#1B2A4A;}
.pvg-kb-sources .pages{color:#697077;}

/* sidebar */
.pvg-kb-aside{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px;}
.pvg-kb-box{border:1px solid #e0e4e8;border-radius:2px;padding:18px 20px;background:#fff;}
.pvg-kb-box h2{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#697077;font-weight:700;margin:0 0 14px;}
.pvg-kb-box ul{list-style:none;margin:0;padding:0;font-size:14px;}
.pvg-kb-box li{padding:9px 0;border-bottom:1px solid #eef1f4;}
.pvg-kb-box li:first-child{padding-top:0;}
.pvg-kb-box li:last-child{border-bottom:0;padding-bottom:0;}
.pvg-kb-box a{color:#1B2A4A;text-decoration:none;}
.pvg-kb-box a:hover{color:#F28C00;}
.pvg-kb-box .more{margin:12px 0 0;font-size:13px;}
.pvg-kb-box .more a{color:#B86800;font-weight:600;}
/* !important — globalny `a{color:#F28C00!important}` z Customizera robi
   pomarańczowy tekst na pomarańczowym tle (guzik "niewidoczny"). */
.pvg-kb-cta{display:block;text-align:center;background:#F28C00;color:#1B2A4A!important;font-weight:600;font-size:14px;padding:12px 14px;border-radius:2px;text-decoration:none;margin-top:6px;}
.pvg-kb-cta:hover{background:#D97B00;color:#1B2A4A!important;}
.pvg-kb-box .note{font-size:12px;color:#697077;margin:10px 0 0;}

/* v3.99.0 — mini-karty produktow w sidebarze (cena + dostepnosc; rekomendacja
   panelu e-commerce 2026-08-11). Bez "Do koszyka" — cala karta linkuje produkt. */
.pvg-kb-prod-card{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #eef1f4;text-decoration:none;}
.pvg-kb-prod-card:last-of-type{border-bottom:0;}
.pvg-kb-prod-card__img{flex:0 0 56px;width:56px;height:56px;background:#f4f4f4;border:1px solid #e0e4e8;border-radius:2px;overflow:hidden;}
.pvg-kb-prod-card__img img{width:100%;height:100%;object-fit:contain;display:block;}
.pvg-kb-prod-card__body{display:flex;flex-direction:column;gap:3px;min-width:0;}
.pvg-kb-prod-card__name{font-size:13.5px;font-weight:600;line-height:1.35;color:#1B2A4A;}
.pvg-kb-prod-card:hover .pvg-kb-prod-card__name{color:#F28C00;}
.pvg-kb-prod-card__price{font-size:15px;font-weight:600;color:#1B2A4A;font-variant-numeric:tabular-nums;}
.pvg-kb-prod-card__price del{color:#8a92a6;font-weight:400;margin-right:6px;}
.pvg-kb-prod-card__stock{font-size:11.5px;font-weight:600;}
.pvg-kb-prod-card__stock.is-instock{color:#0e6027;}
.pvg-kb-prod-card__stock.is-backorder{color:#B86800;}
.pvg-kb-b2b-line{font-size:12px;color:#697077;margin:12px 0 0;padding-top:10px;border-top:1px solid #eef1f4;}
.pvg-kb-b2b-line a{color:#B86800;font-weight:600;text-decoration:none;}
.pvg-kb-b2b-line a:hover{color:#F28C00;}

/* linia opiekuna handlowego — komunikacja uslugi bez SLA */
.pvg-kb-contact-line{font-size:12.5px;line-height:1.55;color:#697077;margin:0;padding:0 2px;}
.pvg-kb-contact-line a{color:#1B2A4A;font-weight:600;}
.pvg-kb-contact-line a:hover{color:#F28C00;}

@media (max-width:900px){
  .pvg-kb-body{grid-template-columns:minmax(0,1fr);gap:36px;}
  .pvg-kb-aside{position:static;}
  .pvg-kb-container{padding:20px 16px 56px;}
  /* tabele poza wrapperem scroll (2-3 kolumny): min-content potrafi przekroczyc
     viewport o kilkanascie px i przesunac cala strone — lamiemy w komorkach */
  .pvg-kb-content table{font-size:13px;}
  .pvg-kb-content thead th,.pvg-kb-content tbody td{padding:9px 10px;overflow-wrap:anywhere;}
}

/* v3.113.0 — automatyczne linki modeli do kart produktow (class-kb-product-linker) */
.pvg-kb-content a.pvg-kb-prodlink{color:#F28C00;text-decoration:none;border-bottom:1px dotted #F28C00;font-weight:600;}
.pvg-kb-content a.pvg-kb-prodlink:hover{color:#1B2A4A;border-bottom-color:#1B2A4A;}

/* v3.114.0 — link kategorii pod kartami produktow w sidebarze */
.pvg-kb-catlink{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #eef1f4;color:#1B2A4A;font-weight:600;font-size:13px;text-decoration:none;}
.pvg-kb-catlink:hover{color:#F28C00;}