/* wiedza.css — Encyklopedia energetyczna (v2). Look edytorski portalu „Dzień z Energią".
   Samowystarczalny (osobny projekt Pages): tokeny/typografia skopiowane z base.css portalu,
   fonty self-host w fonts.css. Namespace: .enc-* (+ .topbar/.page-footer reużyte z portalu).
   Motyw: jasny (papier) domyślnie, noc przez [data-theme=dark]; klucz localStorage: dze-theme. */

/* ── reset + tokeny (z portalu base.css) ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}

:root{
  --paper:#FBFAF7;--paper-2:#F2F0EA;--ink:#16202B;--ink-60:#54606B;--ink-30:#9AA3AB;
  --rule:rgba(22,32,43,.14);--accent:#1F5C46;--accent-ink:#12382B;
  --f-head:'Newsreader',Georgia,serif;
  --f-body:'IBM Plex Sans',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;
  --bg:var(--paper);--bg-2:var(--paper-2);--fg:var(--ink);--fg-muted:var(--ink-60);--border:var(--rule);
  --wrap:1080px;
}
[data-theme=dark]{--paper:#131A17;--paper-2:#1C2622;--ink:#ECEAE2;--ink-60:#A7AEA9;--ink-30:#6E756F;
  --rule:rgba(236,234,226,.16);--accent:#5FB58C;--accent-ink:#8FD0AE}
[data-theme=light]{--paper:#FBFAF7;--paper-2:#F2F0EA;--ink:#16202B;--ink-60:#54606B;--ink-30:#9AA3AB;
  --rule:rgba(22,32,43,.14);--accent:#1F5C46;--accent-ink:#12382B}

body{font-family:var(--f-body);background:var(--bg);color:var(--fg);line-height:1.7;
  overflow-x:hidden;transition:background .4s,color .4s;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--f-head);line-height:1.18;font-weight:600;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.enc-wrap{max-width:var(--wrap);margin:0 auto;padding:0 2rem}

/* eyebrow monospace (sygnatura portalu) */
.enc-eyebrow{font-family:var(--f-mono);font-size:.63rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent)}

/* ── topbar (reużyty z portalu) ── */
.topbar{position:sticky;top:0;z-index:100;height:56px;background:var(--bg);
  border-bottom:1px solid var(--border);transition:background .4s}
.topbar-in{max-width:var(--wrap);margin:0 auto;padding:0 2rem;height:100%;
  display:flex;align-items:center;justify-content:space-between;gap:1rem}
.topbar-logo{font-family:var(--f-head);font-size:1.02rem;font-weight:600;white-space:nowrap}
.topbar-logo span{color:var(--accent)}
.topbar-r{display:flex;align-items:center;gap:.7rem}
.topbar-back{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 92%);
  border:1px solid color-mix(in srgb,var(--accent),transparent 74%);padding:.45rem .75rem;transition:all .2s;white-space:nowrap}
.topbar-back:hover{background:var(--accent);color:var(--paper);border-color:var(--accent)}
.theme-btn{background:color-mix(in srgb,var(--accent),transparent 92%);
  border:1px solid color-mix(in srgb,var(--accent),transparent 78%);color:var(--fg);
  width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:all .25s}
.theme-btn:hover{border-color:var(--accent)}
@media(max-width:600px){.topbar-in{padding:0 1rem}.topbar-back .tb-label{display:none}}

/* ── strona główna: hero + szukajka ── */
.enc-hero{padding:3.4rem 0 2.2rem;border-bottom:1px solid var(--border)}
.enc-hero__eyebrow{margin-bottom:1rem}
.enc-hero h1{font-size:clamp(2.2rem,4.6vw,3.4rem);margin-bottom:.7rem}
.enc-hero__sub{font-size:1.02rem;color:var(--fg-muted);max-width:56ch;font-weight:300;margin-bottom:1.8rem}
.enc-search{position:relative;max-width:620px}
.enc-search__input{width:100%;font:inherit;font-size:1rem;padding:.85rem 1rem;color:var(--fg);
  background:var(--bg-2);border:1px solid var(--border);border-radius:0;transition:border-color .2s}
.enc-search__input:focus{outline:none;border-color:var(--accent)}
.enc-search__hint{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;color:var(--ink-30);pointer-events:none}

