/* ==========================================================================
   Rynek — lista wpisów (rynek.html) i artykuł (rynek/<slug>.html)
   Tylko komponenty, których nie ma w handshake.css. Prefiks klas: rk-
   (wyjątek: .feed / .fitem / .feed__m — tych nazw oczekuje filtr w app.js).
   ========================================================================== */

/* ---------- lista: nagłówek ---------- */
.rk-lhead .eyebrow{margin-top:28px}
.rk-lhead h1{max-width:none}
.rk-lhead .lead{max-width:62ch}

/* ---------- lista: najnowszy wpis (duża karta, układ CBRE: zdjęcie | treść) ---------- */
.rk-feat{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.rk-feat__img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface)}
.rk-feat__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.rk-feat__body{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.rk-feat__k{font-size:14px;color:var(--muted)}
.rk-feat__k b{font-weight:600;color:var(--blue-text)}
.rk-feat__t{font-size:clamp(28px,2.8vw,42px);line-height:1.12;transition:color .2s}
.rk-feat:hover .rk-feat__t{color:var(--blue-text)}
.rk-feat__d{font-size:16.5px;line-height:1.65;color:var(--ink-2);max-width:46ch}
.rk-feat .lnk{margin-top:6px}
@media (max-width:900px){
  .rk-feat{grid-template-columns:1fr}
}

/* ---------- lista: filtr + feed ---------- */
.rk-feedgrid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.rk-filtr{position:sticky;top:calc(var(--nav-h) + 32px)}
.rk-filtr__h{font-size:clamp(26px,2vw,28px);margin-bottom:22px}
/* chipy z app.js (.chip / .is-on) jako pionowa lista kategorii */
.rk-chips{flex-direction:column;flex-wrap:nowrap;gap:0;border-left:1px solid var(--line)}
.rk-chips .chip{position:relative;border:0;background:none;padding:9px 0 9px 18px;font-size:15px;line-height:1.35;color:var(--ink-2);text-align:left}
.rk-chips .chip::before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:2px;background:transparent;transition:background .2s}
.rk-chips .chip:hover:not(:disabled){color:var(--navy);border:0}
.rk-chips .chip.is-on{background:none;color:var(--navy);font-weight:600}
.rk-chips .chip.is-on::before{background:var(--navy)}

.feed{border-bottom:1px solid var(--line)}
.feed__m{font-family:var(--display);font-size:clamp(22px,1.9vw,27px);line-height:1.2;color:var(--navy);padding:44px 0 16px}
.feed__m:first-child{padding-top:0}
.feed__m::first-letter{text-transform:uppercase}
.feed .fitem{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:clamp(24px,3vw,40px);row-gap:10px;padding:28px 0;border-top:1px solid var(--line);align-content:start}
.feed .fitem .acard__img{grid-column:1;grid-row:1 / span 3;margin:0;align-self:start}
.feed .fitem .acard__k,.feed .fitem .acard__t,.feed .fitem .acard__d{grid-column:2}
.feed .fitem .acard__t{font-size:clamp(21px,1.8vw,26px)}
.feed .fitem .acard__d{max-width:60ch;color:var(--ink-2)}
.sec--surface .acard__img{background:var(--surface-2)}
.rk-pusto{padding:28px 0;color:var(--muted)}
.rk-wiecej{margin-top:36px}
.rk-nota{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted);max-width:72ch}

@media (max-width:1060px){
  .rk-feedgrid{grid-template-columns:minmax(0,1fr);gap:28px}
  .rk-filtr{position:static}
  .rk-filtr__h{margin-bottom:16px}
  .rk-chips{flex-direction:row;flex-wrap:wrap;gap:8px;border-left:0}
  .rk-chips .chip{border:1px solid var(--line-strong);background:#fff;padding:9px 15px;font-size:14px}
  .rk-chips .chip::before{display:none}
  .rk-chips .chip:hover:not(:disabled){border:1px solid var(--navy)}
  .rk-chips .chip.is-on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}
}
@media (max-width:700px){
  .feed .fitem{grid-template-columns:1fr;grid-template-rows:none;row-gap:12px}
  .feed .fitem .acard__img{grid-column:1;grid-row:auto;order:-1;margin-bottom:4px}
  .feed .fitem .acard__k,.feed .fitem .acard__t,.feed .fitem .acard__d{grid-column:1}
  .feed__m{padding-top:36px}
}

