@font-face { font-family: 'Petrona'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXxYtVsR.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Petrona'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXJYtQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Petrona'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXxYtVsR.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Petrona'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXJYtQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Petrona'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXxYtVsR.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Petrona'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXJYtQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
details.faq{margin-block:12px}
.podpis-tresci{display:block;margin:8px 0 22px;font-size:.84rem;line-height:1.5;color:var(--t2)}
[data-ramka]:not([id^="chart_"]){background:color-mix(in srgb,var(--akcent) 7%,var(--pow));color:var(--tekst);border-color:var(--linia)!important;border-radius:var(--r,12px)}
[id^="chart_"][id$="-container"]{background:var(--pow)!important;color:var(--tekst)!important;border-radius:var(--r,16px);padding:18px 14px 14px;box-shadow:0 0 0 1px var(--linia);box-sizing:border-box;margin:28px auto!important}
[id^="chart_"][id$="-container"] *{color:inherit!important;font-family:var(--f-t)}
[id^="chart_"][id$="-container"]>div:last-child{font-family:var(--f-n);font-size:1rem}
[id^="chart_"]{max-width:100%;overflow-x:auto}
[id^="chart_"] svg{background:transparent!important;max-width:100%;height:auto;font-family:var(--f-t)}
[id^="chart_"] rect{fill:var(--akcent);rx:6px}
[id^="chart_"] .tick text{font-size:13px}
[id^="chart_"] path[fill="none"]:not(.domain),[id^="chart_"] .line{stroke:var(--akcent)!important;stroke-width:3px}
[id^="chart_"] circle{fill:var(--dodatek);stroke:var(--pow)}
[id^="chart_"] text{fill:var(--tekst)!important;font-family:var(--f-t)}
[id^="chart_"] .domain,[id^="chart_"] .tick line{stroke:var(--linia)}
figure.obr-lewo{float:left!important;margin:.3em 1.6em 1em 0!important}figure.obr-prawo{float:right!important;margin:.3em 0 1em 1.6em!important}figure.obr-srodek{margin-left:auto!important;margin-right:auto!important}figure.obr-lewo,figure.obr-prawo{width:50%!important}figure.obr-w25{width:25%!important}figure.obr-w33{width:33.333%!important}figure.obr-w50{width:50%!important}figure.obr-w75{width:75%!important}figure[class*="obr-"] img{width:100%;height:auto}:has(>figure.obr-lewo,>figure.obr-prawo)::after{content:"";display:block;clear:both}@media(max-width:600px){figure.obr-lewo,figure.obr-prawo{float:none!important;width:auto!important;margin:0 0 1em!important}}
.ai-nota-k{display:flex;align-items:center;gap:10px;margin:0 0 22px!important;padding:8px 14px;border-radius:var(--r,14px);background:var(--pow);box-shadow:inset 4px 0 0 var(--akcent),0 0 0 1px var(--linia);color:var(--tekst);font-size:.9rem;line-height:1.45;max-width:none!important}
.ai-znak{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--akcent);color:var(--akcent-tekst);font:700 .72rem/1 var(--f-t);letter-spacing:.04em}
.ai-nota a{color:var(--akcent);font-weight:600}
.obraz-ai{display:block;margin:6px 0 0;font-size:.78rem;line-height:1.4;color:var(--t2);font-style:normal}
.ai-nota-p{margin:40px 0 8px;padding:18px 22px;border-radius:var(--r,14px);background:var(--pow);box-shadow:inset 4px 0 0 var(--akcent),0 0 0 1px var(--linia);font-size:.86rem;line-height:1.6;color:var(--t2)}
.ai-nota-p p{margin:0 0 8px;max-width:none!important}.ai-nota-p p:last-child{margin:0}.ai-nota-p b,.ai-nota-p strong{color:var(--tekst)}
.st-dokumenty{display:flex;flex-wrap:wrap;gap:6px 18px;box-sizing:border-box;width:100%;max-width:1200px;margin:22px auto 0;padding:0 0 4px;font-size:.9rem}@media(max-width:1240px){.st-dokumenty{padding:0 20px 4px}}.st-dokumenty a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.st-stopka-silnika{padding:24px 16px;background:var(--pow);color:var(--tekst)}
.st-pager{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.st-pager a,.st-pager span{min-width:42px;padding:9px 12px;box-sizing:border-box;border-radius:var(--r,12px);box-shadow:0 0 0 1px var(--linia);text-align:center;color:var(--tekst);background:var(--pow);text-decoration:none;font-weight:600}
.st-pager [aria-current]{background:var(--akcent);color:var(--akcent-tekst);box-shadow:none}
:has(> .kr),:has(> * > .kr){max-width:none!important}
.kr{container-type:inline-size;max-width:1080px}
.kr-uklad{display:grid;gap:28px}
@container (min-width:760px){.kr-uklad{grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:48px;align-items:start}.kr-boczna{position:sticky;top:24px}}
.kr-tekst>h3{margin:0 0 10px;font:700 1.25rem/1.3 var(--f-n);color:var(--tekst)}.kr-tekst>h3:not(:first-child){margin-top:30px}
.kr-tekst p,.kr-tekst li{max-width:none!important}
.kr-boczna h3{margin:0 0 12px;font:700 1.25rem/1.3 var(--f-n);color:var(--tekst)}
.kr-boczna .kf{max-width:none;margin:0}
.kf{position:relative;display:grid;gap:16px;margin:8px 0 4px;padding:24px;border-radius:var(--r,16px);background:var(--pow);box-shadow:0 0 0 1px var(--linia);max-width:640px}
.kf-pole{display:grid;gap:6px;font-weight:600;font-size:.95rem}.kf-pole[hidden],.kf-stan[hidden]{display:none}
.kf input[type=email],.kf input[type=text],.kf textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:calc(var(--r,16px) * .6);border:1.5px solid var(--linia);background:var(--tlo);color:var(--tekst);font:400 1rem/1.5 var(--f-t)}
.kf textarea{resize:vertical;min-height:140px}
.kf input:focus,.kf textarea:focus{outline:none;border-color:var(--akcent);box-shadow:0 0 0 3px var(--akcent-jasny)}
.kf-pokaz{justify-self:start;padding:10px 16px;border-radius:calc(var(--r,16px) * .6);border:1.5px dashed var(--akcent);background:color-mix(in srgb,var(--akcent) 16%,var(--pow));color:var(--tekst);font:600 .95rem var(--f-t);cursor:pointer}
.kf-tresc-pyt{font-weight:700}
.kf-wyslij{justify-self:start;padding:13px 26px;border:0;border-radius:calc(var(--r,16px) * .6);background:var(--akcent);color:var(--akcent-tekst);font:700 1rem var(--f-t);cursor:pointer}
.kf-wyslij:hover{background:var(--akcent-cien)}
.kf-pulapka{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.kf-info{margin:0!important;font-size:.82rem;color:var(--t2)}
.kf-stan{margin:0!important;padding:12px 16px;border-radius:calc(var(--r,16px) * .6);font-weight:600;color:var(--tekst)}
.mailrev{padding:3px 12px;border-radius:999px;border:1.5px solid var(--akcent);background:color-mix(in srgb,var(--akcent) 16%,var(--pow));color:var(--tekst);font:600 .9em var(--f-t);cursor:pointer}
.kf-ok{background:color-mix(in srgb,var(--akcent) 22%,var(--pow))}.kf-blad{background:color-mix(in srgb,var(--dodatek) 30%,var(--pow))}
:root { --tlo: #f6efe2;
  --pow: #fffdf8;
  --tekst: #2d1d13;
  --t2: #664e3f;
  --linia: #e2d3bc;
  --akcent: #586d28;
  --akcent-tekst: #ffffff;
  --dodatek: #a45c2c;
  --r: 14px;
  --f-n: "Petrona", "Petrona-Fallback", Georgia, "Times New Roman", serif;
  --f-t: "Figtree", "Figtree-Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --akcent-jasny: #e8eedb;
  --akcent-cien: #3e4e1b;
  --stopka: #3b2316;
  --stopka-tekst: #f3e6d3;
  --drewno: #422719;
  --drewno-ciemne: #2c180e;
  --zloto: #dfab4b;
  --krem-cieply: #efe4cf;
  --cien-karta: 0 6px 20px rgba(45, 29, 19, 0.07);
  --cien-polaroid: 0 10px 26px rgba(45, 29, 19, 0.16);
  --r-maly: 8px;
  --r-duzy: 20px;

  --kd-charakter: #7b4831;
  --kd-hodowla: #5c6f2b;
  --kd-pielegnacja: #3d6b7c;
  --kd-porady: #94501a;
  --kd-wyglad: #a94743;
  --kd-zdrowie: #4a6428; }
*,
*::before,
*::after { box-sizing: border-box; }
html { font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  overflow-x: clip; }
body { margin: 0;
  background-color: var(--tlo);
  background-image:
    radial-gradient(circle at 15% 10%, rgba(255, 253, 248, 0.65) 0%, transparent 45%),
    radial-gradient(circle at 85% 30%, rgba(226, 211, 188, 0.4) 0%, transparent 50%);
  color: var(--tekst);
  font-family: var(--f-t);
  font-size: 1rem;
  line-height: 1.6;
  overflow-x: clip;
  overflow-wrap: break-word;
  word-break: break-word; }
img,
picture,
video,
canvas { display: block;
  max-width: 100%;
  height: auto; }
svg { display: block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  fill: currentColor; }
a { color: inherit;
  text-decoration: none;
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease; }
ul,
ol { margin: 0;
  padding: 0;
  list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0;
  font-family: var(--f-n);
  font-weight: 700;
  line-height: 1.22;
  color: var(--tekst);
  letter-spacing: -0.01em; }
p,
figure,
blockquote,
dl,
dd { margin: 0; }
:focus-visible { outline: 3px solid var(--akcent);
  outline-offset: 3px;
  border-radius: 4px; }
.skocz-do-tresci { position: absolute;
  top: -100px;
  left: 1rem;
  z-index: 1000;
  min-height: 44px;
  padding: 0.65rem 1.25rem;
  background-color: var(--akcent);
  color: var(--akcent-tekst);
  font-weight: 700;
  border-radius: var(--r-maly);
  box-shadow: var(--cien-karta); }
.skocz-do-tresci:focus,
.skocz-do-tresci:focus-visible { top: 1rem;
  outline-color: var(--pow); }
.szerokosc { width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: 1.5rem; }
.naglowek { background-color: var(--tlo);
  border-bottom: 1px solid var(--linia); }
.naglowek-gora { background: linear-gradient(90deg, #f9f3e8 0%, #f1e4cf 52%, #e5d2b5 100%);
  overflow: hidden; }
.naglowek-gora-uklad { display: grid;
  grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
  align-items: center;
  gap: 1.5rem;
  min-height: 112px; }
.marka { display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  min-height: 56px;
  padding-block: 0.75rem;
  color: var(--tekst); }
.marka-znak { display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  color: #5a2713; }
.marka-znak svg { width: 2.85rem;
  height: 2.85rem; }
.marka-tekst { display: flex;
  flex-direction: column; }
.marka-nazwa { font-family: var(--f-n);
  font-size: clamp(2rem, 3vw, 2.65rem);
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  color: #4b2110; }
.marka-motto { position: relative;
  display: inline-block;
  margin-top: 0.2rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--t2); }
.marka-motto::after { content: "";
  display: block;
  width: 68%;
  height: 3px;
  margin-top: 2px;
  margin-left: auto;
  background-color: var(--dodatek);
  border-radius: 99px; }
.naglowek-panorama { position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 112px;
  min-width: 0; }
.naglowek-pies { width: 100%;
  max-width: 760px;
  height: 112px;
  aspect-ratio: 16 / 5;
  object-fit: cover;
  object-position: center 35%;
  mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 92%, transparent 100%); }
.nawigacja-belka { background: linear-gradient(180deg, #4b2d1d 0%, #382014 100%);
  color: var(--stopka-tekst);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 2px solid #26140b;
  box-shadow: 0 4px 12px rgba(45, 29, 19, 0.14); }
.nawigacja-uklad { display: flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 54px;
  padding-block: 0.25rem; }
.naw-dom { display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  min-height: 44px;
  padding: 0.5rem 0.85rem;
  background-color: var(--zloto);
  color: var(--tekst);
  border-radius: var(--r-maly);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45); }
.naw-dom:hover,
.naw-dom.naw-aktywny { background-color: #eab95b;
  color: #1e120a; }
.naw-dom-ikona svg { width: 1.4rem;
  height: 1.4rem; }
.naw-lista { display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0; }
.naw-pozycja { display: flex;
  align-items: center; }
.naw-pozycja::before { content: "";
  width: 1px;
  height: 22px;
  margin-inline: 0.2rem;
  background-color: rgba(243, 230, 211, 0.2); }
.naw-link { display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 44px;
  padding: 0.45rem 1.05rem;
  border-radius: var(--r-maly);
  color: var(--stopka-tekst);
  font-weight: 600;
  font-size: 0.98rem;
  white-space: nowrap; }
.naw-link:hover,
.naw-link.naw-aktywny { background-color: rgba(255, 255, 255, 0.12);
  color: #ffffff; }
.naw-link.naw-aktywny { box-shadow: inset 0 -3px 0 var(--kd, var(--zloto)); }
.naw-ikona { display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f2cfa0; }
.naw-ikona svg { width: 1.2rem;
  height: 1.2rem; }
.glowna-strona { padding-bottom: 3rem; }
.sekcja-otwarcie { padding-block: 2rem 2.5rem;
  border-bottom: 1px solid var(--linia); }
.otwarcie-uklad { display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  gap: 2rem; }
.otwarcie-glowna { display: flex;
  flex-direction: column;
  gap: 1.75rem;
  min-width: 0; }
.hero-blok { display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, 310px);
  align-items: center;
  gap: 1.75rem;
  min-height: 280px;
  padding: 0.5rem 0.25rem; }
.hero-tekst { min-width: 0; }
.hero-kicker { display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.65rem;
  padding: 0.28rem 0.75rem;
  background-color: var(--krem-cieply);
  border: 1px solid var(--linia);
  border-radius: 99px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--t2); }
.hero-kicker-ikona svg { width: 1rem;
  height: 1rem;
  color: var(--dodatek); }
.hero-tytul { font-size: clamp(2rem, 3.2vw, 2.85rem);
  line-height: 1.15;
  color: var(--tekst);
  margin-bottom: 0.9rem; }
.hero-lead { font-size: 1.06rem;
  line-height: 1.6;
  color: var(--tekst);
  max-width: 58ch; }
.hero-podkreslenie { display: block;
  width: 240px;
  max-width: 80%;
  height: 10px;
  margin-top: 0.9rem;
  border-bottom: 3px solid var(--dodatek);
  border-radius: 50%; }
.hero-polaroid { position: relative;
  background-color: var(--pow);
  padding: 0.75rem 0.75rem 2.1rem;
  border: 1px solid var(--linia);
  border-radius: 6px;
  box-shadow: var(--cien-polaroid);
  transform: rotate(-2deg); }
.hero-polaroid::after { content: "♡";
  position: absolute;
  right: 1rem;
  bottom: 0.4rem;
  font-size: 1.35rem;
  line-height: 1;
  color: #5b2e1a; }
.hero-polaroid-obraz { width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 3px;
  background-color: var(--krem-cieply); }
.hero-polaroid-podpis { margin-top: 0.55rem;
  padding-right: 1.8rem;
  font-family: var(--f-n);
  font-size: 0.84rem;
  font-style: italic;
  line-height: 1.35;
  color: var(--t2); }
.sytuacje-siatka { display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
  align-items: stretch; }
.sytuacja-karta { display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  height: 100%;
  padding: 1.15rem 1.15rem 0.95rem;
  border-radius: var(--r);
  border: 1px solid var(--linia);
  box-shadow: var(--cien-karta); }
.sytuacja-rozwazam { background: linear-gradient(180deg, #f7e6df 0%, #fbf3ef 100%);
  border-color: #e6c9be;
  --syt-kolor: #7f2f1d; }
.sytuacja-przygotowuje { background: linear-gradient(180deg, #e2eef4 0%, #f2f8fa 100%);
  border-color: #c2dae6;
  --syt-kolor: #23576e; }
.sytuacja-opiekuje { background: linear-gradient(180deg, #e8f0de 0%, #f5f9f0 100%);
  border-color: #cad9b8;
  --syt-kolor: #466120; }
.sytuacja-naglowek { display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(45, 29, 19, 0.1); }
.sytuacja-grafika { width: 56px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center; }
.sytuacja-ilustracja { width: 56px;
  height: 72px;
  aspect-ratio: 7 / 9;
  object-fit: contain; }
.sytuacja-wstep { min-width: 0; }
.sytuacja-tytul { font-size: 1.15rem;
  color: var(--tekst);
  margin-bottom: 0.35rem; }
.sytuacja-opis { font-size: 0.85rem;
  line-height: 1.45;
  color: var(--tekst); }
.sytuacja-lista { display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.65rem; }
.sytuacja-lista a { display: flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 44px;
  padding: 0.3rem 0.25rem;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--tekst);
  border-radius: 6px; }
.sytuacja-lista a:hover { color: var(--syt-kolor, var(--akcent));
  background-color: rgba(255, 255, 255, 0.55); }
.sytuacja-strzalka { color: var(--syt-kolor, var(--akcent));
  font-size: 0.9rem;
  flex-shrink: 0; }
.bilans-blok { background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  padding: 1.4rem 1.5rem;
  box-shadow: var(--cien-karta); }
.bilans-naglowek { margin-bottom: 1.15rem; }
.bilans-tytul { font-size: clamp(1.25rem, 2vw, 1.55rem);
  margin-bottom: 0.35rem; }
.bilans-lead { font-size: 0.95rem;
  color: var(--t2); }
.bilans-kolumny { display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.15rem;
  align-items: stretch; }
.bilans-karta { min-width: 0;
  height: 100%;
  padding: 1.1rem 1.2rem;
  border-radius: var(--r-maly);
  border: 1px solid var(--linia); }
.bilans-atuty { background-color: #f4f7ec;
  border-color: #d0dec0; }
.bilans-obowiazki { background-color: #faf2ea;
  border-color: #e6d1be; }
.bilans-podtytul { display: flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 1.1rem;
  margin-bottom: 0.75rem; }
.bilans-znaczek { display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--akcent);
  color: var(--akcent-tekst); }
.bilans-obowiazki .bilans-znaczek { background-color: var(--dodatek); }
.bilans-znaczek svg { width: 1.15rem;
  height: 1.15rem; }
.bilans-lista { display: flex;
  flex-direction: column;
  gap: 0.55rem; }
.bilans-lista li { position: relative;
  padding-left: 1.25rem;
  font-size: 0.92rem;
  line-height: 1.48;
  color: var(--tekst); }
.bilans-lista li::before { content: "▸";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--akcent);
  font-weight: 700; }
.bilans-obowiazki .bilans-lista li::before { color: var(--dodatek); }
.otwarcie-boczna { min-width: 0; }
.boczna-przyklejona { position: sticky;
  top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem; }
.widget-karta { background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  padding: 1.2rem;
  box-shadow: var(--cien-karta); }
.widget-pytania { background: linear-gradient(180deg, #faf4e8 0%, #fffdf8 100%); }
.widget-pytania-gora { display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--linia); }
.widget-pytajnik { display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #cbb292;
  color: var(--pow); }
.widget-pytajnik svg { width: 1.5rem;
  height: 1.5rem; }
.widget-tytul { font-size: 1.2rem;
  line-height: 1.2;
  color: var(--tekst); }
.widget-podtytul { margin-top: 0.2rem;
  font-size: 0.83rem;
  color: var(--t2); }
.widget-pytania-lista { display: flex;
  flex-direction: column;
  margin-top: 0.5rem; }
.widget-pytania-lista li + li { border-top: 1px dashed var(--linia); }
.widget-pytanie-link { display: grid;
  grid-template-columns: auto minmax(0, 1fr) 24px;
  align-items: center;
  gap: 0.5rem;
  min-height: 48px;
  padding: 0.55rem 0.25rem;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.32;
  color: var(--tekst); }
.widget-pytanie-link:hover { color: var(--dodatek); }
.widget-pytanie-strzalka { color: var(--dodatek);
  font-size: 0.85rem; }
.widget-pytanie-kolko { display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #cbb292;
  color: var(--pow);
  font-size: 0.95rem;
  line-height: 1; }
.widget-ostatnio-gora { display: flex;
  align-items: center;
  gap: 0.6rem;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--linia); }
.widget-kalendarz { display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dodatek); }
.widget-kalendarz svg { width: 1.35rem;
  height: 1.35rem; }
.widget-wiersze { display: flex;
  flex-direction: column;
  gap: 0.85rem; }
.widget-stopka { margin-top: 0.9rem;
  padding-top: 0.65rem;
  border-top: 1px solid var(--linia);
  text-align: right; }
.widget-starsze-link { display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 0.4rem;
  font-family: var(--f-n);
  font-size: 0.95rem;
  font-weight: 700;
  color: #5b2e1a;
  text-decoration: underline;
  text-underline-offset: 3px; }
.widget-starsze-link:hover { color: var(--akcent); }
.wiersz { display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  min-width: 0; }
.wiersz-notatnik { grid-template-columns: minmax(0, 1fr);
  padding-left: 0.75rem;
  border-left: 3px solid var(--kd, var(--akcent)); }
.wiersz-tresc { display: flex;
  flex-direction: column;
  gap: 0.22rem;
  min-width: 0; }
.wiersz-gora { display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem; }
.wiersz-dzial { display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.12rem 0.5rem;
  border-radius: 4px;
  background-color: var(--kd, var(--akcent));
  background-color: color-mix(in srgb, var(--kd, var(--akcent)) 82%, #1d110a);
  color: #ffffff;
  font-size: 0.73rem;
  font-weight: 700;
  line-height: 1.3; }
.wiersz-dzial-ikona svg { width: 0.8rem;
  height: 0.8rem; }
.wiersz-tytul { font-family: var(--f-t);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.3; }
.wiersz-tytul a { display: inline-block;
  padding-block: 0.15rem;
  color: var(--tekst); }
.wiersz-tytul a:hover { color: var(--dodatek); }
.wiersz-meta { display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  font-size: 0.76rem;
  color: var(--t2); }
.wiersz-data,
.wiersz-czas { display: inline-flex;
  align-items: center;
  gap: 0.25rem; }
.wiersz-data svg,
.wiersz-czas svg { width: 0.85rem;
  height: 0.85rem;
  color: var(--t2); }
.sekcja-dom { padding-block: 2.5rem;
  border-bottom: 1px solid var(--linia); }
.dom-naglowek { display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.5rem; }
.dom-tytul-blok { display: flex;
  align-items: center;
  gap: 0.9rem; }
.dom-znak { width: 56px;
  height: 56px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  flex-shrink: 0; }
.dom-tytul { font-size: clamp(1.65rem, 2.5vw, 2.15rem);
  display: inline;
  margin-right: 0.75rem; }
.dom-podtytul { display: inline-block;
  font-size: 1.02rem;
  color: var(--t2); }
.dom-przypis { display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 430px; }
.dom-notatka { font-family: var(--f-n);
  font-style: italic;
  font-size: 0.92rem;
  line-height: 1.35;
  color: var(--t2); }
.dom-strzalka { color: var(--dodatek);
  flex-shrink: 0; }
.dom-strzalka svg { width: 2rem;
  height: 2rem; }
.pokoje-siatka { display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: stretch; }
.pokoj-karta { display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  overflow: hidden;
  box-shadow: var(--cien-karta); }
.pokoj-wizual { position: relative;
  display: block;
  overflow: hidden; }
.pokoj-obraz { width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background-color: var(--krem-cieply);
  transition: transform 0.25s ease; }
.pokoj-wizual:hover .pokoj-obraz { transform: scale(1.03); }
.pokoj-belka { display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 44px;
  padding: 0.55rem 1rem;
  background-color: var(--kd, var(--drewno));
  background-color: color-mix(in srgb, var(--kd, var(--drewno)) 80%, #1d110a);
  color: #ffffff; }
.pokoj-ikona { display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f7dfc0; }
.pokoj-ikona svg { width: 1.2rem;
  height: 1.2rem; }
.pokoj-nazwa { font-size: 1.15rem;
  color: #ffffff; }
.pokoj-wnetrze { display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0.95rem 1rem 1.05rem; }
.pokoj-opis { font-size: 0.86rem;
  line-height: 1.45;
  color: var(--t2);
  margin-bottom: 0.65rem; }
.pokoj-wpisy { display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 0.85rem; }
.pokoj-wpisy a { display: flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 44px;
  padding: 0.25rem 0.2rem;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--tekst); }
.pokoj-wpisy a:hover { color: var(--kd, var(--akcent)); }
.pokoj-punkt { color: var(--kd, var(--dodatek));
  flex-shrink: 0; }
.pokoj-akcja { margin-top: auto;
  padding-top: 0.5rem;
  text-align: center; }
.pokoj-przycisk { display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  width: 100%;
  padding: 0.45rem 1rem;
  background: linear-gradient(180deg, #ecd9b9 0%, #dfc49a 100%);
  border: 1px solid #cbb086;
  border-radius: var(--r-maly);
  color: var(--tekst);
  font-size: 0.9rem;
  font-weight: 700; }
.pokoj-przycisk:hover { background: linear-gradient(180deg, #e4cca4 0%, #d4b483 100%); }
.sekcja-czolo { max-width: 820px;
  margin-bottom: 1.75rem; }
.sekcja-kicker { display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.55rem;
  padding: 0.25rem 0.75rem;
  background-color: var(--krem-cieply);
  border: 1px solid var(--linia);
  border-radius: 99px;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--t2); }
.sekcja-kicker svg { width: 1.05rem;
  height: 1.05rem;
  color: var(--dodatek); }
.sekcja-tytul { font-size: clamp(1.5rem, 2.4vw, 2.05rem);
  margin-bottom: 0.55rem; }
.sekcja-opis { font-size: 0.98rem;
  color: var(--t2); }
.karta { display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  background-color: var(--pow);
  border: 1px solid var(--linia);
  border-top: 4px solid var(--kd, var(--akcent));
  border-radius: var(--r);
  overflow: hidden;
  box-shadow: var(--cien-karta); }
.karta-tresc { display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1.15rem 1.25rem; }
.karta-nadtytul { display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem; }
.karta-dzial { display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 28px;
  padding: 0.2rem 0.6rem;
  border-radius: 6px;
  background-color: var(--kd, var(--akcent));
  background-color: color-mix(in srgb, var(--kd, var(--akcent)) 82%, #1d110a);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700; }
.karta-dzial-ikona svg { width: 0.95rem;
  height: 0.95rem; }
.karta-sponsor { padding: 0.2rem 0.55rem;
  border-radius: 6px;
  background-color: var(--krem-cieply);
  color: var(--tekst);
  font-size: 0.75rem;
  font-weight: 700; }
.karta-metryczka { display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.8rem;
  color: var(--t2); }
.karta-czas { display: inline-flex;
  align-items: center;
  gap: 0.25rem; }
.karta-czas svg { width: 0.9rem;
  height: 0.9rem; }
.karta-tytul { font-size: 1.18rem;
  line-height: 1.3;
  margin-bottom: 0.55rem; }
.karta-tytul a { color: var(--tekst); }
.karta-tytul a:hover { color: var(--dodatek); }
.karta-zajawka { font-size: 0.92rem;
  line-height: 1.52;
  color: var(--t2);
  margin-bottom: 1rem; }
.karta-stopka { display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: 1px dashed var(--linia); }
.karta-link { display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 44px;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--akcent); }
.karta-link:hover { color: var(--akcent-cien);
  text-decoration: underline; }
.karta-znaczek { color: var(--linia); }
.karta-znaczek svg { width: 1.1rem;
  height: 1.1rem; }
.sekcja-rodowod { padding-block: 2.5rem;
  border-bottom: 1px solid var(--linia); }
.rodowod-schemat { display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1.15fr);
  align-items: stretch;
  gap: 0.85rem;
  margin-bottom: 1.5rem; }
.rodowod-ogniwo { display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.2rem 1.3rem;
  background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  box-shadow: var(--cien-karta); }
.rodowod-potomek { background: linear-gradient(180deg, #f3f7ea 0%, #fffdf8 100%);
  border-color: #b8cba0;
  border-width: 2px; }
.rodowod-rola { display: inline-block;
  margin-bottom: 0.3rem;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--dodatek); }
.rodowod-potomek .rodowod-rola { color: var(--akcent); }
.rodowod-nazwa { font-size: 1.2rem;
  margin-bottom: 0.45rem; }
.rodowod-cechy { font-size: 0.9rem;
  color: var(--t2); }
.rodowod-znak { display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  align-self: center;
  border-radius: 50%;
  background-color: var(--krem-cieply);
  border: 1px solid var(--linia);
  font-family: var(--f-n);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--dodatek); }
.sekcja-wzornik { padding-block: 2.5rem;
  border-bottom: 1px solid var(--linia); }
.wzornik-uklad { display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 1.75rem;
  align-items: start; }
.wzornik-paleta { display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
  background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  padding: 1.35rem;
  box-shadow: var(--cien-karta); }
.wzornik-polaroidy { border-radius: var(--r-maly);
  overflow: hidden;
  background-color: var(--krem-cieply); }
.wzornik-polaroidy-obraz { width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover; }
.barwy-lista { display: flex;
  flex-direction: column;
  gap: 0.9rem; }
.barwa-wiersz { display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
  padding-top: 0.85rem;
  border-top: 1px solid var(--linia); }
.barwa-wiersz:first-child { padding-top: 0;
  border-top: 0; }
.barwa-probka { width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 3px solid var(--pow);
  box-shadow: 0 0 0 1px var(--linia), 0 3px 8px rgba(45, 29, 19, 0.15); }
.barwa-golden { background: radial-gradient(circle at 30% 30%, #e6b16a, #b56f2b); }
.barwa-czarny { background: radial-gradient(circle at 30% 30%, #4a433f, #181412); }
.barwa-tricolor { background: conic-gradient(#241d19 0deg 120deg, #fffdf8 120deg 240deg, #b8682c 240deg 360deg); }
.barwa-naglowek { display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.25rem; }
.barwa-naglowek strong { font-family: var(--f-n);
  font-size: 1.05rem; }
.barwa-naglowek span { font-size: 0.8rem;
  font-weight: 600;
  color: var(--dodatek); }
.barwa-opis p { font-size: 0.88rem;
  color: var(--t2); }
.wzornik-prawa { display: flex;
  flex-direction: column;
  gap: 1.35rem;
  min-width: 0; }
.wzornik-karty-siatka { display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.15rem;
  align-items: stretch; }
.niezbednik-pasek { background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  padding: 1.25rem 1.35rem;
  box-shadow: var(--cien-karta); }
.niezbednik-tytul { font-size: 1.15rem;
  margin-bottom: 1rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid var(--linia); }
.niezbednik-elementy { display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: start; }
.niezbednik-element { display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 0.7rem;
  align-items: start;
  min-width: 0; }
.niezbednik-ikona { width: 48px;
  height: 48px;
  aspect-ratio: 1 / 1;
  object-fit: contain; }
.niezbednik-element strong { display: block;
  font-size: 0.92rem;
  margin-bottom: 0.2rem; }
.niezbednik-element p { font-size: 0.82rem;
  line-height: 1.42;
  color: var(--t2); }
.sekcja-pas-zdrowia { padding-top: 2.25rem; }
.pas-zdrowia-ramka { display: grid;
  grid-template-columns: 180px minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.5rem;
  padding: 1.1rem 1.75rem;
  background: linear-gradient(90deg, #efe1c8 0%, #f9f2e4 55%, #efe2ca 100%);
  border: 1px solid #d8c3a3;
  border-radius: var(--r);
  box-shadow: var(--cien-karta); }
.pas-zdrowia-pies-kadr { display: flex;
  align-items: center;
  justify-content: center; }
.pas-zdrowia-pies { width: 170px;
  height: 110px;
  aspect-ratio: 17 / 11;
  object-fit: contain; }
.pas-zdrowia-tresc { min-width: 0; }
.pas-zdrowia-tytul { font-size: clamp(1.3rem, 2vw, 1.65rem);
  margin-bottom: 0.25rem; }
.pas-zdrowia-opis { font-size: 0.95rem;
  color: var(--t2); }
.pas-zdrowia-akcja { display: flex;
  align-items: center;
  gap: 1rem; }
.przycisk-zdrowie { display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 48px;
  padding: 0.7rem 1.5rem;
  background-color: var(--akcent);
  color: var(--akcent-tekst);
  border-radius: var(--r-maly);
  font-family: var(--f-n);
  font-size: 1.08rem;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(62, 78, 27, 0.28);
  white-space: nowrap; }
.przycisk-zdrowie:hover { background-color: var(--akcent-cien); }
.pas-zdrowia-lapa { width: 48px;
  height: 48px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  opacity: 0.65; }
.okruchy { padding-block: 0.85rem;
  font-size: 0.86rem;
  color: var(--t2); }
.okruchy ol { display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem; }
.okruchy li { display: inline-flex;
  align-items: center;
  gap: 0.35rem; }
.okruchy li + li::before { content: "›";
  color: var(--dodatek);
  font-weight: 700; }
.okruchy a { display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 0.25rem;
  color: var(--t2);
  font-weight: 600; }
.okruchy a:hover { color: var(--tekst);
  text-decoration: underline; }
.okruchy [aria-current="page"] { color: var(--tekst);
  font-weight: 700; }
.dz-strona,
.wp-strona { padding-block: 1.5rem 3.5rem; }
.dz-uklad,
.wp-uklad { display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  gap: 2rem; }
.dz-glowna,
.wp-glowna { display: flex;
  flex-direction: column;
  gap: 2rem;
  min-width: 0; }
.dz-hero,
.dz-naglowek,
.dz-czolo,
.wp-naglowek,
.wp-hero { background-color: var(--pow);
  border: 1px solid var(--linia);
  border-top: 5px solid var(--kd, var(--akcent));
  border-radius: var(--r);
  padding: 1.75rem 2rem;
  box-shadow: var(--cien-karta); }
.dz-hero-uklad { display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, 320px);
  gap: 1.75rem;
  align-items: center; }
.dz-kicker,
.dz-oznaka,
.wp-nadtytul { display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.75rem; }
.dz-ikona,
.wp-dzial { display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 32px;
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  background-color: var(--kd, var(--akcent));
  background-color: color-mix(in srgb, var(--kd, var(--akcent)) 82%, #1d110a);
  color: #ffffff;
  font-size: 0.84rem;
  font-weight: 700; }
.dz-ikona svg,
.wp-dzial-ikona svg { width: 1.05rem;
  height: 1.05rem; }
.dz-licznik,
.wp-sponsor { display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.65rem;
  border-radius: 99px;
  background-color: var(--krem-cieply);
  color: var(--tekst);
  font-size: 0.8rem;
  font-weight: 700; }
.dz-tytul,
.wp-tytul { font-size: clamp(1.85rem, 3vw, 2.65rem);
  line-height: 1.18;
  margin-bottom: 0.75rem; }
.dz-podtytul,
.dz-opis,
.wp-lead,
.wp-zajawka { font-size: 1.05rem;
  line-height: 1.62;
  color: var(--t2);
  max-width: 68ch; }
.dz-kadr,
.dz-polaroid,
.wp-kadr,
.wp-figura { margin-top: 1.25rem;
  border-radius: var(--r-maly);
  overflow: hidden;
  border: 1px solid var(--linia);
  background-color: var(--krem-cieply); }
.dz-hero-uklad .dz-kadr,
.dz-hero-uklad .dz-polaroid { margin-top: 0; }
.dz-obraz,
.wp-obraz { width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover; }
.dz-zagadnienia,
.dz-pigulki,
.wp-tagi,
.wp-tematy { display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.1rem; }
.dz-pigulka,
.wp-tag { display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.4rem 0.9rem;
  background-color: var(--krem-cieply);
  border: 1px solid var(--linia);
  border-radius: 99px;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--tekst); }
.dz-pigulka:hover,
.wp-tag:hover { background-color: var(--akcent);
  border-color: var(--akcent);
  color: var(--akcent-tekst); }
.dz-sekcja,
.dz-warto,
.dz-tematy,
.dz-lista-sekcja,
.dz-podrzedne,
.dz-inne,
.wp-sekcja,
.wp-powiazane,
.wp-z-dzialu,
.wp-sasiednie { display: flex;
  flex-direction: column;
  gap: 1.25rem; }
.dz-sekcja-naglowek,
.wp-sekcja-naglowek { display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.65rem;
  border-bottom: 2px solid var(--linia); }
.dz-sekcja-tytul,
.wp-sekcja-tytul { font-size: clamp(1.35rem, 2.1vw, 1.75rem); }
.dz-sekcja-opis { font-size: 0.92rem;
  color: var(--t2); }
.dz-siatka,
.dz-karty,
.dz-wpisy,
.dz-tematy-siatka,
.dz-inne-siatka,
.dz-dzialy-siatka,
.dz-start-siatka,
.wp-powiazane-siatka,
.wp-z-dzialu-siatka { display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: stretch; }
.dz-uklad .dz-siatka,
.dz-uklad .dz-karty,
.wp-uklad .wp-powiazane-siatka,
.wp-uklad .wp-z-dzialu-siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.siatka-9,
.dz-siatka-9,
.dz-siatka:has(> :nth-child(9):last-child),
.dz-karty:has(> :nth-child(9):last-child),
.wp-powiazane-siatka:has(> :nth-child(9):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.siatka-8,
.dz-siatka-8,
.dz-siatka:has(> :nth-child(8):last-child),
.dz-karty:has(> :nth-child(8):last-child),
.wp-powiazane-siatka:has(> :nth-child(8):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.siatka-6,
.dz-siatka-6,
.dz-siatka:has(> :nth-child(6):last-child),
.dz-karty:has(> :nth-child(6):last-child),
.dz-inne-siatka:has(> :nth-child(6):last-child),
.wp-powiazane-siatka:has(> :nth-child(6):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dz-temat,
.dz-temat-karta,
.dz-dzial-karta { display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  height: 100%;
  padding: 1.25rem;
  background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  box-shadow: var(--cien-karta); }
.dz-temat-naglowek { display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.6rem; }
.dz-temat-tytul { font-size: 1.15rem; }
.dz-temat-opis { font-size: 0.88rem;
  color: var(--t2);
  margin-bottom: 0.85rem; }
.dz-temat-lista a,
.dz-temat-link,
.dz-dzial-link { display: flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 44px;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--tekst); }
.dz-temat-lista a:hover,
.dz-temat-link:hover,
.dz-dzial-link:hover { color: var(--akcent); }
.dz-paginacja,
.paginacja { display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  margin-top: 1.5rem; }
.wp-meta,
.wp-metryczka { display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px dashed var(--linia);
  font-size: 0.86rem;
  color: var(--t2); }
.wp-data,
.wp-aktualizacja,
.wp-czas,
.wp-autor { display: inline-flex;
  align-items: center;
  gap: 0.35rem; }
.wp-spis,
.wp-spis-mobilny { background-color: #faf4e8;
  border: 1px solid var(--linia);
  border-radius: var(--r);
  padding: 1.25rem 1.5rem; }
.wp-spis-tytul { font-size: 1.15rem;
  margin-bottom: 0.65rem; }
.wp-spis-lista { display: flex;
  flex-direction: column;
  gap: 0.2rem; }
.wp-spis-lista a { display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--tekst); }
.wp-spis-lista a:hover { color: var(--akcent); }
.wp-tresc,
.wp-zawartosc { background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  padding: 2rem 2.25rem;
  box-shadow: var(--cien-karta);
  font-size: 1.05rem;
  line-height: 1.72;
  color: var(--tekst);
  min-width: 0; }
.wp-tresc > * + * { margin-top: 1.2rem; }
.wp-tresc h2 { font-size: clamp(1.45rem, 2.2vw, 1.85rem);
  margin-top: 2.2rem;
  padding-bottom: 0.45rem;
  border-bottom: 1px solid var(--linia);
  scroll-margin-top: 1.5rem; }
.wp-tresc h3 { font-size: clamp(1.2rem, 1.8vw, 1.45rem);
  margin-top: 1.75rem;
  scroll-margin-top: 1.5rem; }
.wp-tresc h4 { font-size: 1.12rem;
  margin-top: 1.35rem; }
.wp-tresc a { color: var(--akcent);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px; }
.wp-tresc a:hover { color: var(--akcent-cien); }
.wp-tresc ul,
.wp-tresc ol { padding-left: 1.5rem; }
.wp-tresc ul { list-style: disc; }
.wp-tresc ol { list-style: decimal; }
.wp-tresc li + li { margin-top: 0.45rem; }
.wp-tresc blockquote,
.wp-cytat,
.wp-ramka,
.wp-wskazowka,
.wp-uwaga,
.wp-ciekawostka { padding: 1.15rem 1.35rem;
  background-color: #faf4e8;
  border-left: 4px solid var(--akcent);
  border-radius: 0 var(--r-maly) var(--r-maly) 0;
  color: var(--tekst); }
.wp-uwaga { border-left-color: var(--dodatek);
  background-color: #fdf3eb; }
.wp-tresc pre { max-width: 100%;
  overflow-x: auto;
  padding: 1rem;
  background-color: var(--krem-cieply);
  border-radius: var(--r-maly);
  font-size: 0.9rem; }
.wp-tresc table { display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  font-size: 0.92rem;
  background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r-maly); }
.wp-tresc th,
.wp-tresc td { padding: 0.7rem 0.95rem;
  border: 1px solid var(--linia);
  text-align: left;
  vertical-align: top; }
.wp-tresc th { background-color: var(--krem-cieply);
  font-family: var(--f-n);
  font-weight: 700;
  color: var(--tekst); }
.wp-tresc tr:nth-child(even) td { background-color: #fcf9f2; }
.wp-nawigacja,
.wp-sasiednie-siatka { display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.15rem;
  align-items: stretch; }
.wp-sasiedni,
.wp-poprzedni,
.wp-nastepny { display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 84px;
  padding: 1.1rem 1.25rem;
  background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  box-shadow: var(--cien-karta); }
.wp-nastepny { text-align: right; }
.wp-sasiedni-etykieta { font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--dodatek);
  margin-bottom: 0.25rem; }
.wp-sasiedni-tytul { font-family: var(--f-n);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--tekst); }
.bok-kolumna,
.dz-boczna,
.wp-boczna { min-width: 0; }
.bok-przyklejona { position: sticky;
  top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem; }
.bok-karta,
.bok-widget,
.bok-blok { background-color: var(--pow);
  border: 1px solid var(--linia);
  border-radius: var(--r);
  padding: 1.25rem;
  box-shadow: var(--cien-karta); }
.bok-naglowek,
.bok-gora { display: flex;
  align-items: center;
  gap: 0.6rem;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--linia); }
.bok-ikona { display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dodatek); }
.bok-ikona svg { width: 1.25rem;
  height: 1.25rem; }
.bok-tytul { font-size: 1.15rem;
  line-height: 1.25; }
.bok-podtytul,
.bok-opis { font-size: 0.85rem;
  color: var(--t2);
  margin-bottom: 0.65rem; }
.bok-spis-lista,
.bok-lista,
.bok-dzialy { display: flex;
  flex-direction: column; }
.bok-spis-lista li + li,
.bok-lista li + li,
.bok-dzialy li + li { border-top: 1px dashed var(--linia); }
.bok-spis-link,
.bok-link,
.bok-dzial-link { display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 44px;
  padding: 0.45rem 0.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--tekst); }
.bok-spis-link:hover,
.bok-spis-aktywny,
.bok-link:hover,
.bok-dzial-link:hover { color: var(--akcent); }
.bok-metryka,
.bok-dl { display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.55rem;
  font-size: 0.88rem; }
.bok-etykieta { color: var(--t2); }
.bok-wartosc { font-weight: 700;
  color: var(--tekst); }
.bok-wiersze { display: flex;
  flex-direction: column;
  gap: 0.85rem; }
.bok-przycisk { display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  margin-top: 0.75rem;
  padding: 0.55rem 1rem;
  background-color: var(--akcent);
  color: var(--akcent-tekst);
  border-radius: var(--r-maly);
  font-weight: 700; }
.bok-przycisk:hover { background-color: var(--akcent-cien); }
.stopka { background-color: var(--stopka);
  color: var(--stopka-tekst);
  border-top: 3px solid #26140b; }
.stopka-ozdoba { background-color: var(--tlo);
  line-height: 0; }
.stopka-szlaczek { width: 100%;
  max-height: 28px;
  aspect-ratio: 40 / 1;
  object-fit: cover; }
.stopka-glowna { display: grid;
  grid-template-columns: 1.3fr 1fr 1.25fr 0.9fr;
  gap: 2rem;
  padding-block: 2.5rem 2rem; }
.stopka-kol { min-width: 0; }
.stopka-marka { display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 48px;
  margin-bottom: 0.75rem;
  color: #ffffff; }
.stopka-znak { display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f3e6d3; }
.stopka-znak svg { width: 2.25rem;
  height: 2.25rem; }
.stopka-marka-tekst { display: flex;
  flex-direction: column; }
.stopka-nazwa { font-family: var(--f-n);
  font-size: 1.45rem;
  line-height: 1.1;
  color: #ffffff; }
.stopka-domena { font-size: 0.82rem;
  color: #dbc5a8; }
.stopka-opis { font-size: 0.88rem;
  line-height: 1.55;
  color: #e4d2ba; }
.stopka-naglowek { font-family: var(--f-n);
  font-size: 1.08rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.65rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(243, 230, 211, 0.18); }
.stopka-lista { display: flex;
  flex-direction: column; }
.stopka-lista a { display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px;
  padding-block: 0.25rem;
  font-size: 0.9rem;
  color: var(--stopka-tekst); }
.stopka-lista a:hover { color: #ffffff;
  text-decoration: underline; }
.stopka-ikona { display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f0cb99; }
.stopka-ikona svg { width: 1rem;
  height: 1rem; }
.stopka-dol { background-color: var(--drewno-ciemne);
  border-top: 1px solid rgba(243, 230, 211, 0.14);
  padding-block: 1rem; }
.stopka-dol-uklad { display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.82rem;
  color: #d8c2a6; }
.stopka-zastrzezenie { max-width: 70ch; }
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after { animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; }
  .pokoj-wizual:hover .pokoj-obraz,
  .karta-kadr:hover .karta-obraz { transform: none !important; }
}
@media (max-width: 1140px) {
  .otwarcie-uklad,
  .dz-uklad,
  .wp-uklad { grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1.5rem; }
  .hero-blok { grid-template-columns: minmax(0, 1.2fr) 250px;
    gap: 1.25rem; }
}
@media (max-width: 980px) {
  .naglowek-gora-uklad { grid-template-columns: minmax(220px, 1fr) minmax(0, 1.1fr); }
  .otwarcie-uklad,
  .dz-uklad,
  .wp-uklad,
  .wzornik-uklad,
  .dz-hero-uklad { grid-template-columns: minmax(0, 1fr); }
  .boczna-przyklejona,
  .bok-przyklejona { position: static; }
  .widget-wiersze,
  .bok-wiersze { display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem; }
  .sytuacje-siatka,
  .rodowod-akordeon,
  .niezbednik-elementy,
  .dz-start-siatka { grid-template-columns: minmax(0, 1fr); }
  .pokoje-siatka,
  .hybrydy-siatka,
  .dz-siatka,
  .dz-karty,
  .dz-wpisy,
  .dz-tematy-siatka,
  .dz-inne-siatka,
  .dz-dzialy-siatka,
  .wp-powiazane-siatka,
  .wp-z-dzialu-siatka,
  .siatka-6,
  .dz-siatka-6,
  .dz-siatka:has(> :nth-child(6):last-child),
  .dz-karty:has(> :nth-child(6):last-child),
  .dz-inne-siatka:has(> :nth-child(6):last-child),
  .wp-powiazane-siatka:has(> :nth-child(6):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .siatka-8,
  .dz-siatka-8,
  .dz-siatka:has(> :nth-child(8):last-child),
  .dz-karty:has(> :nth-child(8):last-child),
  .wp-powiazane-siatka:has(> :nth-child(8):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .siatka-9,
  .dz-siatka-9,
  .dz-siatka:has(> :nth-child(9):last-child),
  .dz-karty:has(> :nth-child(9):last-child),
  .wp-powiazane-siatka:has(> :nth-child(9):last-child) { grid-template-columns: minmax(0, 1fr); }
  .rodowod-schemat { grid-template-columns: minmax(0, 1fr); }
  .rodowod-znak { margin-inline: auto; }
  .pas-zdrowia-ramka { grid-template-columns: 140px minmax(0, 1fr); }
  .pas-zdrowia-akcja { grid-column: 1 / -1;
    justify-content: space-between; }
  .stopka-glowna { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .szerokosc { padding-inline: 1rem; }
  .naglowek-gora-uklad { grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
    min-height: auto; }
  .naglowek-panorama { height: 82px; }
  .naglowek-pies { height: 82px; }
  .nawigacja-uklad { flex-direction: column;
    align-items: stretch;
    padding-block: 0.5rem; }
  .naw-dom { width: 100%; }
  .naw-lista { display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem; }
  .naw-pozycja::before { display: none; }
  .naw-link { width: 100%;
    padding-inline: 0.65rem;
    font-size: 0.9rem; }
  .hero-blok { grid-template-columns: minmax(0, 1fr);
    min-height: auto; }
  .hero-polaroid { max-width: 320px;
    margin-inline: auto;
    transform: rotate(-1deg); }
  .sytuacje-siatka,
  .bilans-kolumny,
  .widget-wiersze,
  .bok-wiersze,
  .pokoje-siatka,
  .rodowod-schemat,
  .rodowod-akordeon,
  .hybrydy-siatka,
  .wzornik-uklad,
  .wzornik-karty-siatka,
  .niezbednik-elementy,
  .pas-zdrowia-ramka,
  .stopka-glowna,
  .dz-siatka,
  .dz-karty,
  .dz-wpisy,
  .dz-tematy-siatka,
  .dz-inne-siatka,
  .dz-dzialy-siatka,
  .dz-start-siatka,
  .wp-powiazane-siatka,
  .wp-z-dzialu-siatka,
  .wp-nawigacja,
  .wp-sasiednie-siatka,
  .siatka-9,
  .siatka-8,
  .siatka-6,
  .siatka-4,
  .dz-siatka-9,
  .dz-siatka-8,
  .dz-siatka-6,
  .dz-siatka-4,
  .dz-siatka:has(> :nth-child(9):last-child),
  .dz-siatka:has(> :nth-child(8):last-child),
  .dz-siatka:has(> :nth-child(6):last-child),
  .dz-siatka:has(> :nth-child(4):last-child),
  .dz-karty:has(> :nth-child(9):last-child),
  .dz-karty:has(> :nth-child(8):last-child),
  .dz-karty:has(> :nth-child(6):last-child),
  .dz-karty:has(> :nth-child(4):last-child),
  .dz-inne-siatka:has(> :nth-child(6):last-child),
  .wp-powiazane-siatka:has(> :nth-child(9):last-child),
  .wp-powiazane-siatka:has(> :nth-child(8):last-child),
  .wp-powiazane-siatka:has(> :nth-child(6):last-child) { grid-template-columns: minmax(0, 1fr); }
  .bilans-blok,
  .wzornik-paleta,
  .niezbednik-pasek,
  .dz-hero,
  .dz-naglowek,
  .dz-czolo,
  .wp-naglowek,
  .wp-hero,
  .wp-tresc,
  .wp-zawartosc { padding: 1.2rem 1.1rem; }
  .dom-tytul { display: block;
    margin-right: 0;
    margin-bottom: 0.2rem; }
  .pas-zdrowia-ramka { text-align: center;
    padding: 1.25rem 1.1rem; }
  .pas-zdrowia-akcja { flex-direction: column;
    width: 100%; }
  .przycisk-zdrowie { width: 100%; }
  .pas-zdrowia-lapa { display: none; }
  .wp-nastepny { text-align: left; }
}
.dz-strona,
.wp-strona { padding: 1.5rem 0 3.5rem; }
.dz-hero { background: var(--powierzchnia, #fffdf8);
  border: 1px solid var(--linia, #e2d3bc);
  border-top: 4px solid var(--kd, var(--akcent, #586d28));
  border-radius: 18px;
  padding: clamp(1.25rem, 3vw, 2.25rem);
  margin: 1rem 0 2rem;
  box-shadow: 0 8px 24px rgba(45, 29, 19, 0.06); }
.dz-hero-uklad { display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2rem;
  align-items: center; }
.dz-kicker { display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--kd, var(--akcent, #586d28));
  margin: 0 0 0.6rem; }
.dz-ikona { display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  color: var(--kd, var(--akcent, #586d28));
  flex-shrink: 0; }
.dz-ikona svg { width: 100%;
  height: 100%; }
.dz-tytul { font-family: var(--font-naglowki, "Petrona", serif);
  font-size: clamp(1.85rem, 3.4vw, 2.65rem);
  line-height: 1.18;
  color: var(--tekst, #2d1d13);
  margin: 0 0 0.65rem; }
.dz-podtytul { font-size: 1.1rem;
  font-weight: 600;
  color: var(--kd, var(--dodatek, #a45c2c));
  margin: 0 0 0.65rem; }
.dz-opis { font-size: 1rem;
  line-height: 1.65;
  color: var(--tekst-drugorzedny, #664e3f);
  margin: 0 0 1.15rem;
  max-width: 68ch; }
.dz-polaroid { background: #fffdf9;
  border: 1px solid var(--linia, #e2d3bc);
  border-radius: 14px;
  padding: 0.75rem 0.75rem 0.9rem;
  box-shadow: 0 10px 22px rgba(45, 29, 19, 0.09);
  text-align: center;
  max-width: 210px; }
.dz-kadr { display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  background: var(--tlo, #f6efe2); }
.dz-obraz { display: block;
  width: 100%;
  max-width: 188px;
  height: auto;
  object-fit: contain; }
.dz-obraz-404 { display: block;
  width: 100%;
  max-width: 240px;
  height: auto;
  object-fit: contain; }
.dz-oznaka { font-family: var(--font-naglowki, "Petrona", serif);
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--tekst-drugorzedny, #664e3f);
  margin: 0.55rem 0 0; }
.dz-uklad,
.wp-uklad { display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 2rem;
  align-items: start;
  margin: 1.5rem 0 2.5rem; }
.dz-glowna,
.wp-glowna { min-width: 0; }
.dz-boczna,
.wp-boczna,
.bok-kolumna { position: sticky;
  top: 1.25rem;
  align-self: start;
  min-width: 0; }
.bok-przyklejona { position: sticky;
  top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.15rem; }
.dz-wpisy { display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch; }
.dz-wpisy > .wiersz { height: auto;
  flex: 0 0 auto; }
.dz-uklad:not(:has(.dz-wpisy .dz-poz:nth-child(3))) .dz-boczna .bok-widget:nth-child(n+2) { display: none; }
.dz-uklad:not(:has(.dz-wpisy .dz-poz:nth-child(5))) .dz-boczna .bok-widget:nth-child(n+3) { display: none; }
.dz-uklad:not(:has(.dz-wpisy .dz-poz:nth-child(7))) .dz-boczna .bok-widget:nth-child(n+4) { display: none; }
.wp-uklad:not(:has(.wp-sekcja:nth-child(3))) .wp-boczna .bok-widget:nth-child(n+3) { display: none; }
.wp-uklad:not(:has(.wp-sekcja:nth-child(5))) .wp-boczna .bok-widget:nth-child(n+4) { display: none; }
.bok-widget { background: var(--powierzchnia, #fffdf8);
  border: 1px solid var(--linia, #e2d3bc);
  border-top: 3px solid var(--kd, var(--akcent, #586d28));
  border-radius: 14px;
  padding: 1.15rem 1.2rem;
  box-shadow: 0 4px 14px rgba(45, 29, 19, 0.04); }
.bok-gora { display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.75rem; }
.bok-tytul { font-family: var(--font-naglowki, "Petrona", serif);
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--tekst, #2d1d13);
  margin: 0;
  line-height: 1.3; }
.bok-opis { font-size: 0.9rem;
  line-height: 1.55;
  color: var(--tekst-drugorzedny, #664e3f);
  margin: 0 0 0.85rem; }
.bok-dl { display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0; }
.bok-dl:has(> :only-child) { grid-template-columns: 1fr; }
.bok-dl:has(> :nth-child(3):last-child) { grid-template-columns: 1fr; }
.bok-metryka { background: var(--tlo, #f6efe2);
  border: 1px solid var(--linia, #e2d3bc);
  border-radius: 10px;
  padding: 0.6rem 0.7rem;
  margin: 0; }
.bok-etykieta { font-size: 0.76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--tekst-drugorzedny, #664e3f);
  margin: 0 0 0.2rem; }
.bok-wartosc { font-size: 0.9rem;
  font-weight: 700;
  color: var(--tekst, #2d1d13);
  margin: 0;
  line-height: 1.35; }
.bok-wartosc a { color: inherit;
  text-decoration: none; }
.bok-wartosc a:hover { color: var(--kd, var(--akcent, #586d28));
  text-decoration: underline; }
.bok-lista { list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }
.bok-link,
.bok-dzial-link { display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.5rem 0.65rem;
  border-radius: 10px;
  background: var(--tlo, #f6efe2);
  border: 1px solid transparent;
  color: var(--tekst, #2d1d13);
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 1.4;
  transition: border-color 0.15s ease, background-color 0.15s ease; }
.bok-link:hover,
.bok-dzial-link:hover { border-color: var(--kd, var(--akcent, #586d28));
  background: var(--powierzchnia, #fffdf8); }
.bok-ikona { display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  color: var(--kd, var(--akcent, #586d28));
  flex-shrink: 0;
  margin-top: 0.1rem; }
.bok-ikona svg { width: 100%;
  height: 100%; }
.bok-przycisk { display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  background: var(--akcent, #586d28);
  color: var(--akcent-tekst, #ffffff);
  font-weight: 700;
  font-size: 0.92rem;
  text-decoration: none; }
.bok-przycisk:hover { background: var(--akcent-cien, #3e4e1b); }
.bok-przycisk svg { width: 1rem;
  height: 1rem; }
.wp-glowna { background: var(--powierzchnia, #fffdf8);
  border: 1px solid var(--linia, #e2d3bc);
  border-radius: 18px;
  padding: clamp(1.25rem, 3.2vw, 2.5rem);
  box-shadow: 0 8px 24px rgba(45, 29, 19, 0.05); }
.art-waski { max-width: 860px;
  margin: 1rem auto 2.5rem; }
.wp-naglowek { margin: 0 0 1.5rem; }
.wp-naglowek-notatnik { background: var(--tlo, #f6efe2);
  border: 1px solid var(--linia, #e2d3bc);
  border-left: 5px solid var(--kd, var(--akcent, #586d28));
  border-radius: 14px;
  padding: clamp(1.15rem, 2.5vw, 1.75rem); }
.wp-nadtytul { display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin-bottom: 0.85rem; }
.wp-dzial { display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  background: var(--kd, var(--akcent, #586d28));
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none; }
.wp-dzial-ikona { display: inline-flex;
  width: 1rem;
  height: 1rem; }
.wp-dzial-ikona svg { width: 100%;
  height: 100%; }
.wp-sponsor { display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  background: var(--dodatek, #a45c2c);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase; }
.wp-meta { display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.86rem;
  color: var(--tekst-drugorzedny, #664e3f); }
.wp-data,
.wp-czas,
.wp-aktualizacja { display: inline-flex;
  align-items: center;
  gap: 0.35rem; }
.wp-data svg,
.wp-czas svg { width: 0.95rem;
  height: 0.95rem;
  color: var(--kd, var(--akcent, #586d28)); }
.wp-tytul { font-family: var(--font-naglowki, "Petrona", serif);
  font-size: clamp(1.75rem, 3.2vw, 2.45rem);
  line-height: 1.2;
  color: var(--tekst, #2d1d13);
  margin: 0; }
.wp-metryczka { display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px dashed var(--linia, #e2d3bc); }
.wp-autor { display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--tekst, #2d1d13);
  text-decoration: none; }
.wp-autor svg { width: 1.15rem;
  height: 1.15rem;
  color: var(--kd, var(--akcent, #586d28)); }
.wp-zajawka { font-size: 0.86rem;
  color: var(--tekst-drugorzedny, #664e3f);
  margin: 0.2rem 0 0; }
.wp-pieczec { display: inline-flex;
  width: 2.2rem;
  height: 2.2rem;
  color: var(--kd, var(--akcent, #586d28));
  opacity: 0.35;
  flex-shrink: 0; }
.wp-pieczec svg { width: 100%;
  height: 100%; }
.wp-figura { margin: 0 0 1.5rem;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--linia, #e2d3bc); }
.wp-obraz { display: block;
  width: 100%;
  height: auto; }
.wp-ramka { background: var(--akcent-jasny, #e8eedb);
  border-left: 4px solid var(--kd, var(--akcent, #586d28));
  border-radius: 0 12px 12px 0;
  padding: 1rem 1.25rem;
  margin: 0 0 1.5rem; }
.wp-lead { font-size: 1.08rem;
  line-height: 1.65;
  font-weight: 500;
  color: var(--tekst, #2d1d13);
  margin: 0; }
.wp-spis { background: var(--tlo, #f6efe2);
  border: 1px solid var(--linia, #e2d3bc);
  border-radius: 14px;
  padding: 1.1rem 1.35rem;
  margin: 0 0 1.75rem; }
.wp-spis-tytul { display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-naglowki, "Petrona", serif);
  font-size: 1.15rem;
  margin: 0 0 0.75rem;
  color: var(--tekst, #2d1d13); }
.wp-spis-tytul svg { width: 1.15rem;
  height: 1.15rem;
  color: var(--kd, var(--akcent, #586d28)); }
.wp-spis-lista { list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.45rem 1rem; }
.wp-spis-lista a { display: flex;
  align-items: baseline;
  gap: 0.5rem;
  text-decoration: none;
  color: var(--tekst, #2d1d13);
  font-size: 0.93rem;
  padding: 0.25rem 0; }
.wp-spis-lista a:hover { color: var(--kd, var(--akcent, #586d28));
  text-decoration: underline; }
.wp-spis-nr { font-weight: 700;
  font-size: 0.8rem;
  color: var(--kd, var(--akcent, #586d28)); }
.wp-tresc { font-size: 1.03rem;
  line-height: 1.75;
  color: var(--tekst, #2d1d13); }
.wp-sekcja + .wp-sekcja { margin-top: 1.85rem; }
.wp-sekcja-tytul { font-family: var(--font-naglowki, "Petrona", serif);
  font-size: clamp(1.35rem, 2.2vw, 1.7rem);
  line-height: 1.3;
  color: var(--tekst, #2d1d13);
  margin: 0 0 0.75rem; }
.wp-wskazowka { margin-top: 2.25rem;
  padding: 1.25rem;
  background: var(--tlo, #f6efe2);
  border: 1px solid var(--linia, #e2d3bc);
  border-radius: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem; }
.wp-uwaga p { margin: 0.3rem 0 0;
  font-size: 0.92rem;
  color: var(--tekst-drugorzedny, #664e3f); }
.wp-tagi { display: flex;
  flex-wrap: wrap;
  gap: 0.6rem; }
.wp-tag { display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  background: var(--powierzchnia, #fffdf8);
  border: 1px solid var(--linia, #e2d3bc);
  color: var(--tekst, #2d1d13);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none; }
.wp-tag:hover { border-color: var(--kd, var(--akcent, #586d28)); }
.wp-tag svg { width: 1rem;
  height: 1rem;
  color: var(--kd, var(--akcent, #586d28)); }
.wp-sasiednie,
.wp-powiazane,
.dz-inne,
.dz-tematy,
.dz-podrzedne { margin: 2.5rem 0 0; }
.dz-sekcja-naglowek { margin-bottom: 1.15rem; }
.dz-sekcja-opis { margin: 0.35rem 0 0;
  color: var(--tekst-drugorzedny, #664e3f);
  font-size: 0.95rem; }
.wp-sasiednie-siatka { display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem; }
.wp-sasiednie-siatka:has(> :only-child) { grid-template-columns: 1fr; }
.wp-sasiedni { display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.1rem 1.25rem;
  background: var(--powierzchnia, #fffdf8);
  border: 1px solid var(--linia, #e2d3bc);
  border-radius: 14px;
  text-decoration: none;
  color: var(--tekst, #2d1d13); }
.wp-sasiedni:hover { border-color: var(--akcent, #586d28); }
.wp-nastepny { text-align: right;
  align-items: flex-end; }
.wp-sasiedni-etykieta { display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--akcent, #586d28); }
.wp-sasiedni-etykieta svg { width: 0.95rem;
  height: 0.95rem; }
.wp-sasiedni-tytul { font-family: var(--font-naglowki, "Petrona", serif);
  font-size: 1.08rem;
  line-height: 1.35; }
.wp-powiazane-siatka { display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem; }
.wp-powiazane-siatka:has(> :only-child) { grid-template-columns: 1fr; }
.wp-powiazane-siatka:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dz-inne-siatka,
.dz-tematy-siatka,
.dz-dzialy-siatka { display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem; }
.dz-inne-siatka:has(> :nth-child(2):last-child),
.dz-tematy-siatka:has(> :nth-child(2):last-child),
.dz-dzialy-siatka:has(> :nth-child(2):last-child),
.dz-tematy-siatka:has(> :nth-child(4):last-child),
.dz-dzialy-siatka:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dz-dzial-karta,
.dz-temat-karta { background: var(--powierzchnia, #fffdf8);
  border: 1px solid var(--linia, #e2d3bc);
  border-top: 3px solid var(--kd, var(--akcent, #586d28));
  border-radius: 14px;
  padding: 1.1rem 1.2rem;
  text-decoration: none;
  color: var(--tekst, #2d1d13); }
.dz-dzial-aktywny { background: var(--akcent-jasny, #e8eedb); }
.dz-temat-naglowek { display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.45rem; }
.dz-temat-tytul { font-family: var(--font-naglowki, "Petrona", serif);
  font-size: 1.12rem;
  margin: 0; }
.dz-dzial-link,
.dz-temat-link { color: var(--tekst, #2d1d13);
  text-decoration: none; }
.dz-dzial-link:hover,
.dz-temat-link:hover { color: var(--kd, var(--akcent, #586d28));
  text-decoration: underline; }
.dz-temat-opis { font-size: 0.9rem;
  line-height: 1.5;
  color: var(--tekst-drugorzedny, #664e3f);
  margin: 0; }
.dz-paginacja { display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.75rem; }
.dz-strony { display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem; }
.dz-nr { display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: 2.4rem;
  height: 2.4rem;
  padding: 0 0.75rem;
  border-radius: 10px;
  background: var(--powierzchnia, #fffdf8);
  border: 1px solid var(--linia, #e2d3bc);
  color: var(--tekst, #2d1d13);
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none; }
.dz-nr svg { width: 0.95rem;
  height: 0.95rem; }
@media (max-width: 960px) {
  .dz-uklad,
  .wp-uklad { grid-template-columns: 1fr; }
  .dz-boczna,
  .wp-boczna,
  .bok-kolumna,
  .bok-przyklejona { position: static; }
  .dz-inne-siatka,
  .dz-tematy-siatka,
  .dz-dzialy-siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .dz-hero-uklad,
  .wp-powiazane-siatka,
  .wp-powiazane-siatka:has(> :nth-child(3):last-child),
  .wp-sasiednie-siatka,
  .dz-inne-siatka,
  .dz-tematy-siatka,
  .dz-dzialy-siatka { grid-template-columns: 1fr; }
  .dz-polaroid { margin: 0 auto; }
}
.naglowek-gora-uklad { min-height: 80px; }
.marka { padding-block: 0.4rem; min-height: 0; }
.marka-nazwa { font-size: clamp(1.8rem, 2.6vw, 2.3rem); }
.naglowek-panorama, .naglowek-pies { height: 80px; }
.nawigacja-uklad { min-height: 46px; padding-block: 0.1rem; }
.naw-link, .naw-dom { min-height: 42px; padding-block: 0.35rem; }
.otwarcie-uklad, .dz-uklad, .wp-uklad { align-items: stretch; }
.dz-boczna, .wp-boczna, .bok-kolumna, .otwarcie-boczna { position: relative; align-self: stretch; }
.bok-przyklejona, .boczna-przyklejona { position: sticky; top: 1rem; }
a.rodowod-ogniwo { color: inherit; text-decoration: none; transition: border-color .2s, transform .2s; }
a.rodowod-ogniwo:hover { border-color: var(--dodatek); transform: translateY(-2px); }
.rodowod-dalej { margin-top: auto; padding-top: .6rem; font-size: .88rem; font-weight: 700; color: #7a3f17; }
.kuzyni-uklad { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 1.5rem; align-items: stretch; }
.waga-blok, .kuzyni-charakter { background: var(--pow); border: 1px solid var(--linia); border-radius: var(--r); box-shadow: var(--cien-karta); padding: 1.4rem 1.5rem; }
.waga-tytul, .kuzyni-tytul { font-size: 1.3rem; margin-bottom: .35rem; }
.waga-opis { font-size: .92rem; color: var(--t2); margin-bottom: .8rem; max-width: 60ch; }
.waga-legenda { display: flex; gap: 1.2rem; font-size: .82rem; font-weight: 600; color: var(--t2); margin-bottom: .6rem; }
.waga-leg::before { content: ""; display: inline-block; width: 22px; height: 10px; border-radius: 99px; margin-right: .4rem; vertical-align: middle; }
.waga-leg-kuzyn::before { background: #c9a77c; }
.waga-leg-cavapoo::before { background: #7a3f17; }
.waga-lista { list-style: none; margin: 0; padding: 0; }
.waga-wiersz { display: grid; grid-template-columns: 170px minmax(0, 1fr) 150px; gap: .9rem; align-items: center; padding: .55rem 0; border-top: 1px dashed var(--linia); }
.waga-wiersz:first-child { border-top: 0; }
.waga-nazwa { font-weight: 700; color: var(--tekst); text-decoration: underline; text-decoration-color: var(--linia); text-underline-offset: 3px; }
.waga-nazwa:hover { color: #7a3f17; }
.waga-tor { position: relative; height: 26px; border-radius: 99px; background: repeating-linear-gradient(90deg, #efe4cf 0 calc(20% - 1px), #e2d3bc calc(20% - 1px) 20%); }
.waga-pasek { position: absolute; border-radius: 99px; }
.waga-kuzyn { top: 3px; height: 20px; background: #c9a77c; }
.waga-kuzyn.waga-do { background: linear-gradient(90deg, rgba(201,167,124,.15), #c9a77c 55%); }
.waga-cav { top: 9px; height: 8px; background: #7a3f17; box-shadow: 0 0 0 2px var(--pow); }
.waga-liczby { margin: 0; font-size: .9rem; font-weight: 700; color: var(--tekst); line-height: 1.3; }
.waga-liczby span { display: block; font-weight: 500; font-size: .82rem; color: var(--t2); }
.waga-os { display: flex; justify-content: space-between; margin: .3rem calc(150px + .9rem) 0 calc(170px + .9rem); font-size: .75rem; color: var(--t2); }
.kuzyni-charakter { display: flex; flex-direction: column; gap: .7rem; }
.kuzyn-notka { flex: 1; }
.kuzyn-notka { display: block; padding: .9rem 1rem; border-radius: var(--r-maly); background: #f8f1e4; border-left: 4px solid var(--dodatek); color: var(--tekst); text-decoration: none; }
.kuzyn-notka:hover { background: #f3e7d2; }
.kuzyn-notka strong { display: block; font-family: var(--f-n); font-size: 1.08rem; margin-bottom: .2rem; }
.kuzyn-notka span { font-size: .9rem; color: var(--t2); }
a.barwa-wiersz { color: inherit; text-decoration: none; }
a.barwa-wiersz:hover strong { color: #7a3f17; text-decoration: underline; }
.wzornik-polaroidy-obraz { aspect-ratio: 772 / 253; object-fit: contain; height: auto; }
.notatki { margin: 0 0 2rem; }
.notatki-kartka { position: relative; background-color: #fbf4e6; border: 1px solid #e6d3b3; border-radius: 6px; padding: 1.5rem 1.6rem; box-shadow: 0 8px 22px rgba(45,29,19,.08); }
.notatki-kartka::before { content: ""; position: absolute; top: -10px; left: 50%; width: 110px; height: 22px; transform: translateX(-50%) rotate(-2deg); background: rgba(223,171,75,.55); border-radius: 3px; }
.notatki-tytul { display: flex; align-items: center; gap: .6rem; font-size: 1.25rem; margin: 0 0 1rem; color: var(--tekst); }
.notatki-ikona { display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; border-radius: 50%; background: var(--kd, var(--akcent)); color: #fff; flex: none; }
.notatki-ikona svg { width: 1.1rem; height: 1.1rem; }
.notatki-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; }
.notatki-lista li { display: flex; flex-direction: column; gap: .5rem; padding-left: 2.2rem; position: relative; }
.notatki-lista li::before { content: ""; position: absolute; left: 0; top: .15rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 2px solid var(--kd, var(--akcent)); background: radial-gradient(circle, var(--kd, var(--akcent)) 0 30%, transparent 32%); box-sizing: border-box; }
.notatki-lista p { margin: 0; font-size: .98rem; line-height: 1.55; color: var(--tekst); }
.notatki-lista a { margin-top: auto; font-weight: 700; font-size: .9rem; color: #6b3511; }
.wp-glowna .notatki-lista { grid-template-columns: minmax(0, 1fr); gap: .9rem; }
.wp-wskazowka { display: flex; flex-direction: column; gap: 1rem; }
.dz-hero { padding: 1.75rem 2rem; }
.dz-czolo { background: none; border: 0; box-shadow: none; padding: 0; border-radius: 0; }
.dz-hero-uklad { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 2.5rem; align-items: center; }
.dz-polaroid { margin: 0; padding: 12px 12px 14px; background: #fff; border: 1px solid var(--linia); border-radius: 4px; box-shadow: var(--cien-polaroid); transform: rotate(1.5deg); max-width: 400px; width: 100%; justify-self: end; }
.dz-polaroid .dz-obraz { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 2px; }
.dz-oznaka { margin: .6rem 0 0; text-align: center; font-family: var(--f-n); font-style: italic; font-size: 1.1rem; color: var(--t2); }
.dz-opis { max-width: 62ch; }
.dz-wpisy { display: flex; flex-direction: column; gap: 0; background: var(--pow); border: 1px solid var(--linia); border-radius: var(--r); box-shadow: var(--cien-karta); padding: .4rem 1.4rem; }
.dz-poz { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .9rem; padding: 1.1rem 0; border-top: 1px dashed var(--linia); }
.dz-poz:first-child { border-top: 0; }
.dz-poz-lapa { display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; border-radius: 50%; background: #f3eadb; color: var(--kd, var(--akcent)); }
.dz-poz-lapa svg { width: 1.05rem; height: 1.05rem; }
.dz-poz-tytul { font-size: 1.15rem; line-height: 1.3; margin: 0 0 .3rem; }
.dz-poz-tytul a { color: var(--tekst); text-decoration: none; }
.dz-poz-tytul a:hover { color: var(--kd, var(--akcent)); text-decoration: underline; }
.dz-poz-lead { margin: 0 0 .4rem; font-size: .95rem; color: var(--t2); line-height: 1.55; }
.dz-poz-meta { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin: 0; font-size: .82rem; color: var(--t2); font-weight: 600; }
.dz-poz-sponsor { color: #7a3f17; }
.wp-spis-lista { display: flex !important; flex-direction: column; gap: .35rem; columns: auto; }
@media (max-width: 1140px) {
  .dz-hero-uklad { grid-template-columns: minmax(0, 1fr) 320px; gap: 1.75rem; }
  .waga-wiersz { grid-template-columns: 140px minmax(0, 1fr) 130px; }
  .waga-os { margin-left: calc(140px + .9rem); margin-right: calc(130px + .9rem); }
}
@media (max-width: 980px) {
  .kuzyni-uklad { grid-template-columns: minmax(0, 1fr); }
  .dz-boczna, .wp-boczna, .bok-kolumna, .otwarcie-boczna { align-self: auto; position: static; }
  .bok-przyklejona, .boczna-przyklejona { position: static; }
  .notatki-lista { grid-template-columns: minmax(0, 1fr); }
  .dz-hero-uklad { grid-template-columns: minmax(0, 1fr); }
  .dz-polaroid { justify-self: center; transform: none; }
}
@media (max-width: 680px) {
  .dz-hero { padding: 1.25rem 1.1rem; }
  .waga-blok, .kuzyni-charakter { padding: 1.1rem 1rem; }
  .waga-wiersz { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "n l" "t t"; gap: .35rem .8rem; }
  .waga-nazwa { grid-area: n; }
  .waga-liczby { grid-area: l; text-align: right; }
  .waga-tor { grid-area: t; }
  .waga-os { margin-left: 0; margin-right: 0; }
  .dz-wpisy { padding: .2rem 1rem; }
  .dz-poz { grid-template-columns: minmax(0, 1fr); }
  .dz-poz-lapa { display: none; }
}
.wzornik-paleta { position: sticky; top: 1rem; align-self: start; }
.wp-wskazowka { margin-top: 2.5rem; padding: 0; background: none; border: 0; box-shadow: none; }
@media (max-width: 980px) {
  .wzornik-paleta { position: static; }
}
.niezbednik-ikona { width: 64px; height: 48px; }
.dz-polaroid .dz-obraz { max-width: none; object-fit: cover; }
@media (min-width: 681px) {
  .wp-uklad ~ .wp-powiazane .wp-powiazane-siatka, .wp-powiazane .wp-powiazane-siatka { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.kf-pole { display: flex; flex-direction: column; gap: 6px; }
.kf-pulapka { height: 0 !important; }
@media (max-width: 680px) {
  .waga-wiersz { display: flex; flex-wrap: wrap; align-items: flex-start; }
  .waga-nazwa { flex: 1 1 auto; }
  .waga-liczby { flex: 0 0 auto; }
  .waga-tor { flex: 0 0 100%; order: 3; }
}
@media (max-width: 680px) { .hero-tytul { font-size: 1.8rem; line-height: 1.12; } .hero-lead { font-size: 1.06rem; line-height: 1.65; } }