/* =========================================================================
   Wnętrza z Pazurem — szablon wpisu blogowego
   Realizacja projektu "Wnetrza z Pazurem - Szablon wpisu.dc.html"
   Tokeny, komponenty i typografia treści.
   ========================================================================= */

:root{
  /* powierzchnie */
  --wz-bg:#FBF8F4;
  --wz-surface:#ffffff;
  --wz-surface-2:#F2EFE9;
  --wz-sand:#EFE7DC;
  --wz-line:#E3D9CB;
  --wz-line-soft:#EFE9DF;

  /* tekst */
  --wz-graphite:#26241F;
  --wz-ink:#3A362F;
  --wz-ink-2:#4A453D;
  --wz-muted:#756D62;
  --wz-muted-2:#6E675E;

  /* akcent */
  --wz-accent:#9C4F35;
  --wz-accent-dark:#7E3D27;
  --wz-accent-bg:#F5EAE4;
  --wz-accent-line:#EBD8CE;
  --wz-accent-rule:#D9BDB1;

  /* stany semantyczne */
  --wz-tip-bg:#F3F5F1;      --wz-tip-line:#DCE2D6;  --wz-tip-ink:#4F6144;  --wz-tip-chip:#E4EADD;
  --wz-warn-bg:#FDF6EC;     --wz-warn-line:#EFDFC6; --wz-warn-ink:#8A5A1A; --wz-warn-chip:#F6E8CF;
  --wz-avoid-bg:#FBF1EE;    --wz-avoid-line:#EFD9D2;--wz-avoid-ink:#9A3F2C;

  /* stopka */
  --wz-foot-bg:#26241F;
  --wz-foot-line:#3A362F;
  --wz-foot-link:#E3DCD1;
  --wz-foot-muted:#A79D90;
  --wz-foot-accent:#D9A88F;
  --wz-foot-body:#B6ADA0;

  /* typografia */
  --wz-display:'Newsreader',Georgia,'Iowan Old Style','Times New Roman',serif;
  --wz-body:'Karla',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* geometria */
  --wz-container:1240px;
  --wz-measure:720px;
  --wz-aside:340px;
  --wz-gutter:40px;
  --wz-r-card:4px;
  --wz-r-media:3px;
  --wz-shadow-hover:0 18px 36px -26px rgba(38,36,31,.55);
}