/* ── sekcje ── */
.enc-section{padding:2.6rem 0}
.enc-section+.enc-section{border-top:1px solid var(--border)}
.enc-section__h{font-family:var(--f-mono);font-size:.66rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent);margin-bottom:1.4rem;padding-bottom:.6rem;
  border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.enc-section__h span{color:var(--ink-30);letter-spacing:.08em}

/* ── mapy tematyczne (huby MOC) ── */
.enc-hubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;
  background:var(--border);border:1px solid var(--border)}
.enc-hub{background:var(--bg);padding:1.3rem 1.4rem;transition:background .2s;display:block}
.enc-hub:hover{background:var(--bg-2)}
.enc-hub__k{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.55rem}
.enc-hub__t{font-family:var(--f-head);font-size:1.22rem;font-weight:600;margin-bottom:.4rem}
.enc-hub__d{font-size:.86rem;color:var(--fg-muted);line-height:1.55}

/* ── filtry (edytorskie, nie pigułki) ── */
.enc-filters{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin-bottom:1.6rem}
.enc-filgroup{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.enc-filgroup__l{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-30);margin-right:.2rem}
.enc-chip{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.03em;color:var(--fg-muted);
  background:none;border:1px solid var(--border);padding:.28rem .7rem;cursor:pointer;transition:all .18s;text-transform:lowercase}
.enc-chip:hover{border-color:var(--accent);color:var(--fg)}
.enc-chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--paper)}

/* ── indeks haseł (lista edytorska) ── */
.enc-count{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.06em;color:var(--ink-30);margin-bottom:1rem}
.enc-index{list-style:none}
.enc-index__i{border-top:1px solid var(--border)}
.enc-index__i:last-child{border-bottom:1px solid var(--border)}
.enc-index__a{display:grid;grid-template-columns:1fr auto;gap:.4rem 1.2rem;align-items:baseline;
  padding:1rem .3rem;transition:background .18s,padding .18s}
.enc-index__a:hover{background:var(--bg-2);padding-left:.9rem}
.enc-index__t{font-family:var(--f-head);font-size:1.18rem;font-weight:600}
.enc-index__one{grid-column:1;font-size:.86rem;color:var(--fg-muted);line-height:1.5;max-width:70ch}
.enc-index__meta{grid-row:1;grid-column:2;font-family:var(--f-mono);font-size:.58rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-30);text-align:right;white-space:nowrap}
.enc-empty{color:var(--fg-muted);padding:2rem 0}

/* ── strona hasła (artykuł edytorski) ── */
.enc-art{max-width:760px;margin:0 auto;padding:2.4rem 0 1rem}
.enc-crumb{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-30);margin-bottom:1.4rem;display:flex;flex-wrap:wrap;gap:.45rem}
.enc-crumb a{color:var(--accent)}
.enc-crumb span{color:var(--ink-30)}
.enc-art__eyebrow{margin-bottom:.9rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.enc-art h1{font-size:clamp(2rem,4vw,2.9rem);margin-bottom:.6rem}
.enc-art__lead{font-family:var(--f-head);font-size:1.3rem;line-height:1.5;color:var(--fg-muted);
  font-weight:300;margin-bottom:1.6rem;padding-bottom:1.6rem;border-bottom:1px solid var(--border)}
.enc-art__body{font-size:1.06rem;line-height:1.75}
.enc-art__body p{margin:0 0 1.1rem}
.enc-art__body h2{font-size:1.5rem;margin:2rem 0 .7rem}
.enc-art__body h3{font-size:1.15rem;margin:1.5rem 0 .5rem}
.enc-art__body ul,.enc-art__body ol{margin:0 0 1.1rem 1.3rem}
.enc-art__body li{margin-bottom:.35rem}
/* cytat/streszczenie — BEZ pionowej kreski po lewej (zakaz emfazy linią); styl edytorski */
.enc-art__body blockquote{margin:1.6rem 0;padding:0 1.8rem;font-family:var(--f-head);font-style:italic;
  font-size:1.16rem;line-height:1.6;color:var(--fg-muted)}
.enc-art__body blockquote strong{font-style:normal;font-weight:600;color:var(--fg)}
.enc-art__body blockquote p{margin:0}
.enc-art__body code{font-family:var(--f-mono);font-size:.86em;background:var(--bg-2);padding:.05em .35em;border:1px solid var(--border)}
.enc-art__body .tw{overflow-x:auto}
.enc-art__body table{border-collapse:collapse;font-size:.9rem;min-width:100%;margin:1rem 0}
.enc-art__body th,.enc-art__body td{border:1px solid var(--border);padding:.5rem .7rem;text-align:left;vertical-align:top}
.enc-art__body th{font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--accent);background:var(--bg-2)}
/* wiki-linki wewnętrzne (Obsidian-style) */
.enc-art__body a.wl,.enc-wl{color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent),transparent 55%);transition:border-color .15s}
.enc-art__body a.wl:hover,.enc-wl:hover{border-bottom-color:var(--accent)}

