/* Waga Zmiany - tresc redakcyjna: dokumenty prawne, wpisy bloga. */

.doc__in,.entry__in{max-width:74ch;margin-inline:auto}
.doc__head,.entry__head{padding-bottom:28px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.doc__head h1,.entry__head h1{font-size:clamp(30px,3.6vw,46px)}

/* Pelny zakres znacznikow, nie tylko akapit - inaczej listy i naglowki
   z edytora wygladaja jak surowy HTML. */
.prose{color:var(--ink-mid);font-size:var(--t-body);line-height:1.75}
.prose > *:first-child{margin-top:0}
.prose p{margin:0 0 18px}
.prose h2{font-size:clamp(23px,2.2vw,30px);color:var(--ink);margin:40px 0 16px}
.prose h3{font-size:clamp(19px,1.7vw,23px);color:var(--ink);margin:32px 0 12px}
.prose h4{font-size:18px;color:var(--ink);margin:26px 0 10px;font-weight:600}
.prose ul,.prose ol{margin:0 0 20px;padding-left:24px}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:9px}
.prose li::marker{color:var(--brand)}
.prose li > ul,.prose li > ol{margin-top:9px;margin-bottom:0}
.prose a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--brand-light)}
.prose strong{color:var(--ink);font-weight:600}
.prose blockquote{margin:26px 0;padding:20px 24px;border-radius:20px;background:var(--cream);
  border:1px solid var(--line);color:var(--ink)}
.prose blockquote p:last-child{margin-bottom:0}
.prose hr{height:1px;background:var(--line);border:0;margin:36px 0}
.prose img{border-radius:20px;margin:26px 0}
.prose table{width:100%;border-collapse:collapse;margin:26px 0;font-size:var(--t-small)}
.prose th,.prose td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line)}
.prose th{color:var(--ink);font-weight:600}
.prose code{font-family:ui-monospace,Menlo,monospace;font-size:.92em;background:var(--sand);
  padding:2px 7px;border-radius:6px;color:var(--ink)}

/* Listing wpisow */
.posts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.post-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;
  display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.post-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(69,77,156,.1)}
.post-card .shot{border:0;border-radius:0;aspect-ratio:16/10;border-bottom:1px solid var(--line)}
.post-card .shot img{transition:transform .6s var(--ease)}
.post-card:hover .shot img{transform:scale(1.04)}
.post-card__body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-card__body h2{font-size:var(--t-h3)}
.post-card__body h2 a{color:var(--ink)}
.post-card__body h2 a:hover{color:var(--brand)}
.post-card__excerpt{font-size:var(--t-small);color:var(--ink-mid);line-height:1.6}
.post-card__meta{font-size:var(--t-tiny);color:var(--ink-soft);margin-top:auto}

/* Nawigacja stron */
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:44px}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:46px;
  min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);color:var(--ink-mid);
  font-size:var(--t-small);transition:border-color .2s var(--ease),color .2s var(--ease)}
.pagination .page-numbers:hover{border-color:var(--brand);color:var(--brand)}
.pagination .page-numbers.current{background:var(--brand);border-color:var(--brand);color:#fff}

/* Strona bledu */
.notfound{text-align:center;padding-block:clamp(80px,10vw,140px)}
.notfound__code{font-size:clamp(70px,12vw,150px);font-weight:800;color:var(--sage);line-height:1}
.notfound h1{font-size:clamp(26px,3vw,40px);margin-top:10px}
.notfound p{margin-top:18px}
.notfound__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}

@media (max-width:1040px){ .posts__grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:760px){ .posts__grid{grid-template-columns:1fr} }

/* Naglowek podstrony skladanej */
/* Naglowek podstrony skladanej - ten sam rytm co pozostale naglowki. */
.hero--page .pills{margin-top:24px}
.hero--page .pill{font-size:12px;padding:8px 15px}
.hero--page .hero__act{margin-top:28px;gap:16px}
.hero--page .hero__act .fine{max-width:22ch}