/* ---- reset: zerowa specyficzność, każda reguła komponentu wygrywa ---- */
:where(.wz-page){
  margin:0;
  background:var(--wz-bg);
  color:var(--wz-ink);
  font-family:var(--wz-body);
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
:where(.wz-page h1,.wz-page h2,.wz-page h3,.wz-page h4,.wz-page h5,.wz-page h6,
       .wz-page p,.wz-page figure,.wz-page blockquote,.wz-page dl,.wz-page dd){margin:0;}
:where(.wz-page ul,.wz-page ol){margin:0;padding:0;}
:where(.wz-page img){max-width:100%;height:auto;display:block;}
:where(.wz-page button){font:inherit;color:inherit;}
:where(.wz-page table){border-collapse:collapse;width:100%;}
.wz-page *,.wz-page *::before,.wz-page *::after{box-sizing:border-box;}

.wz-page :where(a){color:var(--wz-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.wz-page a:hover{color:var(--wz-accent-dark);}
.wz-page *:focus-visible{outline:2px solid var(--wz-accent);outline-offset:3px;border-radius:2px;}

.wz-shell{max-width:var(--wz-container);margin:0 auto;padding-inline:var(--wz-gutter);}
.wz-eyebrow{font-weight:600;font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;}
.wz-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* =========================== NAGŁÓWEK =================================== */
.wz-header{background:var(--wz-bg);border-bottom:1px solid var(--wz-line);}
.wz-header__in{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:22px;}
.wz-brand{display:flex;flex-direction:row;align-items:center;gap:12px;text-decoration:none;flex:none;}
.wz-brand__mark{width:42px;height:42px;flex:none;display:block;}
.wz-brand__txt{display:flex;flex-direction:column;gap:2px;min-width:0;}
.wz-brand__name{font-family:var(--wz-display);font-weight:500;font-size:25px;line-height:1;color:var(--wz-graphite);letter-spacing:-.01em;}
.wz-brand__name em{font-style:italic;color:var(--wz-accent);}
.wz-brand__tag{font-weight:500;font-size:9px;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--wz-muted);}

.wz-nav{display:flex;align-items:center;gap:26px;}
.wz-nav a{font-size:14px;line-height:1;color:var(--wz-ink-2);text-decoration:none;padding-block:8px;border-bottom:2px solid transparent;white-space:nowrap;}
.wz-nav a:hover{color:var(--wz-accent);border-bottom-color:var(--wz-line);}
.wz-nav a.is-current{color:var(--wz-graphite);font-weight:500;border-bottom-color:var(--wz-accent);}

.wz-search{display:flex;align-items:center;gap:10px;background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:999px;padding:8px 16px;width:210px;flex:none;}
.wz-search:focus-within{border-color:var(--wz-accent);}
.wz-search input{border:0;background:transparent;font:400 13px/1.4 var(--wz-body);color:var(--wz-ink);width:100%;padding:2px 0;}
.wz-search input::placeholder{color:var(--wz-muted);}
.wz-search input:focus{outline:none;}
.wz-search svg{flex:none;color:var(--wz-muted);}

.wz-burger{display:none;width:44px;height:44px;border:1px solid var(--wz-line);border-radius:8px;background:var(--wz-surface);flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer;flex:none;}
.wz-burger span{width:18px;height:1.5px;background:var(--wz-graphite);display:block;}

.wz-mobnav{display:none;background:var(--wz-surface);border-bottom:1px solid var(--wz-line);padding:8px var(--wz-gutter) 16px;flex-direction:column;}
.wz-mobnav.is-open{display:flex;}
.wz-mobnav a{padding:14px 0;font-size:17px;line-height:1.2;color:var(--wz-ink);text-decoration:none;border-bottom:1px solid var(--wz-line-soft);}
.wz-mobnav a:last-child{border-bottom:0;}

/* pasek sticky + postęp czytania */
.wz-sticky{position:fixed;inset-inline:0;top:0;z-index:60;padding:10px var(--wz-gutter);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility .22s;}
.wz-sticky.is-on{opacity:1;visibility:visible;transform:none;}
.wz-sticky__in{max-width:var(--wz-container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 22px;background:rgba(251,248,244,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--wz-line);border-radius:999px;box-shadow:0 10px 24px -18px rgba(38,36,31,.6);}
.wz-sticky__brand{font-family:var(--wz-display);font-weight:500;font-size:16px;line-height:1;color:var(--wz-graphite);text-decoration:none;flex:none;}
.wz-sticky__title{font-size:13px;line-height:1.3;color:var(--wz-muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}
.wz-sticky__bar{flex:none;width:180px;height:3px;background:var(--wz-line);border-radius:999px;overflow:hidden;}
.wz-sticky__bar i{display:block;height:100%;width:0;background:var(--wz-accent);}
.wz-sticky__top{flex:none;background:none;border:0;font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--wz-accent);cursor:pointer;}

/* ============================= HERO ===================================== */
.wz-hero{padding-top:44px;}
.wz-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.4;color:var(--wz-muted);margin-bottom:26px;}
.wz-crumbs a{color:var(--wz-muted);text-decoration:none;}
.wz-crumbs a:hover{color:var(--wz-accent);}
.wz-crumbs [aria-current]{color:var(--wz-ink-2);}

.wz-hero__grid{display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:56px;align-items:end;}
.wz-hero__main{display:flex;flex-direction:column;gap:22px;}
.wz-pill{align-self:flex-start;font-weight:600;font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--wz-accent);background:var(--wz-accent-bg);border:1px solid var(--wz-accent-line);padding:8px 14px;border-radius:999px;text-decoration:none;}
.wz-pill:hover{background:#F0DFD6;color:var(--wz-accent-dark);}

.wz-title{font-family:var(--wz-display);font-weight:400;font-size:56px;line-height:1.12;color:var(--wz-graphite);letter-spacing:-.015em;text-wrap:pretty;}
.wz-lead{font-size:20px;line-height:1.65;color:var(--wz-ink-2);max-width:660px;text-wrap:pretty;}

.wz-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:6px;font-size:13px;color:var(--wz-muted-2);}
.wz-meta__who{display:flex;align-items:center;gap:12px;}
.wz-meta__avatar{width:42px;height:42px;border-radius:50%;flex:none;overflow:hidden;background:repeating-linear-gradient(135deg,var(--wz-sand) 0 6px,var(--wz-line) 6px 12px);}
.wz-meta__avatar img{width:100%;height:100%;object-fit:cover;}
.wz-meta__name{display:flex;flex-direction:column;gap:3px;}
.wz-meta__name b{font-weight:500;font-size:14px;line-height:1;color:var(--wz-graphite);}
.wz-meta__name span{font-size:13px;line-height:1;color:var(--wz-muted);}
.wz-meta__sep{width:1px;height:28px;background:var(--wz-line);}
.wz-meta a{color:var(--wz-muted-2);text-decoration:none;border-bottom:1px solid var(--wz-line);}
.wz-meta a:hover{color:var(--wz-accent);}

.wz-share{display:flex;flex-direction:column;gap:12px;align-items:flex-end;padding-bottom:6px;}
.wz-share__label{font-weight:500;font-size:10px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--wz-muted);}
.wz-share__row{display:flex;gap:8px;}
.wz-share__btn{width:38px;height:38px;border:1px solid var(--wz-line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--wz-ink-2);text-decoration:none;background:var(--wz-surface);cursor:pointer;flex:none;}
.wz-share__btn:hover{border-color:var(--wz-accent);color:var(--wz-accent);}
.wz-share__copy{height:38px;padding:0 16px;border:1px solid var(--wz-line);border-radius:999px;display:flex;align-items:center;font-weight:500;font-size:12px;line-height:1;color:var(--wz-ink-2);background:var(--wz-surface);cursor:pointer;white-space:nowrap;}
.wz-share__copy:hover{border-color:var(--wz-accent);color:var(--wz-accent);}