/* ── powiązania (F1: linki; graf lokalny → F2) ── */
.enc-rel{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--border)}
.enc-rel__h{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin:1.4rem 0 .8rem}
.enc-rel__h:first-child{margin-top:0}
.enc-rel__list{display:flex;flex-wrap:wrap;gap:.5rem}
.enc-rel__a{font-family:var(--f-body);font-size:.9rem;color:var(--fg);
  border:1px solid var(--border);padding:.3rem .75rem;transition:all .18s}
.enc-rel__a:hover{border-color:var(--accent);color:var(--accent)}
.enc-korpus__a{font-family:var(--f-mono);font-size:.72rem;color:var(--accent);
  border:1px solid color-mix(in srgb,var(--accent),transparent 70%);padding:.3rem .7rem;transition:all .18s;display:inline-block}
.enc-korpus__a:hover{background:var(--accent);color:var(--paper)}
.enc-art__zrodlo{font-family:var(--f-mono);font-size:.68rem;color:var(--ink-30);margin-top:1.6rem;
  padding-top:1rem;border-top:1px solid var(--border);overflow-wrap:anywhere}

/* ── panel „Zapytaj" ── */
.enc-ask{background:var(--bg-2);border:1px solid var(--border);padding:1.4rem 1.5rem;margin:2.6rem auto 0;max-width:760px}
.enc-ask__h{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem}
.enc-ask__hint{font-size:.82rem;color:var(--fg-muted);margin-bottom:.9rem;line-height:1.55}
.enc-ask__input{width:100%;font:inherit;font-size:.95rem;padding:.7rem .8rem;color:var(--fg);
  background:var(--bg);border:1px solid var(--border);resize:vertical}
.enc-ask__input:focus{outline:none;border-color:var(--accent)}
.enc-ask__btn{margin-top:.7rem;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  background:var(--accent);color:var(--paper);border:0;padding:.65rem 1.4rem;cursor:pointer;transition:background .2s}
.enc-ask__btn:hover{background:var(--accent-ink)}
.enc-ask__btn[disabled]{opacity:.6;cursor:wait}
.enc-ask__out{margin-top:1rem;font-size:.92rem;border-top:1px solid var(--border);padding-top:1rem;overflow-wrap:anywhere}
.enc-ask__out h1,.enc-ask__out h2,.enc-ask__out h3{font-size:1.05rem;margin:.8rem 0 .4rem}
.enc-ask__src{margin-top:.6rem;font-size:.78rem;color:var(--fg-muted)}
.enc-ask__err{color:#b3261e}
[data-theme=dark] .enc-ask__err{color:#f2b8b5}

/* ── stopka (reużyta z portalu) ── */
.page-footer{text-align:center;padding:2.4rem;border-top:1px solid var(--border);
  font-family:var(--f-mono);font-size:.66rem;letter-spacing:.04em;color:var(--fg-muted);margin-top:2rem}
.page-footer a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.page-footer p+p{margin-top:.5rem}

/* ── responsywność ── */
@media(max-width:600px){
  .enc-wrap,.topbar-in{padding-left:1rem;padding-right:1rem}
  .enc-index__a{grid-template-columns:1fr}
  .enc-index__meta{grid-row:auto;grid-column:1;text-align:left;margin-top:.2rem}
  .enc-art__body>p:first-of-type::first-letter{font-size:3em}
}