/* ==========================================================================
   Artykuł
   ========================================================================== */
.rk-ahead .phead__in{padding-bottom:clamp(132px,13vw,200px)}
.rk-ahead__k{margin-top:30px}
.rk-ahead h1{font-size:clamp(32px,3.7vw,56px);line-height:1.08;max-width:30ch}
.rk-ahead .lead{max-width:64ch}
.rk-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:26px;font-size:14px;color:var(--muted)}
.rk-meta span[aria-hidden]{opacity:.6}

/* duży obraz 16:9, wchodzący na tło nagłówka */
.rk-art{padding-bottom:var(--sec)}
.rk-hero{position:relative;margin-top:calc(-1 * clamp(96px,10vw,152px))}
.rk-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--surface-2)}
.rk-hero::before{content:none}
.rk-hero--wykres .rk-wykres{display:block;width:100%;height:auto;background:#fff;outline:1px solid var(--line-soft);outline-offset:-1px}
.rk-hero figcaption{margin-top:12px;font-size:13.5px;line-height:1.55;color:var(--muted);max-width:90ch}
.rk-ai{display:inline;color:var(--muted);font-style:italic}

/* treść | kolumna boczna */
.rk-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(40px,6vw,96px);margin-top:clamp(48px,5.5vw,80px);align-items:start}
.rk-side{position:sticky;top:calc(var(--nav-h) + 32px);display:flex;flex-direction:column;gap:36px;max-height:calc(100vh - var(--nav-h) - 64px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.rk-toc summary{list-style:none;cursor:default;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-text);padding-bottom:16px}
.rk-toc summary::-webkit-details-marker{display:none}
.rk-toc ol{list-style:none;padding:0;margin:0;border-left:1px solid var(--line)}
.rk-toc a{position:relative;display:block;padding:7px 0 7px 18px;font-size:14.5px;line-height:1.4;color:var(--ink-2);transition:color .2s}
.rk-toc a::before{content:"";position:absolute;left:-1px;top:5px;bottom:5px;width:2px;background:transparent;transition:background .2s}
.rk-toc a:hover{color:var(--navy)}
.rk-toc a.is-on{color:var(--navy);font-weight:600}
.rk-toc a.is-on::before{background:var(--navy)}
.rk-sidecta{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid var(--line)}
.rk-sidecta__t{font-family:var(--display);font-size:22px;line-height:1.2;color:var(--navy)}

/* proza artykułu */
.rk-prose{max-width:70ch;min-width:0}
.rk-side{min-width:0}
.rk-prose > :first-child{margin-top:0}
.rk-prose h2{scroll-margin-top:calc(var(--nav-h) + 24px)}
.rk-prose h3{font-family:var(--sans);font-weight:600;font-size:19px;line-height:1.35;color:var(--ink);margin-top:1.6em}
.rk-prose strong{color:var(--ink);font-weight:600}
.rk-prose code{font-family:var(--sans);font-size:.92em;background:var(--surface);padding:1px 6px;color:var(--ink)}
.rk-prose ul{padding-left:0;list-style:none}
.rk-prose ul > li{position:relative;padding-left:28px}
.rk-prose ul > li::before{content:"";position:absolute;left:0;top:.82em;width:14px;height:2px;background:var(--navy)}

/* tabele: przewijane w poziomie wewnątrz ramki, nigdy cała strona */
.rk-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:2px solid var(--navy);margin-top:1.6em}
.rk-tbl table{margin:0;font-size:15px;line-height:1.5}
.rk-tbl--wide table{min-width:600px}
/* cień przy krawędzi, gdy tabela da się jeszcze przewinąć w bok */
.rk-tbl--wide{background:
  linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) 0 0/40px 100% no-repeat local,
  linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) 100% 0/40px 100% no-repeat local,
  linear-gradient(90deg,rgba(20,43,71,.14),rgba(20,43,71,0)) 0 0/14px 100% no-repeat scroll,
  linear-gradient(270deg,rgba(20,43,71,.14),rgba(20,43,71,0)) 100% 0/14px 100% no-repeat scroll}