.wz-figure{margin-top:38px;}
.wz-figure img{width:100%;border-radius:var(--wz-r-card);object-fit:cover;}
.wz-figure figcaption,.wz-caption{margin-top:12px;font-style:italic;font-size:13px;line-height:1.6;color:var(--wz-muted);}

/* ============================ UKŁAD ===================================== */
.wz-body{padding-top:56px;display:grid;grid-template-columns:minmax(0,1fr) var(--wz-aside);gap:72px;align-items:start;}
.wz-main{display:flex;flex-direction:column;gap:34px;max-width:var(--wz-measure);min-width:0;}

/* --------------------- karta „W skrócie" ------------------------------- */
.wz-tldr{background:var(--wz-surface);border:1px solid var(--wz-line);border-left:3px solid var(--wz-accent);border-radius:var(--wz-r-card);padding:30px 34px;display:flex;flex-direction:column;gap:16px;}
.wz-tldr__label{color:var(--wz-accent);}
.wz-tldr ul{list-style:none;display:flex;flex-direction:column;gap:12px;}
.wz-tldr li{display:flex;gap:14px;font-size:17px;line-height:1.6;color:var(--wz-ink);}
.wz-tldr li b{color:var(--wz-accent);font-weight:600;flex:none;font-variant-numeric:tabular-nums;}

/* ==================== TYPOGRAFIA TREŚCI WPISU =========================== */
.wz-content{display:flex;flex-direction:column;gap:0;}
.wz-content > * + *{margin-top:26px;}

.wz-content p,.wz-content li{font-size:19px;line-height:1.75;color:var(--wz-ink);}
.wz-content h2{font-family:var(--wz-display);font-weight:500;font-size:34px;line-height:1.25;color:var(--wz-graphite);letter-spacing:-.01em;margin-top:48px;scroll-margin-top:110px;}
.wz-content h3{font-family:var(--wz-body);font-weight:600;font-size:21px;line-height:1.4;color:var(--wz-graphite);letter-spacing:-.005em;margin-top:34px;scroll-margin-top:110px;}
.wz-content h4{font-family:var(--wz-body);font-weight:600;font-size:18px;line-height:1.45;color:var(--wz-graphite);margin-top:28px;}
.wz-content h2 + p,.wz-content h3 + p,.wz-content h4 + p{margin-top:14px;}

