/* HARI v3 — drobne dodatki dla podstron (ładowane PO site.css, tylko na podstronach) */

/* kotwice pod fixed headerem: reguła przeniesiona do site.css (ładowany wszędzie) */

/* hero podstrony: CTA + mikropodpis */
.phero__cta{margin-top:1.7rem;display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.phero__micro{margin-top:1rem;font-size:.85rem;color:var(--ink-soft);letter-spacing:.02em}

/* lista ze złotym punktorem (poza .spot) */
.glist{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.7rem;max-width:70ch}
.glist li{position:relative;padding-left:1.7rem;color:var(--ink-body)}
.glist li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:999px;
  background:linear-gradient(120deg,#C8952F,#E6C879)}

/* kafle filarów — wersja opisowa (o-programie): 2 kolumny, podtytuł i przypis */
.styles--o{grid-template-columns:repeat(2,1fr)}
.tile__sub{font-family:var(--serif);font-style:italic;color:var(--gold-deep);font-size:.98rem;margin-top:3px}
.tile__cite{font-size:.8rem;color:var(--ink-mut);margin-top:10px}
@media (max-width:640px){.styles--o{grid-template-columns:1fr}}

/* karty publikacji bez obrazów: numeracja + listy w kartach funkcji */
.pub__no{font-family:var(--serif);font-style:italic;font-size:1.6rem;line-height:1;
  background:linear-gradient(120deg,#9A6B1E,#E6C879 42%,#C8952F 66%,#8A5A1A);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.pub__b ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;font-size:.9rem;color:var(--ink-soft)}
.pub__b ul li{position:relative;padding-left:1.2rem}
.pub__b ul li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:999px;background:var(--gold)}

/* akordeon (details) */
.acc{margin-top:1.8rem;border:1px solid var(--line);border-radius:6px;background:var(--paper-bright);max-width:70ch}
.acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1.1rem 1.3rem;font-family:var(--serif);font-size:1.1rem;color:var(--ink)}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font-family:var(--serif);font-size:1.5rem;color:var(--gold-deep);flex:none;transition:transform .3s}
.acc[open] summary::after{transform:rotate(45deg)}
.acc__b{padding:0 1.3rem 1.3rem;color:var(--ink-body)}
.acc__b p{margin:0 0 1em}

/* cena */
.price{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}
.price b{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,2rem + 2.4vw,3.8rem);color:var(--ink);line-height:1}
.price span{color:var(--ink-soft)}

/* długa lista w dwóch łamach */
.cols2{columns:2;column-gap:3rem;max-width:100ch}
.cols2 li{break-inside:avoid}
@media (max-width:700px){.cols2{columns:1}}

/* kontakt: formularz + dane fundacji */
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2.4rem,5vw,5rem);align-items:start;margin-top:clamp(2rem,4vw,3rem)}
.contact .form{margin-top:1.4rem}
.contact h3{font-size:1.4rem}
@media (max-width:900px){.contact{grid-template-columns:1fr}}

/* filary treściowe w dwóch kolumnach */
.pillars--2{grid-template-columns:1fr 1fr}
@media (max-width:700px){.pillars--2{grid-template-columns:1fr}}

/* pomocnicze */
.hidden{display:none!important}
.center-cta{text-align:center;margin-top:clamp(2rem,4vw,3rem)}

/* pełny tekst publikacji */
.pub__srcnote{color:var(--ink-mut);font-size:.9rem;border-left:2px solid var(--gold);padding-left:1rem}
.pub__full{margin-top:2.5rem}
.pub__full h3{color:var(--ink);margin:2rem 0 .6rem}
.pub__full p{hyphens:auto}

/* omówienie publikacji */
.pub__lead{font-size:1.22rem;color:var(--ink-body);line-height:1.65;max-width:62ch}
.pub__full h2{font-size:clamp(1.45rem,1.2rem+1.2vw,1.9rem);margin:2.4rem 0 .8rem}
.pub__full ul{padding-left:1.2rem}
.pub__full li{margin:.4em 0}

/* tabele w treściach prawnych (polityka, regulamin) — przewijane poziomo na wąskich ekranach */
.prose ol{padding-left:1.2rem;margin:0 0 1.2em}
.prose ol li{margin:.35em 0}
.tbl-hint{display:none;font-size:.82rem;color:var(--ink-mut);margin:1.2rem 0 -.6rem;align-items:center;gap:.4em}
.tbl-outer{position:relative;margin:1.2rem 0 1.6rem}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:6px}
.tbl-wrap table{width:100%;min-width:620px;border-collapse:collapse;font-size:.92rem}
.tbl-wrap th,.tbl-wrap td{text-align:left;padding:.7rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}
.tbl-wrap thead th{font-family:var(--serif);font-weight:500;color:var(--ink);white-space:nowrap;background:var(--paper-02);border-bottom:2px solid var(--gold)}
.tbl-wrap tbody td{color:var(--ink-body)}
.tbl-wrap tbody tr:last-child td{border-bottom:0}
/* podpowiedź "przewiń" + delikatne wygaszenie prawej krawędzi — tylko gdy tabela faktycznie nie mieści się w ekranie */
@media (max-width:700px){
  .tbl-hint{display:flex}
  .tbl-outer::after{content:"";position:absolute;top:1px;right:1px;bottom:1px;width:32px;border-radius:0 6px 6px 0;
    background:linear-gradient(90deg,rgba(244,238,226,0),var(--paper-bright) 78%);pointer-events:none}
}

/* okienka zgody cytowane w regulaminie (informacyjnie — formularz ich jeszcze nie ma) */
.lawbox{border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:4px;
  padding:1rem 1.3rem;margin:1.2rem 0;background:var(--paper-bright);max-width:70ch}
.lawbox p{margin:0 0 .5em;font-size:.95rem}
.lawbox p:last-child{margin-bottom:0}