/* Dodatkowe style dla samodzielnego serwisu PHP: artykuły, archiwa, wyszukiwarka. */
.v4-archive{background:#f7f9fd;padding:86px 0 120px;min-height:58vh}
.v4-archive h1{font-size:clamp(2.7rem,5vw,4.9rem);letter-spacing:-.055em;margin:17px 0;color:#122746}
.v4-lead{font-size:clamp(1rem,1.5vw,1.15rem);color:#63768e;max-width:750px;line-height:1.75;margin-bottom:36px}
.v4-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.v4-card{background:#fff;border:1px solid #e1e9f4;border-radius:19px;padding:29px;display:flex;flex-direction:column;gap:0;box-shadow:0 12px 28px -26px #1a335a44;min-height:250px}
.v4-card:hover{box-shadow:0 16px 32px -23px #0c2e6966;transform:translateY(-2px);transition:transform .18s ease}
.v4-card .v4-meta{font-size:11px;font-weight:800;color:#4179d5;letter-spacing:.04em;text-transform:uppercase}
.v4-card h2{font-size:22px;line-height:1.32;letter-spacing:-.045em;margin:19px 0 12px}
.v4-card h2 a:hover{color:#2366e9}
.v4-card p{font-size:14px;line-height:1.7;color:#65758e;flex:1;overflow-wrap:anywhere}
.v4-card-more{color:#2467d7;font-weight:800;font-size:12px;align-self:flex-start;margin-top:14px}
.v4-pages{display:flex;justify-content:center;align-items:center;gap:24px;margin:38px 0}
.v4-pages a{background:#fff;border:1px solid #dae5f4;border-radius:9px;padding:12px 17px;color:#2165df;font-weight:760}
.v4-pages span{color:#7a879d;font-size:13px}
.v4-post{background:#fff;min-height:70vh;padding:70px 0 110px}
.v4-post-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(220px,270px);gap:clamp(28px,6vw,86px);align-items:start}
.v4-post-main{min-width:0}
.v4-breadcrumb{font-size:12px;color:#7888a0;margin-bottom:56px;display:flex;gap:12px;flex-wrap:wrap;line-height:1.5}
.v4-breadcrumb a{color:#2463d7}
.v4-post h1{font-size:clamp(2.65rem,4.6vw,4.8rem);line-height:1.13;letter-spacing:-.045em;margin:16px 0 22px;overflow-wrap:anywhere}
.v4-byline{font-size:13px;font-weight:700;color:#8b9aaf;margin-bottom:44px}
.v4-prose{font-size:clamp(15px,1.2vw,18px);line-height:1.85;color:#293e5c;overflow-wrap:anywhere;max-width:100%}
.v4-prose p{margin:0 0 24px}.v4-prose h2{font-size:clamp(1.7rem,2.5vw,2.6rem);letter-spacing:-.035em;margin:46px 0 19px;color:#152947;line-height:1.24}.v4-prose h3{font-size:1.55rem;margin:32px 0 18px;color:#152947}
.v4-prose a{color:#1f67da;text-decoration:underline;text-underline-offset:3px}.v4-prose a:hover{color:#0e43a3}
.v4-prose img,.v4-prose iframe,.v4-prose video{max-width:100%;height:auto;border-radius:12px}
.v4-prose pre{background:#13223d;color:#e2eafa;padding:22px;border-radius:14px;overflow:auto;font-size:14px;line-height:1.7}.v4-prose code{font-family:Consolas,"Courier New",monospace;font-size:.92em}.v4-prose :not(pre)>code{background:#edf3fe;color:#2359aa;padding:.15em .35em;border-radius:4px}
.v4-prose ul,.v4-prose ol{padding-left:25px;margin-bottom:28px}.v4-prose li{margin-bottom:8px}.v4-prose blockquote{border-left:4px solid #2b66de;margin:30px 0;padding:14px 22px;background:#f3f7ff}.v4-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.v4-prose td,.v4-prose th{border:1px solid #dce5f3;padding:10px}
.v4-post-tail{border-top:1px solid #e1e9f4;margin-top:55px;padding-top:29px}
.v4-post-aside{position:sticky;top:110px;background:#101f37;border-radius:20px;padding:30px;color:#fff;display:flex;flex-direction:column;gap:15px}
.v4-post-aside span{font-size:11px;letter-spacing:.08em;color:#88b2f0;font-weight:850}.v4-post-aside h2{color:#fff;font-size:24px;line-height:1.3;margin:0}.v4-post-aside p{color:#bacbe3;font-size:13px;line-height:1.7;margin:0}.v4-post-aside a{color:#94ccff;font-weight:800;font-size:12px;margin-top:5px}
.v4-searchbar{background:#fff;padding:24px;border-radius:14px;border:1px solid #e2eaf3;margin:15px 0 24px;max-width:820px}.v4-searchbar label{display:block;font-size:13px;font-weight:800;margin-bottom:12px}.v4-searchbar>div{display:flex;gap:9px}.v4-searchbar input{flex:1;min-width:0;border:1px solid #dbe4f1;padding:13px 16px;border-radius:10px}.v4-count{font-size:13px;color:#657995;font-weight:740}
.v4-original{background:#fff;padding:30px 0 110px}.v4-original>.container>h2{font-size:36px;letter-spacing:-.04em;margin-bottom:32px}.v4-original .v4-prose{max-width:930px}
@media (max-width:950px){.v4-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-post-layout{display:block}.v4-post-aside{position:static;margin-top:35px}.v4-post{padding:45px 0 80px}}
@media (max-width:630px){.v4-articles{grid-template-columns:1fr}.v4-archive{padding:55px 0 90px}.v4-card{min-height:200px;padding:23px}.v4-searchbar>div{flex-direction:column}.v4-searchbar .button{justify-content:center}.v4-breadcrumb{margin-bottom:36px}.v4-post h1{font-size:clamp(2rem,10vw,3.5rem)}.v4-prose pre{padding:13px}}
@media (prefers-reduced-motion:reduce){.v4-card:hover{transform:none}}

.v4-contact-section{padding:18px 0 110px;background:#fff}.v4-info{background:#ebf3ff;color:#254266;padding:22px;border:1px solid #d6e5fb;border-radius:13px;line-height:1.7}.v4-info a{color:#1456c9;text-decoration:underline}.v4-contact{max-width:700px}.v4-contact-form{display:grid;gap:12px;padding:30px;background:#f7f9fd;border-radius:20px}.v4-contact-form h2{font-size:26px}.v4-contact-form label{font-weight:740;font-size:13px}.v4-contact-form input:not([type=checkbox]),.v4-contact-form textarea{padding:14px;border:1px solid #d6e0ef;border-radius:9px;background:#fff;width:100%}.v4-consent{display:flex;gap:10px;align-items:center;line-height:1.5}.v4-consent a{color:#135dd7;text-decoration:underline}.v4-honey{display:none}.v4-error{padding:14px;background:#fff1f3;border-radius:8px;color:#9b1d31}.v4-contact-form .button{max-width:250px;justify-content:center}

/* Blog: wyszukiwarka i filtry tematyczne */
.v4-blog-tools{background:#fff;border:1px solid #dfe8f4;border-radius:18px;padding:22px;margin:0 0 30px;box-shadow:0 12px 30px -28px #173a6b66}
.v4-blog-search label{display:block;font-size:13px;font-weight:820;color:#203b61;margin-bottom:10px}
.v4-blog-search-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,230px) auto;gap:10px;align-items:stretch}
.v4-blog-search input,.v4-blog-search select{width:100%;min-width:0;border:1px solid #d6e1ef;border-radius:10px;background:#fff;color:#203b61;padding:13px 14px;font:inherit;outline:none}
.v4-blog-search input:focus,.v4-blog-search select:focus{border-color:#4f86dd;box-shadow:0 0 0 3px #dbe9ff}
.v4-blog-search .button{justify-content:center;white-space:nowrap}
.v4-topic-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin-top:18px;padding-top:18px;border-top:1px solid #e7eef7}
.v4-topic-label{font-size:11px;font-weight:850;color:#71839b;text-transform:uppercase;letter-spacing:.06em;padding-top:8px;white-space:nowrap}
.v4-topic-chips{display:flex;flex-wrap:wrap;gap:8px}
.v4-topic-chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid #dce6f3;border-radius:999px;background:#f8fbff;color:#315f9f;font-size:11px;font-weight:780;line-height:1.2}
.v4-topic-chip:hover,.v4-topic-chip:focus-visible{background:#edf5ff;border-color:#b9d2f4;color:#174f9c}
.v4-topic-chip.is-active{background:#17365f;border-color:#17365f;color:#fff}
.v4-blog-result-line{margin-top:16px;font-size:12px;color:#6d809b}
.v4-blog-result-line strong{color:#203b61}
.v4-blog-result-line a{margin-left:8px;color:#1d63ce;font-weight:800;text-decoration:underline;text-underline-offset:2px}
@media (max-width:820px){.v4-blog-search-row{grid-template-columns:1fr 190px}.v4-blog-search .button{grid-column:1/-1}.v4-topic-wrap{grid-template-columns:1fr}.v4-topic-label{padding-top:0}}
@media (max-width:560px){.v4-blog-tools{padding:17px}.v4-blog-search-row{grid-template-columns:1fr}.v4-blog-search .button{grid-column:auto}.v4-topic-chips{gap:6px}.v4-topic-chip{font-size:10px;padding:7px 9px}}

/* V07: dopracowane filtry bloga + paginacja numeryczna */
.v4-blog-tools{
  padding:24px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dce6f2;
  box-shadow:0 14px 34px -28px rgba(19,52,96,.4);
}
.v4-blog-search label{
  margin-bottom:11px;
  color:#17345d;
  font-size:13px;
  font-weight:850;
  letter-spacing:.01em;
}
.v4-blog-search-row{
  grid-template-columns:minmax(240px,1fr) minmax(210px,250px) 112px;
  gap:10px;
}
.v4-blog-search input,.v4-blog-search select{
  min-height:50px;
  padding:0 15px;
  border:1px solid #d5e1ef;
  border-radius:11px;
  background:#f9fbfe;
  color:#17345d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.v4-blog-search input::placeholder{color:#8b9bb1}
.v4-blog-search input:hover,.v4-blog-search select:hover{border-color:#bed1e8;background:#fff}
.v4-blog-search input:focus,.v4-blog-search select:focus{background:#fff;border-color:#3978e6;box-shadow:0 0 0 3px rgba(57,120,230,.14)}
.v4-blog-submit{
  min-height:50px;
  padding:0 18px;
  border-radius:11px;
  box-shadow:0 10px 20px -14px rgba(37,99,235,.75);
}
.v4-topic-wrap{
  grid-template-columns:1fr;
  gap:10px;
  margin-top:18px;
  padding-top:18px;
}
.v4-topic-label{
  padding:0;
  color:#73869f;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.v4-topic-chips{gap:8px}
.v4-topic-chip{
  min-height:38px;
  padding:9px 14px;
  border:1px solid #d8e4f2;
  border-radius:10px;
  background:#f7faff;
  color:#315d99;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 5px 12px -12px rgba(20,55,100,.55);
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.v4-topic-chip:hover,.v4-topic-chip:focus-visible{
  background:#eef5ff;
  border-color:#9fc0ee;
  color:#174f9c;
  transform:translateY(-1px);
  box-shadow:0 9px 18px -14px rgba(31,93,177,.55);
}
.v4-topic-chip.is-active{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
  box-shadow:0 9px 18px -13px rgba(37,99,235,.85);
}
.v4-blog-result-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #edf2f8;
  color:#6f8199;
  font-size:12px;
}
.v4-blog-result-line strong{font-size:13px;color:#17345d}
.v4-blog-result-line .v4-clear-filter{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  margin-left:0;
  padding:7px 11px;
  border:1px solid #d9e5f3;
  border-radius:9px;
  background:#fff;
  color:#2d67bd;
  font-weight:800;
  text-decoration:none;
}
.v4-blog-result-line .v4-clear-filter:hover,.v4-blog-result-line .v4-clear-filter:focus-visible{background:#f1f6fd;border-color:#bdd1eb;color:#174f9c}

.v4-pages{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:42px 0 12px;
  flex-wrap:wrap;
}
.v4-page-numbers{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.v4-pages .v4-page-number,.v4-pages .v4-page-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 13px;
  border:1px solid #d9e5f2;
  border-radius:10px;
  background:#fff;
  color:#2464c8;
  font-size:12px;
  font-weight:820;
  text-decoration:none;
  box-shadow:0 8px 18px -18px rgba(20,54,97,.7);
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.v4-pages .v4-page-arrow{min-width:auto;padding-inline:16px}
.v4-pages a.v4-page-number:hover,.v4-pages a.v4-page-number:focus-visible,.v4-pages .v4-page-arrow:hover,.v4-pages .v4-page-arrow:focus-visible{
  background:#eef5ff;
  border-color:#9fbfeb;
  color:#164fa9;
  transform:translateY(-1px);
  box-shadow:0 10px 20px -15px rgba(35,91,174,.55);
}
.v4-pages .v4-page-current{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
  box-shadow:0 10px 20px -14px rgba(37,99,235,.8);
}
.v4-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:42px;color:#8190a5;font-weight:850}
@media(max-width:820px){
  .v4-blog-search-row{grid-template-columns:1fr 210px}
  .v4-blog-search .v4-blog-submit{grid-column:1/-1}
}
@media(max-width:600px){
  .v4-blog-tools{padding:18px}
  .v4-blog-search-row{grid-template-columns:1fr}
  .v4-blog-search .v4-blog-submit{grid-column:auto;width:100%}
  .v4-topic-chip{min-height:36px;padding:8px 11px;font-size:10px}
  .v4-pages{gap:8px}
  .v4-pages .v4-page-arrow{order:2;flex:1 1 125px;max-width:180px}
  .v4-page-numbers{order:1;width:100%;gap:6px}
  .v4-pages .v4-page-number{min-width:38px;height:38px;padding:0 10px}
  .v4-page-ellipsis{height:38px}
}
@media(prefers-reduced-motion:reduce){.v4-topic-chip,.v4-pages .v4-page-number,.v4-pages .v4-page-arrow{transition:none}.v4-topic-chip:hover,.v4-pages a.v4-page-number:hover,.v4-pages .v4-page-arrow:hover{transform:none}}