.wz-content a{color:var(--wz-accent);text-decoration:underline;text-decoration-color:var(--wz-accent-rule);text-decoration-thickness:1px;text-underline-offset:3px;}
.wz-content a:hover{color:var(--wz-accent-dark);text-decoration-color:currentColor;}
.wz-content strong{font-weight:600;color:var(--wz-graphite);}

.wz-content ul,.wz-content ol{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px;}
.wz-content ul > li{position:relative;padding-left:26px;}
.wz-content ul > li::before{content:"";position:absolute;left:6px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--wz-accent-rule);}
.wz-content ol{counter-reset:wz-step;}
.wz-content ol > li{position:relative;padding-left:46px;counter-increment:wz-step;min-height:30px;}
.wz-content ol > li::before{content:counter(wz-step);position:absolute;left:0;top:.12em;width:30px;height:30px;border-radius:50%;background:var(--wz-accent-bg);border:1px solid var(--wz-accent-line);color:var(--wz-accent);font:600 14px/28px var(--wz-body);text-align:center;}
.wz-content li > ul,.wz-content li > ol{margin-top:12px;}

.wz-content blockquote{padding:26px 0 26px 30px;border-left:2px solid var(--wz-accent);display:flex;flex-direction:column;gap:14px;}
.wz-content blockquote p{font-family:var(--wz-display);font-style:italic;font-weight:400;font-size:25px;line-height:1.5;color:var(--wz-graphite);}
.wz-content blockquote cite{font-family:var(--wz-body);font-style:normal;font-weight:500;font-size:13px;line-height:1.5;letter-spacing:.06em;color:var(--wz-muted-2);}

.wz-content figure{display:flex;flex-direction:column;gap:10px;}
.wz-content figure img{width:100%;border-radius:var(--wz-r-card);}
.wz-content figcaption{font-style:italic;font-size:13px;line-height:1.6;color:var(--wz-muted);}
.wz-content img{border-radius:var(--wz-r-card);}
.wz-content hr{border:0;border-top:1px solid var(--wz-line);margin-block:8px;}

/* tabela porównawcza */
.wz-tablewrap{border:1px solid var(--wz-line);border-radius:var(--wz-r-card);overflow:hidden;background:var(--wz-surface);}
.wz-tablewrap > div{overflow-x:auto;}
.wz-content table{width:100%;}
.wz-content th{text-align:left;padding:15px 20px;font-weight:600;font-size:12px;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--wz-ink-2);background:var(--wz-surface-2);border-bottom:1px solid var(--wz-line);}
.wz-content td{padding:16px 20px;font-size:16px;line-height:1.55;color:var(--wz-ink);border-bottom:1px solid var(--wz-line-soft);vertical-align:top;}
.wz-content tbody tr:nth-child(even){background:#FCFAF7;}
.wz-content tbody tr:last-child td{border-bottom:0;}

/* -------------------------- callouty ------------------------------------ */
.wz-note{border-radius:var(--wz-r-card);padding:24px 28px;display:flex;gap:18px;align-items:flex-start;}
.wz-note__chip{flex:none;font-weight:600;font-size:10px;line-height:1;letter-spacing:.14em;text-transform:uppercase;padding:8px 10px;border-radius:999px;}
.wz-note p,.wz-note li{font-size:17px;line-height:1.65;color:var(--wz-ink);}
.wz-note--tip{background:var(--wz-tip-bg);border:1px solid var(--wz-tip-line);}
.wz-note--tip .wz-note__chip{color:var(--wz-tip-ink);background:var(--wz-tip-chip);}
.wz-note--warn{background:var(--wz-warn-bg);border:1px solid var(--wz-warn-line);}
.wz-note--warn .wz-note__chip{color:var(--wz-warn-ink);background:var(--wz-warn-chip);}
.wz-note--avoid{background:var(--wz-avoid-bg);border:1px solid var(--wz-avoid-line);flex-direction:column;gap:14px;padding:26px 30px;}
.wz-note--avoid .wz-note__chip{background:none;padding:0;color:var(--wz-avoid-ink);align-self:flex-start;}
.wz-note--avoid ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.wz-note--avoid li{position:relative;padding-left:26px;}
.wz-note--avoid li::before{content:"";position:absolute;left:6px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--wz-avoid-ink);opacity:.55;}

