/* =========================================================================
   Wnętrza z Pazurem — komponenty poza wpisem:
   strona główna, archiwa, strony statyczne, wyszukiwarka, 404.
   Ładowane po article.css, korzystają z tych samych tokenów.
   ========================================================================= */

/* ------------------------- hero sekcji/archiwum ------------------------- */
.wz-phero{padding-top:52px;padding-bottom:8px;}
.wz-phero__in{display:flex;flex-direction:column;gap:18px;max-width:820px;}
.wz-phero__eyebrow{font-weight:600;font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--wz-accent);}
.wz-phero h1{font-family:var(--wz-display);font-weight:400;font-size:52px;line-height:1.14;color:var(--wz-graphite);letter-spacing:-.015em;text-wrap:pretty;}
.wz-phero p{font-size:19px;line-height:1.65;color:var(--wz-ink-2);max-width:660px;text-wrap:pretty;}
.wz-phero__rule{margin-top:34px;border-top:1px solid var(--wz-line);}

/* --------------------------- artykuł wiodący ---------------------------- */
.wz-lead-story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;align-items:center;
  background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:var(--wz-r-card);padding:20px;text-decoration:none;
  transition:box-shadow .2s,transform .2s;}
.wz-lead-story:hover{box-shadow:var(--wz-shadow-hover);transform:translateY(-2px);}
.wz-lead-story__media{border-radius:var(--wz-r-media);overflow:hidden;aspect-ratio:4/3;background:repeating-linear-gradient(135deg,var(--wz-sand) 0 14px,#E7DCCD 14px 28px);}
.wz-lead-story__media img{width:100%;height:100%;object-fit:cover;}
.wz-lead-story__txt{display:flex;flex-direction:column;gap:14px;padding-right:24px;}
.wz-lead-story__cat{font-weight:600;font-size:10px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--wz-accent);}
.wz-lead-story h2{font-family:var(--wz-display);font-weight:400;font-size:38px;line-height:1.2;color:var(--wz-graphite);letter-spacing:-.01em;text-wrap:pretty;}
.wz-lead-story p{font-size:17px;line-height:1.7;color:var(--wz-ink-2);}
.wz-lead-story__meta{font-size:13px;line-height:1;color:var(--wz-muted);}

/* ------------------------ karty „ścieżek” / pokoi ----------------------- */
.wz-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.wz-pathcard{text-decoration:none;display:flex;flex-direction:column;gap:12px;background:var(--wz-surface);
  border:1px solid var(--wz-line);border-radius:var(--wz-r-card);padding:12px;transition:box-shadow .2s,transform .2s;}
.wz-pathcard:hover{box-shadow:var(--wz-shadow-hover);transform:translateY(-3px);}
.wz-pathcard__media{border-radius:var(--wz-r-media);overflow:hidden;aspect-ratio:4/3;background:repeating-linear-gradient(135deg,var(--wz-sand) 0 12px,#E7DCCD 12px 24px);}
.wz-pathcard__media img{width:100%;height:100%;object-fit:cover;}
.wz-pathcard__body{display:flex;flex-direction:column;gap:8px;padding:4px 8px 10px;}
.wz-pathcard b{font-family:var(--wz-display);font-weight:500;font-size:21px;line-height:1.3;color:var(--wz-graphite);}
.wz-pathcard p{font-size:15px;line-height:1.6;color:var(--wz-ink-2);}
.wz-pathcard__body > span{margin-top:2px;font-weight:500;font-size:12px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:var(--wz-accent);}

/* ------------------------------ o nas ----------------------------------- */
.wz-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;}
.wz-about__txt{display:flex;flex-direction:column;gap:16px;}
.wz-about__txt h2{font-family:var(--wz-display);font-weight:500;font-size:34px;line-height:1.25;color:var(--wz-graphite);letter-spacing:-.01em;}
.wz-about__txt h3{font-family:var(--wz-display);font-weight:500;font-size:22px;line-height:1.35;color:var(--wz-graphite);margin-top:6px;}
.wz-about__txt p{font-size:17px;line-height:1.75;color:var(--wz-ink-2);}
.wz-about__media{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.wz-about__media img{width:100%;height:100%;object-fit:cover;border-radius:var(--wz-r-card);aspect-ratio:3/4;}
.wz-about__media img:nth-child(2){margin-top:34px;}

/* --------------------------- pasek newslettera -------------------------- */
.wz-band{background:var(--wz-accent-bg);border:1px solid var(--wz-accent-line);border-radius:var(--wz-r-card);
  padding:44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:40px;align-items:center;}
.wz-band__txt{display:flex;flex-direction:column;gap:10px;}
.wz-band__txt b{font-family:var(--wz-display);font-weight:500;font-size:28px;line-height:1.3;color:var(--wz-graphite);}
.wz-band__txt span{font-size:15px;line-height:1.6;color:var(--wz-ink-2);}
.wz-band form{display:flex;gap:10px;}
.wz-band input{flex:1;min-width:0;background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:999px;
  padding:15px 20px;font:400 15px/1 var(--wz-body);color:var(--wz-ink);}
.wz-band input::placeholder{color:var(--wz-muted);}

/* ------------------------------ archiwum -------------------------------- */
.wz-archive{padding-top:38px;display:flex;flex-direction:column;gap:34px;}
.wz-archive__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.wz-archive__empty{background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:var(--wz-r-card);
  padding:44px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;}
.wz-archive__empty b{font-family:var(--wz-display);font-weight:500;font-size:24px;color:var(--wz-graphite);}
.wz-archive__empty p{font-size:16px;line-height:1.65;color:var(--wz-ink-2);max-width:440px;}

.wz-pager{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding-top:10px;}
.wz-pager a,.wz-pager span{min-width:42px;height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--wz-line);border-radius:999px;background:var(--wz-surface);text-decoration:none;
  font:500 14px/1 var(--wz-body);color:var(--wz-ink-2);}
.wz-pager a:hover{border-color:var(--wz-accent);color:var(--wz-accent);}
.wz-pager .current{background:var(--wz-graphite);border-color:var(--wz-graphite);color:var(--wz-bg);}
.wz-pager .dots{border-color:transparent;background:transparent;}

/* -------------------------- szukajka na stronie ------------------------- */
.wz-bigsearch{display:flex;gap:10px;max-width:520px;}
.wz-bigsearch input{flex:1;min-width:0;background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:999px;
  padding:15px 20px;font:400 16px/1 var(--wz-body);color:var(--wz-ink);}
.wz-bigsearch input::placeholder{color:var(--wz-muted);}
.wz-bigsearch input:focus{outline:none;border-color:var(--wz-accent);}

/* ------------------------- strona statyczna ----------------------------- */
.wz-single-col{padding-top:44px;display:flex;flex-direction:column;gap:34px;max-width:var(--wz-measure);}
.wz-single-col--wide{max-width:900px;}

/* --------------------------------- 404 ---------------------------------- */
.wz-404{padding:72px 0 40px;display:flex;flex-direction:column;gap:22px;max-width:640px;}
.wz-404__code{font-family:var(--wz-display);font-weight:400;font-size:96px;line-height:1;color:var(--wz-accent);letter-spacing:-.03em;}
.wz-404 h1{font-family:var(--wz-display);font-weight:400;font-size:40px;line-height:1.18;color:var(--wz-graphite);letter-spacing:-.015em;}
.wz-404 p{font-size:18px;line-height:1.7;color:var(--wz-ink-2);}

/* ------------------------------ responsive ------------------------------ */
@media (max-width:1180px){
  .wz-paths{grid-template-columns:repeat(3,1fr);}
}

@media (max-width:1024px){
  .wz-phero h1{font-size:42px;}
  .wz-lead-story{grid-template-columns:1fr;gap:20px;}
  .wz-lead-story__txt{padding-right:0;}
  .wz-lead-story h2{font-size:30px;}
  .wz-paths{grid-template-columns:repeat(2,1fr);}
  .wz-about{grid-template-columns:1fr;gap:32px;}
  .wz-about__media img:nth-child(2){margin-top:0;}
  .wz-band{grid-template-columns:1fr;gap:22px;padding:32px;}
  .wz-archive__grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:720px){
  .wz-phero{padding-top:26px;}
  .wz-phero h1{font-size:32px;}
  .wz-phero p{font-size:17px;}
  .wz-phero__rule{margin-top:24px;}

  .wz-lead-story{padding:12px;gap:14px;}
  .wz-lead-story h2{font-size:24px;}
  .wz-lead-story p{font-size:16px;}

  .wz-paths{grid-template-columns:1fr;gap:12px;}
  .wz-pathcard{flex-direction:row;align-items:center;gap:12px;}
  .wz-pathcard__media{flex:none;width:104px;aspect-ratio:1;}
  .wz-pathcard__body{padding:0;gap:5px;}
  .wz-pathcard b{font-size:17px;}
  .wz-pathcard p{font-size:14px;}

  .wz-about__txt h2{font-size:26px;}
  .wz-about__media{gap:10px;}

  .wz-band{padding:22px;}
  .wz-band__txt b{font-size:21px;}
  .wz-band form{flex-direction:column;}
  .wz-band .wz-btn{width:100%;padding:16px;}

  .wz-archive{padding-top:20px;gap:22px;}
  .wz-archive__grid{grid-template-columns:1fr;gap:12px;}
  .wz-archive__empty{padding:28px;}

  .wz-bigsearch{flex-direction:column;}
  .wz-single-col{padding-top:24px;gap:22px;}

  .wz-404{padding:44px 0 24px;}
  .wz-404__code{font-size:64px;}
  .wz-404 h1{font-size:28px;}
}

/* ---------------------------------------------------------------------------
   Zabezpieczenie przed poziomym przewijaniem.
   Element siatki lub flexa ma domyślnie min-width:auto, więc długie słowo
   (adres e-mail w stopce, tytuł bez spacji) rozpycha kolumnę ponad jej szerokość.
   --------------------------------------------------------------------------- */
.wz-grid3 > *,
.wz-grid4 > *,
.wz-paths > *,
.wz-archive__grid > *,
.wz-duo > *,
.wz-footer__in > *,
.wz-about > *,
.wz-band > *,
.wz-lead-story > *,
.wz-postcard > *,
.wz-pathcard > *{min-width:0;}

.wz-postcard h3,
.wz-pathcard b,
.wz-pathcard p,
.wz-lead-story h2,
.wz-tile b,
.wz-fcol a,
.wz-poplist a,
.wz-toc a,
.wz-crumbs a,
.wz-content a{overflow-wrap:break-word;}

/* adres e-mail w stopce potrafi nie mieć żadnego miejsca na złamanie */
.wz-fcol a[href^="mailto:"]{overflow-wrap:anywhere;}

/* przycisk ponownego otwarcia banera cookies (stopka) */
.wz-cookie-settings{background:none;border:0;padding:0;margin-left:14px;font:inherit;color:var(--wz-foot-link);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.wz-cookie-settings:hover{color:var(--wz-foot-accent);}