/* === MONOLIT · Artykuł (Aktualności) === */

/* nagłówek artykułu */
.article .art-head{padding-top:clamp(120px,16vh,170px);max-width:880px}
.article .crumb{font-size:.78rem;color:var(--muted);margin-bottom:1.7rem;letter-spacing:.01em}
.article .crumb a{color:var(--muted);border-bottom:1px solid transparent;transition:.2s}
.article .crumb a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.article .art-head h1{font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.08;margin:.5rem 0 .7rem;max-width:20ch}
.article .art-lead{font-size:clamp(1.1rem,1.7vw,1.32rem);line-height:1.55;color:var(--muted);font-weight:300;max-width:60ch}

/* hero zdjęcie */
.article .art-hero{margin:clamp(34px,5vw,60px) auto clamp(40px,6vw,72px);max-width:var(--maxw);padding-inline:var(--pad)}
.article .art-hero img{width:100%;height:clamp(280px,46vw,580px);object-fit:cover;border-radius:3px}

/* korpus — kolumna czytelnicza */
.article .art-body{max-width:760px}
.prose{font-size:1.075rem;line-height:1.78;color:var(--fg)}
.prose > p:first-of-type{font-size:1.16rem;line-height:1.7}
.prose p{margin:0 0 1.5em;font-weight:400}
.prose h2{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.18;margin:2.2em 0 .7em;letter-spacing:-.01em}
.prose h3{font-family:var(--serif);font-size:1.28rem;margin:1.8em 0 .5em}
.prose strong,.prose b{font-weight:600;color:var(--fg)}
.prose a{color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:.2s}
.prose a:hover{border-bottom-color:var(--accent)}
.prose ul,.prose ol{margin:0 0 1.5em;padding-left:1.3em}
.prose li{margin-bottom:.5em}
.prose blockquote{border-left:2px solid var(--accent);margin:1.8em 0;padding:.2em 0 .2em 1.4em;
  font-family:var(--serif);font-size:1.3rem;line-height:1.4;color:var(--graphite)}

/* figury w treści */
.prose figure{margin:2em 0}
.prose figure img{width:100%;border-radius:3px;display:block}
.prose figure figcaption{font-size:.82rem;color:var(--muted);margin-top:.6rem;letter-spacing:.01em}
.prose .fig-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:2em 0}
.prose .fig-duo figure{margin:0}
.prose .swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:2em 0}
.prose .swatch-grid figure{margin:0}
.prose .swatch-grid img{height:130px;object-fit:cover}
.prose .swatch-grid figcaption{margin-top:.4rem;font-size:.74rem;text-align:center}

/* FAQ */
.art-faq{max-width:760px;margin:clamp(48px,7vw,80px) auto 0;border-top:1px solid var(--line);padding-top:clamp(36px,5vw,56px)}
.art-faq h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1.6rem}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;padding:1.15em 2.2em 1.15em 0;font-size:1.06rem;font-weight:500;position:relative;transition:color .2s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:0;top:.85em;font-size:1.5rem;font-weight:300;color:var(--accent);transition:transform .3s}
.faq-list details[open] summary{color:var(--accent)}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list .faq-a{padding:0 0 1.3em;color:var(--muted);line-height:1.7;max-width:62ch}

/* CTA band */
.art-cta{background:#10122B;color:#EDEEF5;text-align:center;margin-top:clamp(64px,9vw,120px)}
.art-cta h2{font-family:var(--serif);font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.12;margin-bottom:.6rem}
.art-cta p{color:rgba(242,238,231,.72);max-width:54ch;margin:0 auto 2rem;font-weight:300}
.art-cta .cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.art-cta .btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.art-cta .btn-ghost:hover{background:#fff;color:#10122B}

/* === Listing Aktualności === */
.akt-listing .art-head{max-width:760px}
.akt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.6vw,40px)}
.akt-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:3px;overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.akt-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(28,28,26,.12);border-color:transparent}
.akt-thumb{aspect-ratio:3/2;overflow:hidden;background:var(--sand)}
.akt-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.akt-card:hover .akt-thumb img{transform:scale(1.06)}
.akt-info{padding:1.5rem 1.6rem 1.7rem;display:flex;flex-direction:column;flex:1}
.akt-meta{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem}
.akt-title{font-family:var(--serif);font-size:1.42rem;line-height:1.2;margin-bottom:.6rem}
.akt-exc{font-size:.94rem;line-height:1.6;color:var(--muted);font-weight:300;margin-bottom:1.2rem}
.akt-more{margin-top:auto;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);display:inline-flex;align-items:center;gap:.5em}
.akt-more .ar{transition:transform .3s}
.akt-card:hover .akt-more{color:var(--accent)}
.akt-card:hover .akt-more .ar{transform:translateX(4px)}

@media(max-width:900px){ .akt-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:640px){
  .prose .swatch-grid{grid-template-columns:repeat(2,1fr)}
  .prose .fig-duo{grid-template-columns:1fr}
  .article .art-hero img{height:260px}
  .akt-grid{grid-template-columns:1fr;gap:24px}
}