/* ---------------------- CTA „Czytaj dalej" ------------------------------ */
.wz-cta{background:var(--wz-graphite);border-radius:var(--wz-r-card);padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:28px;}
.wz-cta__label{font-weight:600;font-size:10px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#C7B9A6;}
.wz-cta p{font-family:var(--wz-display);font-size:22px;line-height:1.4;color:var(--wz-bg);margin-top:8px;}
.wz-cta__btn{flex:none;background:var(--wz-bg);color:var(--wz-graphite);font-weight:500;font-size:14px;line-height:1;text-decoration:none;padding:15px 24px;border-radius:999px;}
.wz-cta__btn:hover{background:#E8DFD1;color:var(--wz-graphite);}

/* ------------------------------ FAQ ------------------------------------- */
.wz-faq{display:flex;flex-direction:column;gap:20px;padding-top:24px;}
.wz-faq h2{font-family:var(--wz-display);font-weight:500;font-size:34px;line-height:1.25;color:var(--wz-graphite);letter-spacing:-.01em;}
.wz-faq__list{display:flex;flex-direction:column;gap:10px;}
.wz-faq__item{border:1px solid var(--wz-line);border-radius:var(--wz-r-card);background:var(--wz-surface);overflow:hidden;}
.wz-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:transparent;border:0;cursor:pointer;text-align:left;font-weight:500;font-size:18px;line-height:1.45;color:var(--wz-graphite);}
.wz-faq__q:hover{background:#FAF7F2;}
.wz-faq__sign{flex:none;width:28px;height:28px;border:1px solid var(--wz-line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:var(--wz-accent);}
.wz-faq__a{padding:0 24px 22px;max-width:620px;}
.wz-faq__a p{font-size:17px;line-height:1.7;color:var(--wz-ink-2);}
.wz-faq__a p + p{margin-top:12px;}

/* ============================ SIDEBAR =================================== */
.wz-aside{display:flex;flex-direction:column;gap:24px;position:sticky;top:96px;}
.wz-card{background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:var(--wz-r-card);padding:24px;}
.wz-card__label{display:block;font-weight:600;font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--wz-muted);margin-bottom:16px;}

.wz-toc ul{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:min(58vh,560px);overflow-y:auto;}
.wz-toc a{display:block;padding:9px 0 9px 14px;border-left:2px solid var(--wz-line-soft);font-size:15px;line-height:1.45;color:var(--wz-muted-2);text-decoration:none;}
.wz-toc a:hover{color:var(--wz-accent);border-left-color:var(--wz-accent-rule);}
.wz-toc a.is-active{border-left-color:var(--wz-accent);font-weight:500;color:var(--wz-graphite);}

.wz-aside__title{font-family:var(--wz-display);font-weight:500;font-size:18px;line-height:1.35;color:var(--wz-graphite);display:block;margin-bottom:4px;}
.wz-poplist{display:flex;flex-direction:column;}
.wz-poplist a{font-size:15px;line-height:1.5;color:var(--wz-ink);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--wz-line-soft);}
.wz-poplist a:last-child{border-bottom:0;}
.wz-poplist a:hover{color:var(--wz-accent);}

/* mobilny spis treści */
.wz-toc-mob{display:none;border:1px solid var(--wz-line);border-radius:var(--wz-r-card);background:var(--wz-surface);overflow:hidden;}
.wz-toc-mob > button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:transparent;border:0;cursor:pointer;font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--wz-muted);}
.wz-toc-mob ul{list-style:none;padding:0 20px 16px;display:flex;flex-direction:column;gap:2px;}
.wz-toc-mob a{display:block;padding:9px 0 9px 14px;border-left:2px solid var(--wz-line-soft);font-size:16px;line-height:1.45;color:var(--wz-ink);text-decoration:none;}

/* ========================= MODUŁY KOŃCOWE =============================== */
.wz-end{padding-top:80px;display:flex;flex-direction:column;gap:72px;}
.wz-sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid var(--wz-line);padding-bottom:16px;margin-bottom:26px;}
.wz-sec__head h2{font-family:var(--wz-display);font-weight:500;font-size:30px;line-height:1.25;color:var(--wz-graphite);}
.wz-sec__head a{font-weight:500;font-size:13px;line-height:1;color:var(--wz-accent);text-decoration:none;}
.wz-sec > h2{font-family:var(--wz-display);font-weight:500;font-size:30px;line-height:1.25;color:var(--wz-graphite);margin-bottom:20px;}