.rk-prose .rk-tbl th{background:var(--surface);vertical-align:bottom;font-size:14px}
.rk-prose .rk-tbl td{vertical-align:top}

/* kluczowe zdanie */
.rk-box{position:relative;background:var(--surface);padding:24px 28px 24px 30px;margin-top:1.6em}
.rk-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--navy)}
.rk-box p{font-family:var(--display);font-size:clamp(19px,1.6vw,22px);line-height:1.45;color:var(--navy)}
.rk-box p + p{margin-top:.8em}

/* wstawka CTA w treści */
.rk-cta{position:relative;background:var(--navy);color:rgba(255,255,255,.82);padding:clamp(26px,3.2vw,40px);margin-top:2.2em;margin-bottom:.6em}
.rk-cta::before{content:none}
.rk-cta .eyebrow{color:var(--blue-light)}
.rk-cta__t{margin-top:14px;font-family:var(--display);font-size:clamp(21px,1.9vw,26px);line-height:1.35;color:#fff;max-width:40ch}
.rk-cta .btns{margin-top:24px;gap:14px 26px}
.rk-prose .rk-cta a{text-decoration:none}
.rk-prose .rk-cta a.btn--light{color:var(--navy)}
.rk-prose .rk-cta a.btn--outline-light,.rk-prose .rk-cta a.lnk{color:#fff}

/* FAQ i źródła w treści */
.rk-prose .rk-faq{margin-top:1.2em}
.rk-prose .faq__a p + p{padding-top:0}
.rk-src{margin-top:3em;padding-top:26px;border-top:1px solid var(--line)}
.rk-prose .rk-src h2{margin-top:0;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.3}
.rk-src ol{margin-top:16px;padding-left:1.4em;font-size:14.5px;line-height:1.55;color:var(--muted)}
.rk-src li + li{margin-top:8px}
.rk-src li::marker{color:var(--blue-text)}
.rk-prose .rk-src a{color:var(--ink-2);text-decoration-color:var(--line);overflow-wrap:anywhere}
.rk-prose .rk-src a:hover{color:var(--navy);text-decoration-color:currentColor}

@media (max-width:1060px){
  .rk-layout{grid-template-columns:minmax(0,1fr);gap:28px}
  .rk-side{position:static;gap:0;max-height:none;overflow:visible}
  .rk-toc{border:1px solid var(--line);background:#fff}
  .rk-toc summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 18px}
  .rk-toc summary::after{content:"+";font-family:var(--sans);font-weight:400;font-size:24px;line-height:1;letter-spacing:0;color:var(--navy)}
  .rk-toc[open] summary::after{content:"–"}
  .rk-toc ol{margin:0 18px 16px}
  .rk-sidecta{display:none}
  .rk-prose{max-width:70ch}
}
@media (max-width:640px){
  .rk-prose{font-size:17px;line-height:1.7}
  .rk-ahead .phead__in{padding-bottom:110px}
  .rk-hero{margin-top:-80px}
  /* wykres ma stałe czcionki w viewBox 1200 — na telefonie przewijany w bok, żeby dało się go przeczytać */
  .rk-hero--wykres{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .rk-hero--wykres .rk-wykres{width:640px;max-width:none}
  .rk-box{padding:20px 20px 20px 22px}
  .rk-cta .btns .btn{width:100%}
}