/* 3PG – style CPT „formaty" (single-formaty). 1:1 z format-*.html.
   Makiety nie miały inline <style> – ten plik dostarcza wyłącznie typografię
   bloku treści the_content() (.format-body), wzorowaną na .term-body z term.css,
   żeby pojedynczy format był spójny niezależnie od tego, które globalne CSS są ładowane. */

.format-body{padding:60px 0 8px}
.format-body .wrap{max-width:760px}
.format-body p{font-size:17.5px;line-height:1.72;color:#3a4651;margin-bottom:22px}
.format-body h2{font-size:27px;font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.15;margin:46px 0 16px}
.format-body h3{font-size:20px;font-weight:800;color:var(--navy);letter-spacing:-.01em;margin:30px 0 12px}
.format-body strong{color:var(--navy);font-weight:700}
.format-body ul{margin:0 0 24px 2px;display:flex;flex-direction:column;gap:12px;list-style:none}
.format-body ul li{position:relative;padding-left:23px;font-size:17px;line-height:1.6;color:#3a4651}
.format-body ul li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;background:var(--orange);border-radius:2px}
.format-body ol{margin:0 0 24px 20px;display:flex;flex-direction:column;gap:12px}
.format-body ol li{font-size:17px;line-height:1.6;color:#3a4651}
.format-body a{color:var(--blue);font-weight:700;border-bottom:1.5px solid rgba(21,155,214,.3);transition:border-color .2s}
.format-body a:hover{border-color:var(--blue)}
.format-body img{max-width:100%;height:auto;border-radius:14px;margin:8px 0 24px}

/* Karty siatki (.offer/.ocard) – współdzielone z page-oferta.css, by archiwum/taxonomy formatów były ostylowane (cpt-formaty.css ładowany na widokach formaty). */
  .offer{padding-top:60px}
  .offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .ocard-media{margin:-34px -32px 26px;height:182px;background:var(--paper-3);overflow:hidden;position:relative}
  .ocard-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
  .ocard:hover .ocard-media img{transform:scale(1.05)}
  .ocard-media.grad{background:linear-gradient(135deg,var(--blue),var(--blue-deep))}
  .ocard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 32px 36px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
  .ocard::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--blue),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .3s}
  .ocard:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
  .ocard:hover::before{transform:scaleX(1)}
  .ocard .top{display:flex;align-items:center;gap:16px;margin-bottom:18px}
  .ocard .ico{width:52px;height:52px;border-radius:14px;background:var(--paper-3);display:grid;place-items:center;color:var(--blue);flex:none;transition:background .25s,color .25s}
  .ocard:hover .ico{background:var(--orange-soft);color:var(--orange-deep)}
  .ocard .ico svg{width:26px;height:26px}
  .ocard .num{margin-left:auto;font-size:13px;font-weight:800;color:var(--line);letter-spacing:.04em}
  .ocard h3{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.02em}
  .ocard .sub{font-size:13px;font-weight:700;color:var(--blue);margin-top:3px}
  .ocard p{font-size:14.5px;color:var(--muted);line-height:1.6;margin-top:14px}
  .ocard ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:9px}
  .ocard ul li{display:flex;gap:10px;font-size:14px;color:var(--ink);line-height:1.45}
  .ocard ul li::before{content:"";flex:none;width:9px;height:9px;margin-top:5px;background:var(--orange);border-radius:2px}
  .ocard .lnk{margin-top:auto;padding-top:22px;font-weight:700;font-size:14px;color:var(--blue);display:inline-flex;align-items:center;gap:8px;transition:gap .2s}
  .ocard:hover .lnk{gap:13px}
  @media(max-width:980px){.offer-grid{grid-template-columns:1fr}}