.wz-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.wz-postcard{text-decoration:none;display:flex;flex-direction:column;gap:14px;background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:var(--wz-r-card);padding:14px;transition:box-shadow .2s,transform .2s;}
.wz-postcard:hover{box-shadow:var(--wz-shadow-hover);transform:translateY(-3px);}
.wz-postcard__media{height:210px;border-radius:var(--wz-r-media);overflow:hidden;background:repeating-linear-gradient(135deg,var(--wz-sand) 0 12px,#E7DCCD 12px 24px);}
.wz-postcard__media img{width:100%;height:100%;object-fit:cover;}
.wz-postcard__cat{font-weight:600;font-size:10px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--wz-accent);}
.wz-postcard h3{font-family:var(--wz-display);font-weight:500;font-size:21px;line-height:1.35;color:var(--wz-graphite);}
.wz-postcard__time{font-size:13px;line-height:1;color:var(--wz-muted);}

.wz-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.wz-tile{text-decoration:none;background:var(--wz-surface-2);border:1px solid var(--wz-line);border-radius:var(--wz-r-card);padding:22px;display:flex;flex-direction:column;gap:8px;}
.wz-tile:hover{background:#EBE5DA;}
.wz-tile b{font-family:var(--wz-display);font-weight:500;font-size:19px;line-height:1.3;color:var(--wz-graphite);}
.wz-tile span{font-size:13px;line-height:1.4;color:var(--wz-muted-2);}

.wz-duo{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:stretch;}
.wz-author{background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:var(--wz-r-card);padding:30px;display:flex;gap:22px;}
.wz-author__ava{flex:none;width:84px;height:84px;border-radius:50%;overflow:hidden;background:repeating-linear-gradient(135deg,var(--wz-sand) 0 8px,var(--wz-line) 8px 16px);}
.wz-author__ava img{width:100%;height:100%;object-fit:cover;}
.wz-author__txt{display:flex;flex-direction:column;gap:10px;}
.wz-author__txt b{font-family:var(--wz-display);font-weight:500;font-size:20px;line-height:1.3;color:var(--wz-graphite);}
.wz-author__txt p{font-size:16px;line-height:1.65;color:var(--wz-ink-2);}
.wz-link{font-weight:500;font-size:14px;line-height:1;color:var(--wz-accent);text-decoration:none;border-bottom:1px solid var(--wz-accent-rule);padding-bottom:3px;align-self:flex-start;}
.wz-link:hover{border-color:var(--wz-accent);}

.wz-news{background:var(--wz-accent-bg);border:1px solid var(--wz-accent-line);border-radius:var(--wz-r-card);padding:30px;display:flex;flex-direction:column;gap:16px;justify-content:center;}
.wz-news b{font-family:var(--wz-display);font-weight:500;font-size:22px;line-height:1.35;color:var(--wz-graphite);}
.wz-news__row{display:flex;gap:10px;}
.wz-news input{flex:1;min-width:0;background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:999px;padding:14px 18px;font:400 15px/1 var(--wz-body);color:var(--wz-ink);}
.wz-news input::placeholder{color:var(--wz-muted);}
.wz-btn{background:var(--wz-graphite);color:var(--wz-bg);border:0;border-radius:999px;padding:14px 24px;font:500 14px/1 var(--wz-body);cursor:pointer;white-space:nowrap;}
.wz-btn:hover{background:var(--wz-ink);}
.wz-news small{font-size:12px;line-height:1.5;color:var(--wz-muted-2);}

.wz-sharebar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--wz-line);border-bottom:1px solid var(--wz-line);padding:22px 0;}
.wz-sharebar > span{font-size:14px;line-height:1.4;color:var(--wz-muted-2);}

