/* ============ Звіти (макети zvity / zvit / reports-block), префікс rp- ============ */
.rp{--olive-deep:#20261C;--olive:#2E3628;--field:#5E6B4A;--khaki:#C9B98A;--paper:#F2EEE4;--card:#FBF9F4;--ink:#20261C;--muted:#5D6355;--line:#DCD5C4;--signal:#F2C230;font-family:"Manrope",system-ui,sans-serif;color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
.rp *,.rp *::before,.rp *::after{box-sizing:border-box}
.rp :where(h1,h2,h3,p,ul,dl,dd,dt,figure){margin:0;padding:0}
.rp :where(a){color:inherit;text-decoration:none}
.rp :where(img){display:block;max-width:100%}
.rp button,.rp select{font:inherit;color:inherit}
.rp :focus-visible{outline:2px solid var(--field);outline-offset:3px;border-radius:6px}
.rp-wrap{max-width:1640px;margin:0 auto;padding-left:clamp(20px,3vw,60px);padding-right:clamp(20px,3vw,60px)}
.rp-reports{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px);background:transparent}
body.reports-page{background:var(--ch-paper,#F2EEE4)}
.rp--list,.rp--single{padding-top:clamp(40px,4vw,70px)}
.rp-crumbs{padding-top:0!important}
.rp-page-head{padding-top:0!important}
.rp-vmodal[open],.rp-lb[open]{display:block}
.rp-rcard p{margin-top:10px}
.rp-rcard[hidden]{display:none}
.rp-reports__grid--one{grid-template-columns:minmax(0,1fr)}
@media (prefers-reduced-motion:reduce){.rp *,.rp-vmodal *{transition:none!important;animation:none!important}}
  .rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:10px;font-weight:700;font-size:15px;border:0;cursor:pointer;white-space:nowrap;transition:background .15s}
  .rp-btn svg{width:18px;height:18px}
  .rp-btn--signal{background:var(--signal);color:var(--olive-deep)}.rp-btn--signal:hover{background:#ffd24a}
  .rp-btn--line{border:1px solid var(--line);background:transparent}.rp-btn--line:hover{background:var(--card)}
  .rp-btn--dark{background:var(--olive-deep);color:var(--paper)}.rp-btn--dark:hover{background:var(--olive)}
  /* Картка звіту */
  .rp-rcard{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .2s,transform .2s}
  .rp-rcard:hover{border-color:var(--field)}
  .rp-rcard__img{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#6b7556,#3a4230);overflow:hidden}
  .rp-rcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
  .rp-rcard:hover .rp-rcard__img img{transform:scale(1.04)}
  .rp-rcard__cat{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:100px;background:var(--signal);color:var(--olive-deep);font-size:13px;font-weight:700}
  .rp-rcard__count{position:absolute;right:14px;bottom:14px;display:flex;gap:6px}
  .rp-rcard__count span{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:rgba(32,38,28,.75);color:var(--paper);font-size:13px;font-weight:600;backdrop-filter:blur(4px)}
  .rp-rcard__count svg{width:15px;height:15px}
  .rp-rcard__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
  .rp-rmeta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted)}
  .rp-rmeta span{display:inline-flex;align-items:center;gap:6px}
  .rp-rmeta svg{width:15px;height:15px;opacity:.7}
  .rp-rcard h3{margin-top:10px;font-family:Unbounded,sans-serif;font-weight:500;font-size:clamp(18px,1.25vw,21px);line-height:1.3}
  .rp-rcard h3 a::after{content:"";position:absolute;inset:0}
  .rp-rcard p{margin-top:10px;font-size:15px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .rp-rcard__more{margin-top:auto;padding-top:18px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--field)}
  .rp-rcard__more svg{width:16px;height:16px;transition:transform .2s}
  .rp-rcard:hover .rp-rcard__more svg{transform:translate(2px,-2px)}
  .rp-rcard a:focus-visible{outline:none}
  .rp-rcard:has(a:focus-visible){outline:2px solid var(--field);outline-offset:3px}

  .rp-page-head{padding-top:clamp(84px,7vw,110px);display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
  .rp-crumbs{font-size:14px;color:var(--muted)}
  .rp-crumbs a{text-decoration:underline;text-underline-offset:3px}
  .rp h1{font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(36px,4.4vw,72px);letter-spacing:-.025em;line-height:1.05;margin-top:14px}
  .rp-intro{margin-top:14px;font-size:18px;color:var(--muted);max-width:60ch}
  .rp-total{display:flex;gap:32px}
  .rp-total div{border-left:2px solid var(--signal);padding-left:14px}
  .rp-total b{display:block;font-family:Unbounded,sans-serif;font-size:clamp(22px,1.8vw,30px);font-weight:700}
  .rp-total small{font-size:14px;color:var(--muted)}

  .rp-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:44px 0 28px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:14px}
  .rp-chips{display:flex;flex-wrap:wrap;gap:8px}
  .rp-chip{padding:9px 16px;border-radius:100px;border:1px solid var(--line);background:transparent;font-size:14px;font-weight:600;cursor:pointer;transition:.15s}
  .rp-chip:hover{border-color:var(--field)}
  .rp-chip[aria-pressed="true"]{background:var(--olive-deep);border-color:var(--olive-deep);color:var(--paper)}
  .rp-chip i{font-style:normal;opacity:.55;margin-left:4px}
  .rp-sel{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font-weight:600;font-size:14px;cursor:pointer}

  .rp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .rp-empty{display:none;padding:60px 20px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:16px}
  .rp-empty b{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}
  .rp-more{display:flex;justify-content:center;margin-top:40px}
  .rp{padding-bottom:100px}
  @media (max-width:1100px){.rp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:680px){
    .rp-grid{grid-template-columns:1fr}
    .rp-filters{flex-direction:column;align-items:stretch}
    .rp-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
    .rp-chip{flex:none}
    .rp-total{gap:20px}
  }
  /* ===== Кнопка Play ===== */
  .rp-play{--s:76px;position:absolute;left:50%;top:50%;z-index:2;width:var(--s);height:var(--s);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2);border:0;border-radius:50%;background:var(--signal);color:var(--olive-deep);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 calc(var(--s)*.16) rgba(242,194,48,.38),0 10px 30px rgba(0,0,0,.35);transition:transform .2s,box-shadow .2s}
  .rp-play::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(242,194,48,.7);animation:ring 2.2s ease-out infinite}
  .rp-play svg{width:38%;height:38%;margin-left:8%}
  .rp-play:hover{transform:scale(1.07);box-shadow:0 0 0 calc(var(--s)*.22) rgba(242,194,48,.42),0 10px 30px rgba(0,0,0,.35)}
  .rp-play:focus-visible{outline:3px solid var(--paper);outline-offset:4px}
  @keyframes ring{from{transform:scale(1);opacity:1}to{transform:scale(1.7);opacity:0}}
  .rp-play--big{--s:clamp(84px,7vw,120px)}
  .rp-rcard--video .rp-rcard__img::after{content:"";position:absolute;inset:0;background:rgba(32,38,28,.18);pointer-events:none;transition:background .2s}
  .rp-rcard--video:hover .rp-rcard__img::after{background:rgba(32,38,28,.3)}
  .rp-rcard--row .rp-play{--s:60px}
  .rp-rcard--feature .rp-play{--s:clamp(84px,6vw,108px)}

  /* ===== Відео-попап ===== */
  .rp-vmodal{border:0;padding:0;background:transparent;margin:auto;max-width:none;max-height:none;overflow:visible}
  .rp-vmodal::backdrop{background:rgba(15,18,13,.92)}
  .rp-vmodal__box{width:min(1200px,92vw);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}
  .rp-vmodal.is-vertical .rp-vmodal__box{width:auto;height:min(86vh,900px);aspect-ratio:9/16}
  .rp-vmodal__box iframe,.rp-vmodal__box video{width:100%;height:100%;border:0;display:block}
  .rp-vmodal__x{position:fixed;top:18px;right:18px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(242,238,228,.3);background:rgba(32,38,28,.7);color:#F2EEE4;cursor:pointer;display:grid;place-items:center}
  .rp-vmodal__x svg{width:22px;height:22px}
  @media (prefers-reduced-motion:reduce){.rp-play::before{display:none}}
  .rp-reports{}
  .rp-reports__head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
  .rp-reports h2{font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(30px,3.4vw,56px);letter-spacing:-.025em;line-height:1.05}
  .rp-reports__lead{margin-top:12px;font-size:18px;color:var(--muted);max-width:56ch}
  .rp-reports__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}
  .rp-reports__side{display:grid;gap:20px}
  /* головний звіт */
  .rp-rcard--feature .rp-rcard__img{aspect-ratio:2/1}
  .rp-rcard--feature .rp-rcard__body{padding:26px 28px 28px}
  .rp-rcard--feature h3{font-size:clamp(22px,1.7vw,30px)}
  /* бокові — горизонтальні */
  .rp-rcard--row{flex-direction:row}
  .rp-rcard--row .rp-rcard__img{aspect-ratio:auto;width:44%;flex:none}
  .rp-rcard--row .rp-rcard__count{display:none}
  .rp-reports__all-m{display:none;margin-top:20px;width:100%}
  @media (max-width:1100px){
    .rp-reports__grid{grid-template-columns:1fr}
    .rp-reports__side{grid-template-columns:1fr 1fr}
    .rp-rcard--row{flex-direction:column}
    .rp-rcard--row .rp-rcard__img{width:100%;aspect-ratio:4/3}
  }
  @media (max-width:680px){
    .rp-reports__side{grid-template-columns:1fr}
    .rp-reports__head .rp-btn{display:none}
    .rp-reports__all-m{display:flex}
    .rp-rcard--feature .rp-rcard__img{min-height:240px}
  }
  .rp-crumbs{padding-top:clamp(84px,7vw,110px);font-size:14px;color:var(--muted)}
  .rp-crumbs a{text-decoration:underline;text-underline-offset:3px}
  .rp-rhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-top:16px}
  .rp-rhead .rp-tag{display:inline-block;padding:6px 12px;border-radius:100px;background:var(--signal);font-size:13px;font-weight:700}
  .rp--single h1{margin-top:14px;font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(30px,3.6vw,60px);letter-spacing:-.025em;line-height:1.08;max-width:22ch}
  .rp-rhead .rp-rmeta{margin-top:16px;font-size:15px}

  /* Галерея */
  .rp-gal{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:12px;margin-top:36px}
  .rp-gal__side button{display:block;width:100%;height:100%;padding:0;border:0;border-radius:16px;overflow:hidden;cursor:zoom-in;background:linear-gradient(135deg,#6b7556,#3a4230);position:relative}
  .rp-gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
  .rp-gal__side button:hover img{transform:scale(1.03)}
  .rp-gal__main{aspect-ratio:16/10}
  .rp-gal__video{position:relative;border-radius:16px;overflow:hidden;background:#000}
  .rp-gal__video img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}
  .rp-gal__video .rp-play{position:absolute}
  .rp-gal__vlabel{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:rgba(32,38,28,.75);color:var(--paper);font-weight:600;font-size:14px;backdrop-filter:blur(4px)}
  .rp-gal__vlabel svg{width:18px;height:18px}
  .rp-gal__video.is-playing{display:flex;justify-content:center;align-items:center}
  .rp-gal__video.is-playing iframe,.rp-gal__video.is-playing video{width:100%;height:100%;border:0;display:block}
  .rp-gal__video.is-playing.is-vertical iframe,.rp-gal__video.is-playing.is-vertical video{width:auto;aspect-ratio:9/16}
  .rp-gal__side{display:grid;grid-template-rows:repeat(2,1fr);gap:12px;min-height:0}
  .rp-gal__side img{position:absolute;inset:0}
  .rp-gal__all{position:absolute;inset:0;display:grid;place-items:center;background:rgba(32,38,28,.6);color:var(--paper);font-weight:700;font-size:18px}

  /* Контент */
  .rp-body{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(32px,4vw,80px);margin-top:56px;align-items:start}
  .rp-text h2{font-family:Unbounded,sans-serif;font-weight:700;font-size:clamp(22px,1.8vw,28px);margin:44px 0 16px}
  .rp-text h2:first-child{margin-top:0}
  .rp-text p{font-size:18px;line-height:1.7;max-width:68ch;margin-top:14px;color:#2f352a}
  .rp-items{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);max-width:820px}
  .rp-items li{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px 20px;border-top:1px solid var(--line);list-style:none;font-size:16px}
  .rp-items li:first-child{border-top:0}
  .rp-items li span{color:var(--muted);white-space:nowrap}
  .rp-quote{margin-top:28px;padding:24px 28px;border-left:3px solid var(--signal);background:var(--card);border-radius:0 14px 14px 0;max-width:820px}
  .rp-quote p{margin:0;font-size:18px;font-style:italic}
  .rp-quote small{display:block;margin-top:10px;color:var(--muted);font-size:14px}

  .rp-aside{min-width:0;position:sticky;top:calc(var(--ch-header-h,96px) + 24px);display:grid;gap:14px}
  .rp-facts{background:var(--olive-deep);color:var(--paper);border-radius:16px;padding:26px}
  .rp-facts dl{display:grid}
  .rp-facts div{padding:14px 0;border-top:1px solid rgba(242,238,228,.14)}
  .rp-facts div:first-child{padding-top:0;border-top:0}
  .rp-facts dt{font-size:13px;color:rgba(242,238,228,.6)}
  .rp-facts dd{margin-top:2px;font-weight:700;font-size:17px}
  .rp-facts .rp-sum{font-family:Unbounded,sans-serif;font-size:28px;font-weight:700;color:var(--signal)}
  .rp-facts .rp-btn{width:100%;margin-top:18px}
  .rp-share{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px}
  .rp-share p{font-weight:700;margin-bottom:12px}
  .rp-share__row{display:flex;flex-wrap:wrap;gap:8px}
  .rp-share__row a,.rp-share__row button{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 8px;border-radius:10px;font-size:14px;font-weight:600;border:0;cursor:pointer;color:#fff}
  .rp-share__row svg{width:16px;height:16px}
  .rp-fb{background:#1877F2}.rp-cp{background:var(--olive)!important}

  /* Попередній/наступний */
  .rp-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:80px}
  .rp-pn a{display:flex;flex-direction:column;gap:6px;padding:22px 26px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .2s}
  .rp-pn a:hover{border-color:var(--field)}
  .rp-pn small{font-size:14px;color:var(--muted)}
  .rp-pn b{font-family:Unbounded,sans-serif;font-weight:500;font-size:18px;line-height:1.3}
  .rp-pn a:last-child{text-align:right}
  .rp-other{margin-top:80px}
  .rp-other__head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}
  .rp-other h2{font-family:Unbounded,sans-serif;font-weight:700;font-size:clamp(24px,2.4vw,38px);letter-spacing:-.02em}
  .rp-other__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .rp{padding-bottom:100px}

  /* Лайтбокс */
  .rp-lb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;margin:0}
  .rp-lb::backdrop{background:rgba(15,18,13,.94)}
  .rp-lb__in{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:60px 80px}
  .rp-lb img{max-width:100%;max-height:calc(100vh - 120px);border-radius:10px;object-fit:contain}
  .rp-lb button{position:absolute;width:52px;height:52px;border-radius:50%;border:1px solid rgba(242,238,228,.3);background:rgba(32,38,28,.6);color:var(--paper);cursor:pointer;display:grid;place-items:center}
  .rp-lb button svg{width:22px;height:22px}
  .rp-lb__x{top:20px;right:20px}.rp-lb__p{left:20px;top:50%;transform:translateY(-50%)}.rp-lb__n{right:20px;top:50%;transform:translateY(-50%)}
  .rp-lb__c{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(242,238,228,.75);font-size:14px;font-weight:600}

  @media (max-width:1100px){
    .rp-body{grid-template-columns:1fr}
    .rp-aside{position:static;grid-template-columns:1fr 1fr}
    .rp-other__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rp-other__grid .rp-rcard:nth-child(3){display:none}
  }
  @media (max-width:680px){
    .rp-rhead{grid-template-columns:1fr}
    .rp-gal{grid-template-columns:1fr}
    .rp-play--big{--s:68px}
    .rp-gal__vlabel{left:12px;bottom:12px;padding:6px 10px;font-size:13px}
    .rp-gal__side{grid-template-columns:1fr 1fr;grid-template-rows:none}
    .rp-gal__side button{aspect-ratio:4/3}
    .rp-aside{grid-template-columns:1fr}
    .rp-pn{grid-template-columns:1fr}
    .rp-pn a:last-child{text-align:left}
    .rp-other__grid{grid-template-columns:1fr}
    .rp-other__grid .rp-rcard:nth-child(3){display:flex}
    .rp-lb__in{padding:60px 12px}
    .rp-lb__p,.rp-lb__n{top:auto;bottom:12px;transform:none}
    .rp-other__head .rp-btn{display:none}
  }

/* відступи й кольори, які перебивала база теми */
.rp--list,.rp--single{padding-top:clamp(100px,8vw,130px)}
@media (max-width:980px){.rp--list,.rp--single{padding-top:84px}}
.rp-tg{background:#2A9BD8}.rp-vb{background:#7360F2}.rp-wa{background:#25A85A}
.rp .rp-btn--dark{color:var(--paper)}
.rp .rp-btn--signal{color:var(--olive-deep)}
.rp .rp-share__row a,.rp .rp-share__row button{color:#fff}
.rp .rp-rcard__cat{color:var(--olive-deep)}
.rp .rp-rcard__count span{color:var(--paper)}
.rp .rp-rcard__more{color:var(--field)}
.rp .rp-chip[aria-pressed="true"]{color:var(--paper)}
.rp .rp-crumbs a{color:inherit}
.rp .rp-intro{margin-top:14px}
.rp .rp-reports__lead{margin-top:12px}
.rp-btn{text-decoration:none}

/* фільтри звітів на мобільній: чипи переносяться, нічого не вилазить за блок */
@media (max-width: 680px) {
  .rp .rp-filters { min-width: 0; }
  .rp .rp-chips { flex-wrap: wrap !important; overflow: visible !important; min-width: 0; max-width: 100%; padding-bottom: 0; gap: 8px; }
  .rp .rp-chip { flex: 0 0 auto; }
  .rp .rp-sel { width: 100%; }
}