/* Centrum pomocy DietoPlatformy — paleta i kroje jak na dietoplatforma.pl */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --paper:#FBF8EF; --cream:#F1EBD9; --forest-dark:#1E2E22; --ink-soft:#4A5641;
  --rust:#AE4E2C; --rust-link:#A54525; --gold:#C0902E; --muted:#5F6657;
  --border:rgba(30,46,34,.12); --radius:12px; --t:.2s ease;
}
html{scroll-behavior:smooth;scroll-padding-top:90px;}
body{font-family:'Instrument Sans',system-ui,sans-serif;background:var(--paper);color:var(--forest-dark);font-size:16px;line-height:1.7;}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:600;line-height:1.25;}
a{color:var(--rust-link);}
:focus-visible{outline:3px solid var(--rust);outline-offset:2px;}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--forest-dark);color:var(--paper);padding:.8rem 1.2rem;z-index:1000;}
.skip-link:focus{left:0;}
.tylko-czytnik{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* Nagłówek */
.naglowek{position:sticky;top:0;z-index:100;background:rgba(251,248,239,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);}
.naglowek-wnetrze{max-width:1200px;margin:0 auto;padding:.8rem 24px;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;}
.logo{display:inline-flex;align-items:center;gap:.5rem;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:600;font-size:1.2rem;color:var(--forest-dark);text-decoration:none;}
.logo span{color:var(--rust);}
.logo-pomoc{color:var(--ink-soft);text-decoration:none;font-weight:600;font-size:.9rem;padding-left:1.2rem;border-left:1px solid var(--border);}
.szukaj{position:relative;margin-left:auto;flex:0 1 380px;min-width:220px;}
.szukaj input{width:100%;font:inherit;font-size:.95rem;padding:.6rem .9rem;border:1px solid rgba(30,46,34,.25);border-radius:10px;background:#fff;color:var(--forest-dark);}
.szukaj-wyniki{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 32px -12px rgba(30,46,34,.3);max-height:70vh;overflow-y:auto;}
.szukaj-wyniki a{display:block;padding:.65rem .9rem;text-decoration:none;color:var(--forest-dark);border-bottom:1px solid var(--border);}
.szukaj-wyniki a:last-child{border-bottom:none;}
.szukaj-wyniki a:hover,.szukaj-wyniki a.zaznaczony{background:var(--cream);}
.szukaj-wyniki small{display:block;color:var(--muted);font-size:.8rem;}
.szukaj-wyniki .brak{padding:.8rem .9rem;color:var(--muted);font-size:.9rem;}

/* Układ */
.uklad{max-width:1200px;margin:0 auto;padding:32px 24px 64px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;}
.boczny ul{list-style:none;}
.boczny summary{font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;cursor:pointer;list-style:none;}
.boczny summary::-webkit-details-marker{display:none;}
.boczny a{display:block;padding:.4rem .7rem;border-radius:8px;color:var(--ink-soft);text-decoration:none;font-size:.92rem;}
.boczny a:hover{background:var(--cream);}
.boczny a.aktywna{background:var(--cream);color:var(--rust-link);font-weight:700;}
.boczny-zwijany{position:sticky;top:90px;}
@media (max-width:860px){
  .uklad{grid-template-columns:1fr;gap:16px;padding-top:16px;}
  .boczny-zwijany{position:static;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem 1rem;background:#fff;}
  .boczny summary{margin:0;}
  .boczny summary::after{content:' ▾';}
  .boczny-zwijany[open] ul{margin-top:.6rem;}
  .logo-pomoc{border-left:none;padding-left:0;}
  .szukaj{flex-basis:100%;margin-left:0;}
}

/* Treść */
.tresc{min-width:0;}
.okruszki{font-size:.85rem;color:var(--muted);margin-bottom:1.2rem;}
.okruszki a{color:var(--muted);}
.tresc h1{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:.6rem;}
.lead{color:var(--ink-soft);font-size:1.05rem;margin-bottom:1.6rem;max-width:68ch;}
.plakietka{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--cream);color:var(--ink-soft);padding:.15rem .55rem;border-radius:6px;vertical-align:middle;}
.artykul{max-width:760px;}
.artykul h2{font-size:1.35rem;margin:2.2rem 0 .7rem;padding-top:.3rem;}
.artykul h3{font-size:1.1rem;margin:1.6rem 0 .5rem;}
.artykul p,.artykul li{max-width:68ch;}
.artykul p{margin-bottom:1rem;}
.artykul ul,.artykul ol{margin:0 0 1.1rem 1.4rem;}
.artykul li{margin-bottom:.35rem;}
.artykul li ul,.artykul li ol{margin:.35rem 0 .2rem 1.2rem;}
.artykul code{font-family:'IBM Plex Mono',monospace;font-size:.88em;background:var(--cream);padding:.1em .35em;border-radius:5px;}
.artykul pre{background:var(--forest-dark);color:var(--paper);padding:1rem 1.2rem;border-radius:var(--radius);overflow-x:auto;margin:0 0 1.2rem;font-size:.88rem;line-height:1.55;}
.artykul pre code{background:none;padding:0;color:inherit;}
.tabela{overflow-x:auto;margin:0 0 1.3rem;}
table{border-collapse:collapse;width:100%;font-size:.93rem;background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);}
th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--border);vertical-align:top;}
th{background:var(--cream);font-weight:700;}
tr:last-child td{border-bottom:none;}
.spis{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:1.6rem;font-size:.92rem;}
.spis b{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;}
.spis ul{margin:0 0 0 1.1rem;}
.zrzut{margin:1.2rem 0 1.6rem;}
.zrzut img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 24px -14px rgba(30,46,34,.35);}
.zrzut figcaption{font-size:.85rem;color:var(--muted);margin-top:.4rem;}
.zrzut-brak span{display:flex;align-items:center;justify-content:center;min-height:120px;border:2px dashed rgba(30,46,34,.18);border-radius:var(--radius);color:var(--muted);font-size:.9rem;background:repeating-linear-gradient(45deg,transparent 0 12px,rgba(241,235,217,.6) 12px 24px);}

/* Strona główna pomocy i listy */
.powitanie{margin-bottom:2rem;}
.powitanie p{max-width:62ch;color:var(--ink-soft);margin-top:.4rem;}
.polecane{margin-top:1rem;font-weight:600;}
.kafelki{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.kafelki a,.lista-artykulow a{display:flex;flex-direction:column;gap:.3rem;height:100%;padding:1.1rem 1.2rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--forest-dark);transition:border-color var(--t),transform var(--t);}
.kafelki a:hover,.lista-artykulow a:hover{border-color:var(--rust);transform:translateY(-2px);}
.kafelki b,.lista-artykulow b{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:1.05rem;}
.kafelki span,.lista-artykulow span{color:var(--ink-soft);font-size:.9rem;}
.kafelki small{color:var(--muted);font-size:.8rem;margin-top:auto;}
.lista-artykulow{list-style:none;display:grid;gap:10px;max-width:760px;margin-top:1.4rem;}
.lista-artykulow mark{background:rgba(192,144,46,.3);color:inherit;}

.stopka{border-top:1px solid var(--border);padding:24px;text-align:center;font-size:.88rem;color:var(--muted);}
.stopka p{max-width:none;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.kafelki a,.lista-artykulow a{transition:none;}}