/* Domkniecie podstrony: tresc + dowody + zacheta */
.outro__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  gap:clamp(28px,4vw,56px);align-items:start}
.outro__proof{display:grid;gap:14px}
.proof{padding:20px 22px;border-radius:20px;background:var(--cream);border:1px solid var(--line)}
.proof b{display:block;font-size:clamp(26px,2.6vw,34px);font-weight:800;color:var(--brand);line-height:1.05}
.proof span{display:block;margin-top:6px;font-size:var(--t-tiny);color:var(--ink-mid);line-height:1.5}
.outro__cta{margin-top:clamp(34px,4vw,54px);display:flex;flex-wrap:wrap;gap:20px;
  align-items:center;justify-content:space-between;
  padding:clamp(26px,3vw,40px);border-radius:var(--radius);
  background:linear-gradient(120deg,var(--brand) 0%,var(--brand-mid) 60%,#5A56B8 100%)}
.outro__cta h2{color:#fff;font-size:clamp(22px,2.4vw,32px);max-width:24ch}

@media (max-width:980px){
  .hero--page__in,.outro__in{grid-template-columns:1fr}
  .outro__cta{flex-direction:column;align-items:flex-start}
}

/* ==========================================================================
   Blog: lista i wpis
   ========================================================================== */

.hero--blog{padding-bottom:clamp(30px,3vw,46px)}
.blog-head{max-width:64ch}
.blog-head .lead{margin-top:18px}
.blog-cats{margin-top:26px}
.blog-cats .pill{color:var(--brand-dark)}
.blog-cats .pill:hover{background:var(--brand);color:#fff}

/* Wyrozniony wpis */
.post-lead{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;color:var(--ink);
  box-shadow:0 30px 70px -52px rgba(43,44,82,.85);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.post-lead:hover{transform:translateY(-4px);color:var(--ink);border-color:var(--brand);
  box-shadow:0 36px 80px -46px rgba(43,44,82,.9)}
.post-lead__shot{display:block;border:0;border-radius:0;aspect-ratio:4/3;overflow:hidden}
.post-lead__shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-lead:hover .post-lead__shot img{transform:scale(1.04)}
.post-lead__body{display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,44px);
  justify-content:center}
.post-lead h2{font-size:clamp(24px,2.4vw,34px);line-height:1.18}
.post-lead__excerpt{color:var(--ink-mid);font-size:var(--t-small);line-height:1.65}
.post-lead__more,.post-card__more{display:inline-flex;align-items:center;gap:8px;margin-top:4px;
  font-size:var(--t-small);font-weight:600;color:var(--brand)}
.post-lead__more i,.post-card__more i{font-style:normal;transition:transform .25s var(--ease)}
.post-lead:hover .post-lead__more i,.post-card:hover .post-card__more i{transform:translateX(4px)}

/* Metryka wpisu */
.post-meta{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;font-weight:600;color:var(--brand)}
.post-meta i{width:4px;height:4px;border-radius:50%;background:var(--accent);flex:none}

/* Karty wpisow */
.posts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.post-card{position:relative;display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.post-card:hover{transform:translateY(-5px);border-color:var(--brand);
  box-shadow:0 26px 54px -38px rgba(43,44,82,.85)}
.post-card__link{position:absolute;inset:0;z-index:2}
.post-card__body{display:flex;flex-direction:column;gap:10px;padding:24px;flex:1}
.post-card h2,.post-card h3{font-size:var(--t-h3);line-height:1.25}
.post-card__excerpt{font-size:var(--t-tiny);color:var(--ink-mid);line-height:1.65}
.post-card__more{margin-top:auto}

/* Wpis */
.entry__hero{padding-block:clamp(40px,4.4vw,70px) clamp(22px,2.4vw,34px);
  background:radial-gradient(900px 520px at 80% -20%,rgba(201,173,242,.32),transparent 60%),
             linear-gradient(170deg,var(--cream) 0%,#fff 62%)}
.entry__head{max-width:74ch}
.entry__crumbs{font-size:var(--t-tiny);letter-spacing:.1em;text-transform:uppercase;font-weight:600;
  color:var(--brand);display:flex;gap:9px;align-items:center}
.entry__crumbs a{color:var(--brand)}
.entry__head h1{margin-top:16px;font-size:clamp(30px,3.6vw,48px)}
.entry__head .lead{margin-top:18px}
.entry__meta{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:var(--t-tiny);
  color:var(--ink-soft)}
.entry__meta i{width:4px;height:4px;border-radius:50%;background:var(--accent)}
.entry__cover{aspect-ratio:16/9;margin-top:6px}
.entry__body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(30px,4vw,64px);
  align-items:start;padding-block:clamp(40px,4.4vw,72px)}
.entry__prose{max-width:70ch}
.entry__side{position:sticky;top:104px;display:grid;gap:16px}
.entry__card{padding:26px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);
  box-shadow:0 26px 54px -44px rgba(43,44,82,.8);display:grid;gap:12px}
.entry__card-title{font-size:var(--t-h3);font-weight:800;line-height:1.25}
.entry__slot{display:flex;align-items:center;gap:12px;font-size:var(--t-tiny);color:var(--ink-mid)}
.entry__more h2{margin-bottom:8px}

/* Cytat i wyroznienie w tresci wpisu */
.prose blockquote{margin:28px 0;padding:22px 26px;border-radius:20px;background:var(--cream);
  border-left:4px solid var(--brand);color:var(--ink);font-size:clamp(17px,1.4vw,19px);line-height:1.6}
.prose blockquote p:last-child{margin-bottom:0}

@media (max-width:1040px){
  .post-lead{grid-template-columns:1fr}
  .entry__body{grid-template-columns:1fr}
  .entry__side{position:static}
  .posts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .posts__grid{grid-template-columns:1fr}
}