/* Poradnik: wspólny język wizualny marki, spokojny układ do czytania. */
.guide-hero{display:grid;grid-template-columns:1.35fr .8fr;gap:70px;align-items:center;padding-block:42px 64px;border-bottom:1px solid var(--line)}
.breadcrumb{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:42px;text-decoration:underline;text-underline-offset:4px}
.guide-heading h1{font-size:clamp(48px,5.2vw,72px);line-height:1.08}
.guide-heading h1 em{font:italic 1em/1.08 Georgia,serif;color:#718346;letter-spacing:-.06em}
.guide-lead{font-size:18px;line-height:1.7;max-width:580px;margin-top:25px}
.guide-meta{font-size:11px;margin-top:25px}
.guide-cover{position:relative;height:410px;border-radius:12px;overflow:hidden;background:#c1d3ac}
.guide-cover img{height:100%;width:100%;object-fit:cover;object-position:50% 70%}
.guide-cover figcaption{position:absolute;bottom:16px;left:16px;right:16px;border-radius:5px;padding:10px 13px;background:#f7f7eff0;font-size:11px;color:var(--ink)}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,800px);justify-content:space-between;gap:64px;padding-block:60px 30px}
.guide-toc{align-self:start;position:sticky;top:122px}
.guide-toc .eyebrow{margin-bottom:14px}
.guide-toc nav{display:flex;flex-direction:column}
.guide-toc nav a{font-size:13px;padding:13px 0;border-bottom:1px solid var(--line);line-height:1.5}
.guide-toc nav a:hover{color:#6c843d;text-decoration:underline;text-underline-offset:4px}
.guide-toc>p:last-child{font-size:12px;margin-top:25px;line-height:1.8}
.guide-body{min-width:0;font-size:16px;line-height:1.8}
.guide-body>section{margin-top:58px;scroll-margin-top:120px}
.guide-body h2{font-size:clamp(30px,3.1vw,40px);line-height:1.15;margin-bottom:22px}
.guide-body h3{font-size:24px;line-height:1.25}
.guide-body p+p{margin-top:18px}
.guide-body p>a,.guide-checklist a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.guide-body strong{color:var(--ink);font-weight:600}
.guide-answer{padding:28px 30px;background:#e9eddf;border-left:3px solid #7f9b4b;border-radius:0 9px 9px 0}
.guide-answer .eyebrow{margin-bottom:13px}
.guide-answer p:last-child{font-size:16px}
.guide-answer strong{display:block;margin-bottom:10px;line-height:1.65}
.comparison-scroll{margin-top:25px;border:1px solid var(--line);border-radius:10px;overflow-x:auto}
.comparison-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;text-align:left}
.comparison-table caption{padding:16px 20px;text-align:left;color:var(--muted);font-size:12px;background:#edf0e6}
.comparison-table th,.comparison-table td{padding:18px 20px;vertical-align:top;border-top:1px solid var(--line)}
.comparison-table thead{background:#214d35;color:#fff}
.comparison-table thead th{font-weight:600;font-size:14px;border-color:#214d35}
.comparison-table th[scope="row"]{width:21%;font-weight:600}
.comparison-table td{width:39.5%;color:var(--muted)}
.comparison-table tbody td:nth-child(2){background:#edf0e650}
.source-ref{font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;color:#49692e}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:25px}
.choice-panel{padding-top:20px;border-top:2px solid #a5b98c}
.choice-number{display:block;font-size:10px;letter-spacing:.12em;color:#617949;font-weight:700;margin-bottom:16px}
.choice-panel h3{margin-bottom:15px}
.choice-panel p{font-size:15px}
.guide-note{padding:27px 30px;margin-top:30px;background:#edf0e6;border-radius:9px}
.guide-note h3{margin-bottom:12px}
.guide-note p{font-size:15px}
.guide-checklist,.guide-steps{margin:25px 0;padding:0;list-style:none;color:var(--muted)}
.guide-checklist li{position:relative;padding:16px 0 16px 26px;border-top:1px solid var(--line)}
.guide-checklist li:before{content:'✓';position:absolute;left:0;color:#637e40}
.guide-steps{counter-reset:water-step}
.guide-steps li{position:relative;padding:4px 0 22px 47px;counter-increment:water-step}
.guide-steps li:before{content:counter(water-step,decimal-leading-zero);position:absolute;left:0;top:0;border:1px solid #bacba5;border-radius:50%;width:32px;height:32px;font-size:11px;display:grid;place-items:center;color:#5d7840}
.guide-steps strong{display:block;margin-bottom:5px}
.guide-contact{background:#214d35;border-radius:12px;padding:38px;color:#fff}
.guide-contact h2{font-size:clamp(35px,4vw,48px)}
.guide-contact .eyebrow{color:#d7eaaa}
.guide-contact p:not(.eyebrow){color:#d1deca;max-width:530px}
.guide-contact .button{margin-top:25px;background:var(--lime);color:var(--ink)}
.guide-contact .button:hover{background:#e8f3ce}
.guide-contact-alt{display:block;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:4px;color:#e3ecd8}
.guide-sources{display:block;padding:36px 0 20px;margin-top:36px;border-top:1px solid var(--line)}
.guide-sources h2{font-size:22px;margin-bottom:15px;letter-spacing:-.025em}
.guide-sources p,.guide-sources li{font-size:12px;color:var(--muted);line-height:1.8}
.guide-sources ol{padding-left:20px;margin-top:18px}
.guide-sources li{padding:6px 0 6px 5px;scroll-margin-top:120px;overflow-wrap:anywhere}
.guide-sources a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.guide-page .site-footer{border-top:1px solid var(--line)}
.header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#869b66}
@media(max-width:1150px){.guide-hero{gap:40px}.guide-cover{height:380px}.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:40px}.comparison-table th,.comparison-table td{padding:15px 14px}.guide-heading h1{font-size:56px}}
@media(max-width:900px){.guide-hero{gap:30px;grid-template-columns:1.3fr .8fr}.guide-heading h1{font-size:48px}.guide-lead{font-size:16px}.guide-cover{height:360px}.guide-layout{grid-template-columns:1fr;gap:35px}.guide-toc{position:static;display:block}.guide-toc nav{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.guide-toc>p:last-child{max-width:600px;margin-top:18px}.guide-body{max-width:800px}.guide-body h2{font-size:36px}}
@media(max-width:760px){.guide-hero{grid-template-columns:1fr;padding-block:24px 35px;gap:28px}.breadcrumb{margin-bottom:29px;font-size:11px}.guide-heading h1{font-size:clamp(43px,8.2vw,60px)}.guide-heading h1 em{font-size:1em}.guide-heading .eyebrow{margin-bottom:18px}.guide-lead{font-size:17px;margin-top:22px}.guide-meta{margin-top:19px}.guide-cover{height:260px}.guide-cover img{object-position:50% 77%}.guide-layout{padding-top:32px}.guide-body{font-size:16px}.guide-body>section{margin-top:42px;scroll-margin-top:105px}.guide-body h2{font-size:32px}.guide-answer,.guide-note{padding:23px}.guide-contact{padding:29px 24px}.guide-contact h2{font-size:38px}.guide-sources{padding-block:28px 10px}.guide-sources p{margin-top:0}.guide-sources h2{font-size:22px}.guide-sources li{scroll-margin-top:105px}}
@media(max-width:600px){.guide-toc nav{grid-template-columns:1fr}.guide-toc nav a{padding-block:11px}.choice-grid{grid-template-columns:1fr;gap:26px}.comparison-scroll{overflow:visible;border:0;border-radius:0}.comparison-table,.comparison-table tbody{display:block}.comparison-table caption{display:block;padding:13px 15px;border-radius:6px;font-size:11px}.comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.comparison-table tbody tr{display:block;border:1px solid var(--line);border-radius:8px;margin-top:16px;overflow:hidden}.comparison-table th[scope="row"]{display:block;width:100%;background:#e9eddf;border:0;padding:12px 17px;font-size:16px}.comparison-table td{display:block;width:100%;padding:15px 17px;font-size:14px}.comparison-table td:before{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;color:#4d683b;margin-bottom:7px}.comparison-table td:nth-child(2):before{content:'NATURALNY'}.comparison-table td:nth-child(3):before{content:'SZTUCZNY'}.guide-answer{padding:20px}.guide-cover{height:230px}.guide-cover figcaption{font-size:10px;left:12px;right:12px;bottom:12px}.guide-contact .button{width:100%}.guide-body .questions summary{font-size:16px}}