/* 3PG – style strony „wiedza” (inline z Wiedza.html, 1:1). Ładowane po slugu. */

.wsec{padding-top:14px}
  .wsec + .wsec{padding-top:46px}
  .whead{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}
  .whead h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;color:var(--navy);letter-spacing:-.02em}
  .whead .wcount{font-size:13px;font-weight:700;color:var(--muted)}
  .wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .wtile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 28px 24px;display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s,border-color .2s}
  .wtile:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
  .wtile .ic{width:52px;height:52px;border-radius:14px;background:var(--paper-3);color:var(--blue);display:grid;place-items:center;flex:none}
  .wtile .ic svg{width:26px;height:26px}
  .wtile:nth-child(3n) .ic{background:var(--orange-soft);color:var(--orange-deep)}
  .wtile h3{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.01em}
  .wtile p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0;flex:1}
  .wtile .more{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--blue);transition:gap .2s}
  .wtile:hover .more{gap:12px}
  @media(max-width:900px){.wgrid{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.wgrid{grid-template-columns:1fr}}