/* Сторінка про проєкт (storinky/proiekt.php): тіло ближче до шапки, знімки з підписами, по два в ряд. */
.pr-tilo{padding-top:28px}
.pr-tilo .storinka-tekst{max-width:880px}
.pr-tilo h3{margin-top:1.8em}
.pr-znimok{margin:18px 0 22px}
.pr-znimok img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid rgba(18,58,122,.12);box-shadow:0 10px 30px rgba(18,58,122,.10)}
.pr-znimok figcaption{margin-top:8px;font-size:14px;color:#6b7280;line-height:1.45}
.pr-ryad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.pr-ryad .pr-znimok{margin:10px 0}
.pr-ryad .vuzkyi{max-width:300px;justify-self:center}
.pr-ryad:has(.vuzkyi){grid-template-columns:minmax(0,300px) minmax(0,1fr)}
@media (max-width:700px){.pr-ryad,.pr-ryad:has(.vuzkyi){grid-template-columns:1fr}}
.pr-zmist{padding:12px 16px;border-radius:12px;background:#fff;border:1px solid rgba(18,58,122,.12);font-size:15px;line-height:1.8}
.pr-tilo h4{margin:1.4em 0 .4em;font-size:18px}
.pr-tilo table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
.pr-tilo th,.pr-tilo td{padding:8px 10px;border-bottom:1px solid rgba(18,58,122,.12);text-align:left;vertical-align:top}
.pr-tilo th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}
.pr-kod{background:#0f1733;color:#e9edf8;padding:16px;border-radius:12px;font:14px/1.55 ui-monospace,Consolas,monospace;overflow:auto;white-space:pre}
.pr-tilo h3{scroll-margin-top:90px}
@media (max-width:700px){.pr-tilo table{font-size:14px}.pr-tilo th:nth-child(3),.pr-tilo td:nth-child(3){display:none}}
/* Вкладки без скриптів (radio + label): типи питань «Дзвінка» */
.pr-taby{margin:14px 0 24px}
.pr-taby>input{position:absolute;opacity:0;pointer-events:none}
.pr-taby>label{display:inline-flex;align-items:center;gap:6px;margin:0 6px 8px 0;padding:8px 14px;border-radius:999px;cursor:pointer;
  background:#fff;border:1px solid rgba(18,58,122,.18);font-size:15px;font-weight:600;color:#1e3a7a;transition:background .2s,color .2s}
.pr-taby>label:hover{border-color:#1e3a7a}
.pr-taby>label span{font-size:17px}
.pr-taby>input:focus-visible+label{outline:3px solid #e9c46a;outline-offset:2px}
.pr-tab{display:none;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start;padding:20px;border-radius:16px;background:#fff;border:1px solid rgba(18,58,122,.12)}
.pr-tab h4{margin:0 0 10px;font-size:22px}
.pr-tab img{width:100%;border-radius:22px;border:1px solid rgba(18,58,122,.15);box-shadow:0 12px 30px rgba(18,58,122,.15)}
.pr-pryklad{padding:10px 12px;border-radius:10px;background:#f6f1e4}
#dzv-typ-odna:checked~.pr-taby-paneli [data-tab="odna"]{display:grid}#dzv-typ-odna:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-typ-kilka:checked~.pr-taby-paneli [data-tab="kilka"]{display:grid}#dzv-typ-kilka:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-typ-tak_ni:checked~.pr-taby-paneli [data-tab="tak_ni"]{display:grid}#dzv-typ-tak_ni:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-typ-vvid:checked~.pr-taby-paneli [data-tab="vvid"]{display:grid}#dzv-typ-vvid:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-typ-poriadok:checked~.pr-taby-paneli [data-tab="poriadok"]{display:grid}#dzv-typ-poriadok:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-typ-pary:checked~.pr-taby-paneli [data-tab="pary"]{display:grid}#dzv-typ-pary:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-typ-slaider:checked~.pr-taby-paneli [data-tab="slaider"]{display:grid}#dzv-typ-slaider:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-typ-slaid:checked~.pr-taby-paneli [data-tab="slaid"]{display:grid}#dzv-typ-slaid:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
@media (max-width:700px){.pr-tab{grid-template-columns:1fr}.pr-tab img{max-width:280px;justify-self:center}}
#dum-typ-tak_ni:checked~.pr-taby-paneli [data-tab="tak_ni"]{display:grid}#dum-typ-tak_ni:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dum-typ-tak_mozh:checked~.pr-taby-paneli [data-tab="tak_mozh"]{display:grid}#dum-typ-tak_mozh:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dum-typ-abvg:checked~.pr-taby-paneli [data-tab="abvg"]{display:grid}#dum-typ-abvg:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dum-typ-shkala:checked~.pr-taby-paneli [data-tab="shkala"]{display:grid}#dum-typ-shkala:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dum-typ-zrozumilo:checked~.pr-taby-paneli [data-tab="zrozumilo"]{display:grid}#dum-typ-zrozumilo:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dum-typ-temp:checked~.pr-taby-paneli [data-tab="temp"]{display:grid}#dum-typ-temp:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dum-typ-khmara:checked~.pr-taby-paneli [data-tab="khmara"]{display:grid}#dum-typ-khmara:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
.pr-tab-dum{grid-template-columns:minmax(0,1fr) 220px}
.pr-tab-ekran{margin-top:12px;border-radius:12px!important}
@media (max-width:700px){.pr-tab-dum{grid-template-columns:1fr}}
#dzv-vyd-lobi:checked~.pr-taby-paneli [data-tab="lobi"]{display:grid}#dzv-vyd-lobi:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-vyd-pytannia:checked~.pr-taby-paneli [data-tab="pytannia"]{display:grid}#dzv-vyd-pytannia:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-vyd-telefon:checked~.pr-taby-paneli [data-tab="telefon"]{display:grid}#dzv-vyd-telefon:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-vyd-rezultat:checked~.pr-taby-paneli [data-tab="rezultat"]{display:grid}#dzv-vyd-rezultat:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
.pr-tab-vyd{grid-template-columns:1fr;gap:12px}
.pr-tab-vyd p{margin:0}
.pr-tab-vyd img{border-radius:12px}
.pr-tab-vyd.vuzka img{max-width:300px;justify-self:center;border-radius:22px}
#dzv-krok-vkhid:checked~.pr-taby-paneli [data-tab="vkhid"]{display:grid}#dzv-krok-vkhid:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-krok-nova:checked~.pr-taby-paneli [data-tab="nova"]{display:grid}#dzv-krok-nova:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-krok-pytannia:checked~.pr-taby-paneli [data-tab="pytannia"]{display:grid}#dzv-krok-pytannia:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-krok-zapusk:checked~.pr-taby-paneli [data-tab="zapusk"]{display:grid}#dzv-krok-zapusk:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-krok-publikatsiia:checked~.pr-taby-paneli [data-tab="publikatsiia"]{display:grid}#dzv-krok-publikatsiia:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#dzv-krok-zvity:checked~.pr-taby-paneli [data-tab="zvity"]{display:grid}#dzv-krok-zvity:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
.pr-tab-krok{grid-template-columns:1fr;gap:8px}
.pr-tab-krok ul{margin:0}
.pr-tab-krok .pr-znimok{margin:8px 0 4px}
.pr-dali{justify-self:end;cursor:pointer;font-weight:700;color:#1e3a7a;padding:8px 16px;border-radius:999px;border:1px solid rgba(18,58,122,.25)}
.pr-dali:hover{background:#1e3a7a;color:#fff}
#st-slaid-cover:checked~.pr-taby-paneli [data-tab="cover"]{display:grid}#st-slaid-cover:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-story:checked~.pr-taby-paneli [data-tab="story"]{display:grid}#st-slaid-story:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-terms:checked~.pr-taby-paneli [data-tab="terms"]{display:grid}#st-slaid-terms:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-life:checked~.pr-taby-paneli [data-tab="life"]{display:grid}#st-slaid-life:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-facts:checked~.pr-taby-paneli [data-tab="facts"]{display:grid}#st-slaid-facts:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-quote:checked~.pr-taby-paneli [data-tab="quote"]{display:grid}#st-slaid-quote:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-time:checked~.pr-taby-paneli [data-tab="time"]{display:grid}#st-slaid-time:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-steps:checked~.pr-taby-paneli [data-tab="steps"]{display:grid}#st-slaid-steps:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-run:checked~.pr-taby-paneli [data-tab="run"]{display:grid}#st-slaid-run:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-geo:checked~.pr-taby-paneli [data-tab="geo"]{display:grid}#st-slaid-geo:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-try:checked~.pr-taby-paneli [data-tab="try"]{display:grid}#st-slaid-try:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-use:checked~.pr-taby-paneli [data-tab="use"]{display:grid}#st-slaid-use:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-slaid-check:checked~.pr-taby-paneli [data-tab="check"]{display:grid}#st-slaid-check:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-quiz:checked~.pr-taby-paneli [data-tab="quiz"]{display:grid}#st-tren-quiz:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-truefalse:checked~.pr-taby-paneli [data-tab="truefalse"]{display:grid}#st-tren-truefalse:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-match:checked~.pr-taby-paneli [data-tab="match"]{display:grid}#st-tren-match:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-sequence:checked~.pr-taby-paneli [data-tab="sequence"]{display:grid}#st-tren-sequence:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-sortcols:checked~.pr-taby-paneli [data-tab="sortcols"]{display:grid}#st-tren-sortcols:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-input:checked~.pr-taby-paneli [data-tab="input"]{display:grid}#st-tren-input:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-dilemma:checked~.pr-taby-paneli [data-tab="dilemma"]{display:grid}#st-tren-dilemma:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-pobudova:checked~.pr-taby-paneli [data-tab="pobudova"]{display:grid}#st-tren-pobudova:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-karta:checked~.pr-taby-paneli [data-tab="karta"]{display:grid}#st-tren-karta:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-hrupy:checked~.pr-taby-paneli [data-tab="hrupy"]{display:grid}#st-tren-hrupy:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-samoperevirka:checked~.pr-taby-paneli [data-tab="samoperevirka"]{display:grid}#st-tren-samoperevirka:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
#st-tren-refleksia:checked~.pr-taby-paneli [data-tab="refleksia"]{display:grid}#st-tren-refleksia:checked+label{background:#1e3a7a;color:#fff;border-color:#1e3a7a}
.pr-tab-vyd h4{margin:0}