/* ============================ STOPKA ==================================== */
.wz-footer{margin-top:72px;background:var(--wz-foot-bg);padding:56px var(--wz-gutter) 28px;}
.wz-footer__in{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:44px;}
.wz-footer__brand{font-family:var(--wz-display);font-weight:500;font-size:23px;line-height:1;color:var(--wz-bg);text-decoration:none;}
.wz-footer__brand em{font-style:italic;color:var(--wz-foot-accent);}
.wz-footer p{font-size:15px;line-height:1.65;color:var(--wz-foot-body);margin-top:12px;}
.wz-fcol{display:flex;flex-direction:column;gap:10px;}
.wz-fcol > span:first-child{font-weight:600;font-size:10px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--wz-foot-muted);}
.wz-fcol a{font-size:14px;line-height:1.6;color:var(--wz-foot-link);text-decoration:none;}
.wz-fcol a:hover{color:var(--wz-foot-accent);}
.wz-fcol p{font-size:14px;line-height:1.6;color:var(--wz-foot-body);margin-top:0;}
.wz-fnews{display:flex;gap:8px;}
.wz-fnews input{flex:1;min-width:0;background:transparent;border:1px solid var(--wz-ink-2);border-radius:999px;padding:12px 16px;font:400 14px/1 var(--wz-body);color:var(--wz-foot-link);}
.wz-fnews input::placeholder{color:var(--wz-foot-muted);}
.wz-fnews button{background:var(--wz-bg);color:var(--wz-graphite);border:0;border-radius:999px;padding:0 18px;font:500 13px/1 var(--wz-body);cursor:pointer;}
.wz-fnews button:hover{background:var(--wz-foot-accent);}
.wz-fsoc{display:flex;gap:8px;padding-top:4px;}
.wz-fsoc a{width:32px;height:32px;border:1px solid var(--wz-foot-line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--wz-foot-link);text-decoration:none;}
.wz-fsoc a:hover{border-color:var(--wz-foot-accent);color:var(--wz-foot-accent);}
.wz-footer__bottom{max-width:1160px;margin:36px auto 0;padding-top:20px;border-top:1px solid var(--wz-foot-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:var(--wz-foot-muted);}

/* ====================== KOMENTARZE (natywne WP) ========================= */
.wz-comments{padding-top:72px;}
.wz-comments h2,.wz-comments .comments-title,.wz-comments .comment-reply-title{font-family:var(--wz-display);font-weight:500;font-size:30px;line-height:1.25;color:var(--wz-graphite);}
.wz-comments .comment-list{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:18px;}
.wz-comments .comment-list ol{list-style:none;padding-left:28px;}
.wz-comments .comment-body{background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:var(--wz-r-card);padding:20px 24px;}
.wz-comments p{font-size:17px;line-height:1.7;color:var(--wz-ink);}
.wz-comments input[type=text],.wz-comments input[type=email],.wz-comments input[type=url],.wz-comments textarea{width:100%;border:1px solid var(--wz-line);border-radius:var(--wz-r-card);padding:12px 14px;font:400 16px/1.5 var(--wz-body);color:var(--wz-ink);background:var(--wz-surface);}
.wz-comments .form-submit input,.wz-comments input[type=submit]{width:auto;background:var(--wz-graphite);color:var(--wz-bg);border:0;border-radius:999px;padding:14px 26px;font:500 14px/1 var(--wz-body);cursor:pointer;}
.wz-comments .comment-form > p{margin-top:14px;}
.wz-comments .comment-meta,.wz-comments .comment-metadata,.wz-comments .says{font-size:13px;color:var(--wz-muted);}

/* ============================ RESPONSIVE ================================ */
@media (max-width:1180px){
  :root{--wz-aside:300px;--wz-gutter:32px;}
  .wz-body{gap:48px;}
  .wz-nav{gap:18px;}
  .wz-nav a{font-size:13px;}
  .wz-search{width:170px;}
}

@media (max-width:1024px){
  .wz-header__in{gap:20px;}
  .wz-nav,.wz-search{display:none;}
  .wz-burger{display:flex;}
  .wz-header__in{justify-content:space-between;}
  .wz-hero__grid{grid-template-columns:1fr;gap:26px;align-items:start;}
  .wz-share{align-items:flex-start;}
  .wz-body{grid-template-columns:1fr;gap:40px;}
  .wz-aside{display:none;}
  .wz-toc-mob{display:block;}
  .wz-main{max-width:none;}
  .wz-title{font-size:44px;}
  .wz-grid3{grid-template-columns:repeat(2,1fr);}
  .wz-duo{grid-template-columns:1fr;}
  .wz-footer__in{grid-template-columns:1fr 1fr;gap:32px;}
}

@media (max-width:720px){
  :root{--wz-gutter:18px;}
  .wz-brand{gap:9px;}
  .wz-brand__mark{width:34px;height:34px;}
  .wz-brand__name{font-size:21px;}
  .wz-brand__tag{font-size:8px;letter-spacing:.2em;}
  .wz-sticky{padding:8px 12px;}
  .wz-sticky__title,.wz-sticky__top{display:none;}
  .wz-sticky__bar{flex:1;width:auto;}
  .wz-hero{padding-top:20px;}
  .wz-crumbs{font-size:12px;gap:8px;margin-bottom:16px;overflow-x:auto;white-space:nowrap;}
  .wz-title{font-size:34px;line-height:1.18;}
  .wz-lead{font-size:17px;}
  .wz-figure{margin-top:22px;}
  .wz-body{padding-top:26px;gap:28px;}
  .wz-main{gap:24px;}

  .wz-tldr{padding:20px;gap:12px;}
  .wz-tldr li{font-size:16px;gap:10px;}

  .wz-content > * + *{margin-top:20px;}
  .wz-content p,.wz-content li{font-size:17px;}
  .wz-content h2{font-size:26px;margin-top:34px;}
  .wz-content h3{font-size:19px;margin-top:26px;}
  .wz-content blockquote{padding:18px 0 18px 20px;}
  .wz-content blockquote p{font-size:21px;}
  .wz-note{padding:18px 20px;flex-direction:column;gap:12px;}
  .wz-note__chip{align-self:flex-start;}
  .wz-note p,.wz-note li{font-size:16px;}

  /* tabela → karty */
  .wz-tablewrap{border:0;background:transparent;}
  .wz-content table,.wz-content tbody,.wz-content tr,.wz-content td{display:block;width:100%;}
  .wz-content thead{display:none;}
  .wz-content tbody tr{background:var(--wz-surface)!important;border:1px solid var(--wz-line);border-radius:var(--wz-r-card);padding:6px 0;margin-bottom:12px;}
  .wz-content td{border-bottom:1px solid var(--wz-line-soft);padding:12px 18px;font-size:16px;}
  .wz-content tbody tr td:last-child{border-bottom:0;}
  .wz-content td[data-label]::before{content:attr(data-label);display:block;font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wz-muted);margin-bottom:5px;}

  .wz-cta{flex-direction:column;align-items:flex-start;gap:18px;padding:24px;}
  .wz-cta p{font-size:20px;}
  .wz-faq__q{font-size:16px;padding:16px 18px;gap:12px;}
  .wz-faq__a{padding:0 18px 18px;}
  .wz-faq h2,.wz-sec > h2,.wz-sec__head h2{font-size:26px;}

  .wz-end{padding-top:48px;gap:44px;}
  .wz-grid3{grid-template-columns:1fr;gap:12px;}
  .wz-postcard{flex-direction:row;align-items:center;gap:14px;padding:12px;}
  .wz-postcard__media{flex:none;width:96px;height:78px;}
  .wz-postcard h3{font-size:16px;}
  .wz-postcard__cat{font-size:9px;}
  .wz-grid4{grid-template-columns:1fr 1fr;gap:10px;}
  .wz-tile{padding:16px;min-height:56px;}
  .wz-author{padding:20px;gap:14px;}
  .wz-author__ava{width:56px;height:56px;}
  .wz-news{padding:20px;}
  .wz-news__row{flex-direction:column;}
  .wz-btn{padding:16px;width:100%;}
  .wz-sharebar{flex-direction:column;align-items:flex-start;gap:12px;}
  .wz-share__btn{width:46px;height:46px;}
  .wz-share__copy{height:46px;flex:1;justify-content:center;}
  .wz-footer{padding:28px 18px 20px;margin-top:44px;}
  .wz-footer__in{grid-template-columns:1fr 1fr;gap:18px;}
  .wz-footer__bottom{margin-top:24px;}
  .wz-comments{padding-top:44px;}
}

@media (prefers-reduced-motion:reduce){
  .wz-page *,.wz-page *::before,.wz-page *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important;}
}

@media print{
  .wz-sticky,.wz-aside,.wz-toc-mob,.wz-share,.wz-sharebar,.wz-news,.wz-footer,.wz-header__in > .wz-search,.wz-burger{display:none!important;}
  .wz-page{background:#fff;}
}
