/* AskHershy · Poradnik — single reading column, serif-led, day strip + accordion · Source Serif 4 / Manrope · dials 3/2/3 */
:root{--bg:#f6f3ec;--card:#fffdf8;--ink:#1d2725;--soft:#55605d;--sage:#3f6b64;--sage2:#2b4f49;--mint:#dbe8e4;--line:#ddd7cb;--clay:#8a4b3a;
--se:"Source Serif 4",Georgia,serif;--sa:"Manrope",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.75 var(--se)}
img{display:block;max-width:100%}
a{color:var(--sage2)}
.pg-top{background:var(--bg);border-bottom:1px solid var(--line)}
.pg-top__in{max-width:720px;margin:auto;padding:.9rem 1.2rem;display:flex;align-items:baseline;gap:.8rem;font-family:var(--sa)}
.pg-logo{font:600 1.25rem var(--se);color:var(--ink);text-decoration:none}.pg-logo em{color:var(--sage);font-style:italic}
.pg-top__sec{font-size:.78rem;color:var(--soft);border-left:1px solid var(--line);padding-left:.8rem}
.pg-top__cart{margin-left:auto;font-size:.88rem;font-weight:600;color:var(--sage2);text-decoration:none}
.pg-top__cart span{background:var(--sage);color:#fff;border-radius:999px;padding:0 .45rem;font-size:.74rem;margin-left:.2rem}
.pg{max-width:720px;margin:auto;padding:2rem 1.2rem 3rem}
.pg-cat{font:700 .74rem var(--sa);letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin:0 0 1rem}
h1{font:600 clamp(1.7rem,5.4vw,2.6rem)/1.18 var(--se);margin:0 0 1.2rem;letter-spacing:-.01em}
.pg-lede{font-size:1.15rem;color:#38423f;margin:0 0 1.2rem}
.pg-med{font:400 .86rem/1.55 var(--sa);color:var(--clay);background:#f4e9e3;border-radius:6px;padding:.8rem 1rem;margin:0 0 1.6rem}
h2{font:600 clamp(1.35rem,3.6vw,1.75rem)/1.25 var(--se);margin:0 0 .9rem}
h3{font:700 1rem/1.3 var(--sa);margin:.2rem 0 .4rem}
p{margin:0 0 1.1rem}
.pg-sec{margin:2.6rem 0}
.pg-fig{margin:0;background:#ece8df;border-radius:6px;overflow:hidden}
.pg-fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.pg-fig--sq img{aspect-ratio:1/1}
.pg-fig figcaption{font:400 .8rem/1.5 var(--sa);color:var(--soft);padding:.6rem .8rem;background:var(--card)}
.pg-fig--wide{margin:0 -1.2rem}
.pg-pull{margin:2.4rem 0;padding:0 0 0 1.2rem;border-left:2px solid var(--sage)}
.pg-pull p{font:italic 400 clamp(1.25rem,3.2vw,1.55rem)/1.45 var(--se);color:var(--sage2);margin:0}
.pg-sec--split{display:grid;gap:1.4rem}
.pg-sec--split .pg-fig{max-width:340px}
.pg-week{margin:2.8rem -1.2rem;padding:1.8rem 1.2rem;background:var(--mint)}
.pg-week__hint{font:400 .8rem var(--sa);color:var(--soft);margin:0 0 .8rem}
.pg-strip{list-style:none;margin:0;padding:0 0 .6rem;display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.pg-strip li{scroll-snap-align:start;background:var(--card);border-radius:6px;padding:1rem;border-top:4px solid var(--sage)}
.pg-strip li:nth-child(n+5){border-top-color:var(--sage2)}
.pg-strip .d{font:700 .72rem var(--sa);letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}
.pg-strip p{font:400 .92rem/1.55 var(--sa);margin:0;color:#3b4542}
.pg-strip:focus-visible{outline:2px solid var(--sage)}
.pg-sec--photos{display:grid;gap:.9rem}
.pg-check{list-style:none;margin:0;padding:1rem 1.1rem;background:var(--card);border:1px solid var(--line);border-radius:6px;font:400 .95rem/1.55 var(--sa)}
.pg-check li{padding:.4rem 0 .4rem 1.8rem;position:relative}
.pg-check li::before{content:"";position:absolute;left:0;top:.62rem;width:1rem;height:1rem;border-radius:50%;background:var(--mint);box-shadow:inset 0 0 0 2px var(--sage)}
.pg-tw{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:6px}
.pg-tw table{border-collapse:collapse;width:100%;min-width:520px;font:400 .9rem/1.45 var(--sa)}
.pg-tw th,.pg-tw td{padding:.65rem .8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.pg-tw thead th{font-weight:700;color:var(--sage2);background:#f0ece3}
.pg-tw td:nth-child(2){background:#eef5f2}
.pg-small{font:400 .85rem/1.5 var(--sa);color:var(--soft);margin-top:.8rem}
.pg-faq{margin:2.8rem 0}
.pg-faq details{border-top:1px solid var(--line)}
.pg-faq details:last-of-type{border-bottom:1px solid var(--line)}
.pg-faq summary{cursor:pointer;list-style:none;padding:1rem 2.2rem 1rem 0;font:600 1.05rem/1.4 var(--se);position:relative}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary::after{content:"+";position:absolute;right:.2rem;top:.8rem;font:400 1.5rem/1 var(--sa);color:var(--sage)}
.pg-faq details[open] summary::after{content:"−"}
.pg-faq summary:focus-visible{outline:2px solid var(--sage);outline-offset:2px}
.pg-faq details p{font:400 .98rem/1.65 var(--sa);color:#3b4542;padding:0 0 1rem}
.pg-kit{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1.2rem;display:grid;gap:1.2rem}
.pg-kit__imgs{display:grid;grid-template-columns:1.5fr 1fr;gap:.6rem;align-items:start}
.pg-rows{list-style:none;margin:0 0 1rem;padding:0;font-family:var(--sa)}
.pg-rows li{display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}
.pg-rows span{font-weight:600;font-size:.95rem}.pg-rows b{font-size:1rem}
.pg-rows button{grid-column:1/-1;justify-self:start;font:700 .88rem var(--sa);padding:.55rem 1rem;border-radius:999px;border:1px solid var(--sage);background:transparent;color:var(--sage2);cursor:pointer}
.pg-rows li:first-child button{background:var(--sage);color:#fff}
.pg-rows button:hover{background:var(--sage2);color:#fff}
.pg-rows button:focus-visible,a:focus-visible{outline:2px solid var(--clay);outline-offset:2px}
.pg-msg{font:600 .9rem var(--sa);color:var(--sage2)}
.pg-more{font:700 .95rem var(--sa)}
.pg-foot{border-top:1px solid var(--line);padding:1.4rem 1.2rem;text-align:center;font:400 .85rem/1.6 var(--sa);color:var(--soft)}
.pg-foot a{color:var(--ink)}.pg-foot__l{font-size:.76rem;margin:0}
@media (min-width:640px){
.pg-strip{grid-auto-columns:42%}
.pg-sec--photos{grid-template-columns:1fr 1fr}
.pg-rows li{grid-template-columns:1fr auto auto}.pg-rows button{grid-column:auto}
}
@media (min-width:900px){
.pg-fig--wide{margin:0 -6rem}
.pg-sec--split{grid-template-columns:280px 1fr;align-items:start;margin-left:-4rem}
.pg-week{width:100vw;margin-left:calc(50% - 50vw);margin-right:0;padding:2.4rem max(1.5rem,calc(50vw - 600px))}
.pg-strip{grid-auto-flow:row;grid-template-columns:repeat(7,1fr);grid-auto-columns:auto;overflow:visible}
.pg-strip li{padding:.9rem .85rem}
.pg-week h2{max-width:720px;margin-left:auto;margin-right:auto;padding-left:0}
.pg-week__hint{display:none}
.pg-kit{grid-template-columns:1fr 1.1fr;margin-left:-4rem;margin-right:-4rem;align-items:center}
}
.pg-check--warn{background:#faf1ec;border-color:#e5cfc4}
.pg-check--warn li::before{background:#f4e0d6;box-shadow:inset 0 0 0 2px var(--clay)}
.pg-errs{margin:0;padding:0;list-style:none;counter-reset:e}
.pg-errs li{counter-increment:e;position:relative;padding:.75rem 0 .75rem 2.4rem;border-bottom:1px solid var(--line);font:400 .97rem/1.6 var(--sa)}
.pg-errs li::before{content:counter(e);position:absolute;left:0;top:.8rem;font:600 1.6rem/1 var(--se);color:var(--sage)}
.pg-errs b{display:block;font-weight:700}
html,body{overflow-x:clip}