/* [aeg] faza.css — «ФАЗА», каркас art-energetyka.com.ua (образец подачі: Canary Media) */

/* [aeg] tokens */
:root{
  --strum-nich:#101010; --strum-nich-2:#1b1b1a; --strum-papir:#fff; --strum-krem:#fbf5e6; --strum-pisok:#f3efe6;
  --strum-bursh:#ff9f1c; --strum-bursh-t:#9a4d00; --strum-hrafit:#161615; --strum-sir:#5f5d57; --strum-sir-2:#a9a69c;
  --strum-liniia:#e3ded2; --strum-liniia-t:#343431;
  --napruha-serif:"Brygada 1918",Georgia,"Times New Roman",serif;
  --napruha-sans:Geologica,"Segoe UI",Roboto,Arial,sans-serif;
  --kontur-w:1184px; --kontur-p:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--strum-papir);color:var(--strum-hrafit);font:400 16px/1.6 var(--napruha-sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.ae-ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.kontur{max-width:var(--kontur-w);margin:0 auto;padding-left:var(--kontur-p);padding-right:var(--kontur-p)}
.obkhid{position:fixed;top:-80px;left:12px;z-index:50;background:var(--strum-bursh);color:#111;padding:10px 14px;font-weight:600}
.obkhid:focus{top:12px}

/* [aeg] vvid */
.vvid{background:var(--strum-nich);color:#fff;position:relative}
.rubylnyk{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.vvid-verkh{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:22px;padding-bottom:20px}
.vvid-liva{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cfcac0}
.vvid-liva a{text-decoration:none;display:inline-flex;gap:7px;align-items:center;color:#fff;font-weight:500;letter-spacing:.02em}
.vvid-liva a:hover{color:var(--strum-bursh)}
.vvid-data{display:inline-flex;gap:7px;align-items:center}
.vvid-data .ae-ic,.vvid-liva .ae-ic{color:var(--strum-bursh)}
.vvid-prava{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.vvid-knopka{display:inline-flex;align-items:center;gap:8px;background:var(--strum-bursh);color:#111;text-decoration:none;font:600 14px/1 var(--napruha-sans);
  padding:13px 18px;border-radius:3px;letter-spacing:.01em}
.vvid-knopka:hover{background:#ffb44d}
.rubylnyk-ruchka{display:none;cursor:pointer;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid #3a3a37;border-radius:3px}
.rubylnyk-ruchka .ae-ic{width:24px;height:24px}
.rubylnyk-ruchka .ae-ic-x{display:none}
.znak{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--strum-hrafit)}
.znak--dark{color:#fff}
.znak-tile{width:52px;height:52px;flex:none}
.znak-slovo{display:flex;flex-direction:column;line-height:1}
.znak-slovo b,.znak-slovo .znak-h1{font:800 30px/1 var(--napruha-sans);text-transform:uppercase;letter-spacing:-.01em;margin:0}
.znak-slovo small{font:400 13px/1.2 var(--napruha-sans);margin-top:7px;color:#d8d3c8}
.shyna{border-top:1px solid var(--strum-liniia-t)}
.shyna ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 30px}
.shyna a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#e9e5dc;font:500 15px/1 var(--napruha-sans);padding:17px 0 16px;
  border-bottom:3px solid transparent}
.shyna a .ae-ic{color:var(--strum-bursh)}
.shyna a:hover,.shyna a[aria-current]{color:#fff;border-bottom-color:var(--strum-bursh)}

/* [aeg] trasa */
.trasa{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13px;color:var(--strum-sir);margin:22px 0 0}
.trasa a{text-decoration:none;color:var(--strum-sir)}
.trasa a:hover{color:var(--strum-hrafit);text-decoration:underline}
.trasa .ae-ic{width:13px;height:13px;color:var(--strum-sir-2)}

/* [aeg] typografika */
.rubryka-mitka{display:inline-flex;align-items:center;gap:6px;font:600 13px/1.2 var(--napruha-sans);color:var(--strum-bursh-t);text-decoration:none;letter-spacing:.01em}
.rubryka-mitka .ae-ic{width:15px;height:15px}
.fider .rubryka-mitka{color:var(--strum-bursh)}
.zagolovok{font-family:var(--napruha-serif);font-weight:700;letter-spacing:-.01em;line-height:1.14;margin:6px 0 0;text-wrap:balance}
.zagolovok a{text-decoration:none}
.zagolovok a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.lid{color:var(--strum-sir);font-size:15px;line-height:1.55;margin:10px 0 0}
.pidpys{font-size:13px;color:var(--strum-sir);margin-top:10px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.pidpys b{color:var(--strum-hrafit);font-weight:600}
.pidpys .ae-ic{width:14px;height:14px}

/* [aeg] fider */
.fider{background:var(--strum-nich);color:#fff;padding:30px 0 40px}
.fider .lid,.fider .pidpys{color:#bdb8ad}
.fider .pidpys b{color:#fff}
.fider-sitka{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:0 34px}
.fider-holov{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:26px;padding-bottom:28px;border-bottom:1px solid var(--strum-liniia-t)}
.fider-holov .zagolovok{font-size:38px;line-height:1.08}
.fider-holov img{aspect-ratio:3/2;object-fit:cover;width:100%}
.fider-dribni{display:grid;grid-template-columns:1fr 1fr;gap:0}
.fider-dribni article{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:16px;padding:22px 20px 22px 0;border-bottom:1px solid var(--strum-liniia-t)}
.fider-dribni article:nth-child(2n){padding:22px 0 22px 20px;border-left:1px solid var(--strum-liniia-t)}
.fider-dribni .zagolovok{font-size:18px}
.fider-dribni img{aspect-ratio:4/3;object-fit:cover;width:150px}
.fider-bik{border-left:1px solid var(--strum-liniia-t);padding-left:34px}
.fider-bik article{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--strum-liniia-t)}
.fider-bik article:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.fider-bik img{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:14px}
.fider-bik .zagolovok{font-size:23px}

/* [aeg] vybir */
.vybir{padding:44px 0 10px}
.sekciia-nazva{display:flex;align-items:center;gap:10px;font:600 21px/1.2 var(--napruha-sans);margin:0 0 22px;letter-spacing:-.01em}
.sekciia-nazva .ae-ic{width:22px;height:22px;color:var(--strum-bursh-t)}
.sekciia-nazva a{margin-left:auto;font-size:14px;font-weight:500;display:inline-flex;gap:6px;align-items:center;text-decoration:none;color:var(--strum-bursh-t)}
.vybir-sitka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:0 28px}
.vybir-pershyi{grid-row:span 2;display:grid;grid-template-rows:auto auto;gap:14px;padding-right:28px;border-right:1px solid var(--strum-liniia)}
.vybir-pershyi .zagolovok{font-size:30px}
.vybir-pershyi img{aspect-ratio:16/10;object-fit:cover;width:100%}
.vybir-punkt{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:14px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--strum-liniia)}
.vybir-punkt .zagolovok{font-size:17px;line-height:1.2}
.vybir-punkt .lid{font-size:14px;margin-top:8px}
.vybir-punkt img{aspect-ratio:1/1;object-fit:cover;width:96px}
.nomer{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--strum-bursh);color:#111;font:700 13px/1 var(--napruha-sans);
  margin-right:8px;vertical-align:4px}

/* [aeg] rubryky-smuha */
.rubryky-smuha{background:var(--strum-krem);padding:34px 0;margin:30px 0 0}
.rubryky-sitka{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.rubryka-kartka{background:#fff;border:1px solid var(--strum-liniia);text-decoration:none;display:flex;flex-direction:column}
.rubryka-kartka img{aspect-ratio:16/10;object-fit:cover;width:100%}
.rubryka-kartka div{padding:14px 16px 16px}
.rubryka-kartka b{display:flex;gap:8px;align-items:center;font:600 17px/1.2 var(--napruha-sans)}
.rubryka-kartka b .ae-ic{color:var(--strum-bursh-t)}
.rubryka-kartka span{display:block;font-size:13px;color:var(--strum-sir);margin-top:6px;line-height:1.45}
.rubryka-kartka:hover b{text-decoration:underline}

/* [aeg] strichka */
.strichka{padding:40px 0 50px}
.strichka-sitka{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px}
.riadok{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--strum-liniia)}
.riadok img{aspect-ratio:12/7;object-fit:cover;width:100%}
.riadok .zagolovok{font-size:24px;margin-top:8px}
.riadok .rubryka-mitka{color:var(--strum-sir)}
.bokovyna{display:flex;flex-direction:column;gap:22px}
.panel{background:var(--strum-krem);padding:24px 22px}
.panel h2{font:700 20px/1.25 var(--napruha-serif);margin:0 0 6px}
.panel p{font-size:14px;color:var(--strum-sir);margin:0 0 14px}
.panel ul{list-style:none;margin:0;padding:0}
.panel li{border-top:1px solid var(--strum-liniia)}
.panel li a{display:flex;gap:10px;align-items:center;padding:10px 0;text-decoration:none;font-weight:500;font-size:15px}
.panel li a .ae-ic{color:var(--strum-bursh-t)}
.panel li a:hover{text-decoration:underline}
.partnery{border:1px solid var(--strum-liniia);padding:18px 18px 20px}
.partnery-mitka{display:flex;align-items:center;gap:7px;font:600 11px/1 var(--napruha-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--strum-sir);margin:0 0 14px}
.partnery a{display:block;margin:0 0 12px}
.partnery a img{width:100%;border:1px solid var(--strum-liniia)}
.partnery--smuha{margin:36px 0 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.partnery--smuha .partnery-mitka{margin:0}
.partnery--smuha a{margin:0;max-width:280px}
.partnery p{font-size:13px;color:var(--strum-sir);margin:10px 0 0;line-height:1.5}
.arkhiv-riadok{display:flex;align-items:center;gap:16px;background:var(--strum-pisok);padding:18px 20px;margin-top:8px;text-decoration:none}
.arkhiv-riadok .ae-ic{width:28px;height:28px;color:var(--strum-bursh-t)}
.arkhiv-riadok b{display:block;font-weight:600}
.arkhiv-riadok span{font-size:14px;color:var(--strum-sir)}

/* [aeg] hab */
.hab-shapka{text-align:center;padding:26px 0 10px}
.hab-shapka h1{font:700 50px/1.08 var(--napruha-serif);margin:14px auto 12px;max-width:900px;text-wrap:balance;letter-spacing:-.015em}
.hab-shapka p{max-width:680px;margin:0 auto;color:var(--strum-sir);font-size:17px}
.hab-shapka .hab-ikona{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--strum-bursh);color:#111}
.hab-shapka .hab-ikona .ae-ic{width:28px;height:28px}
.hab-lider{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:center;padding:30px 0 34px;border-bottom:1px solid var(--strum-liniia)}
.hab-lider .zagolovok{font-size:36px}
.hab-lider img{aspect-ratio:3/2;object-fit:cover;width:100%}
.hab-lider figcaption,.kadr figcaption{font-size:12px;color:var(--strum-sir);margin-top:8px;line-height:1.4}
.hab-lider figure{margin:0}
.sitka-kartok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}
.kartka img{aspect-ratio:3/2;object-fit:cover;width:100%;margin-bottom:12px}
.kartka .zagolovok{font-size:20px}
.kartka .lid{font-size:14px}
.movna-mitka{display:inline-block;font:600 11px/1 var(--napruha-sans);letter-spacing:.08em;text-transform:uppercase;background:var(--strum-nich);color:#fff;padding:4px 6px;margin-right:6px;vertical-align:2px}

/* [aeg] stattia */
.stattia-shapka{max-width:800px;margin:0 auto;padding:18px 0 0;text-align:center}
.stattia-shapka h1{font:700 46px/1.1 var(--napruha-serif);letter-spacing:-.015em;margin:12px 0 16px;text-wrap:balance}
.stattia-shapka .lid{font-size:19px;line-height:1.55;color:#3f3d38;margin:0 auto;max-width:700px}
.stattia-shapka .pidpys{justify-content:center;margin-top:18px}
.kadr{margin:30px auto 0;max-width:1000px}
.kadr img{width:100%;aspect-ratio:16/9;object-fit:cover}
.obmotka{max-width:720px;margin:34px auto 0;font-size:18px;line-height:1.72}
.obmotka p{margin:0 0 1.15em}
.obmotka h2{font:700 29px/1.2 var(--napruha-serif);margin:1.6em 0 .55em;letter-spacing:-.01em}
.obmotka h3{font:600 21px/1.3 var(--napruha-sans);margin:1.4em 0 .5em}
.obmotka ul,.obmotka ol{padding-left:1.3em;margin:0 0 1.15em}
.obmotka li{margin:0 0 .4em}
.obmotka a{color:var(--strum-bursh-t);text-decoration-thickness:1px;text-underline-offset:3px}
.obmotka img{margin:1.4em auto;height:auto}
.obmotka table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 1.4em;display:block;overflow-x:auto}
.obmotka th,.obmotka td{border:1px solid var(--strum-liniia);padding:8px 10px;text-align:left;vertical-align:top}
.obmotka th{background:var(--strum-krem)}
.obmotka blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:4px solid var(--strum-bursh);color:#3f3d38}
.obmotka strong{font-weight:600}
.dzherela{max-width:720px;margin:30px auto 0;background:var(--strum-pisok);padding:20px 24px}
.dzherela h2{display:flex;gap:8px;align-items:center;font:600 16px/1.2 var(--napruha-sans);margin:0 0 10px}
.dzherela ol{margin:0;padding-left:1.2em;font-size:14px;color:var(--strum-sir)}
.dzherela li{margin:0 0 6px;overflow-wrap:anywhere}
.dzherela a{color:var(--strum-sir)}
.plashka{max-width:720px;margin:26px auto 0;display:flex;gap:12px;align-items:flex-start;border:1px solid var(--strum-liniia);padding:16px 18px;font-size:14px;color:var(--strum-sir)}
.plashka .ae-ic{color:var(--strum-bursh-t);margin-top:2px}
.dali{padding:46px 0 50px;margin-top:46px;border-top:1px solid var(--strum-liniia)}

/* [aeg] stranytsia */
.tekst-storinky{max-width:760px;margin:0 auto;padding:10px 0 50px}
.tekst-storinky h1{font:700 44px/1.1 var(--napruha-serif);margin:16px 0 18px;letter-spacing:-.015em}
.kontakty-sitka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.kontakt{border:1px solid var(--strum-liniia);padding:18px 18px 16px;font-size:15px}
.kontakt b{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.kontakt b .ae-ic{color:var(--strum-bursh-t)}
.foto-spysok{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.foto-spysok img{aspect-ratio:3/2;object-fit:cover;width:100%}
.foto-spysok p{font-size:12px;color:var(--strum-sir);margin:6px 0 0;line-height:1.4;overflow-wrap:anywhere}

/* [aeg] blog-robot — розмітка автопублікатора: div > h4 > a + p */
.robot-strichka > div{border-bottom:1px solid var(--strum-liniia);padding:0 0 16px;margin:0 0 18px !important}
.robot-strichka h4{font:700 22px/1.25 var(--napruha-serif);margin:0 0 6px}
.robot-strichka h4 a{text-decoration:none}
.robot-strichka h4 a:hover{text-decoration:underline}
.robot-strichka p{margin:0;color:var(--strum-sir);font-size:14px}
.pbn-published-date{display:block;font-size:13px;color:var(--strum-sir);margin:0 0 20px}

/* [aeg] zazemlennia */
.zazemlennia{background:var(--strum-nich);color:#d4cfc4;padding:46px 0 30px;margin-top:40px}
.zaz-stovpci{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:34px}
.zaz-pro p{font-size:14px;line-height:1.6;margin:16px 0 0;color:#bdb8ad}
.zazemlennia h3{font:600 12px/1 var(--napruha-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--strum-bursh);margin:6px 0 14px}
.zazemlennia ul{list-style:none;margin:0;padding:0}
.zazemlennia li a{display:flex;gap:9px;align-items:center;text-decoration:none;color:#ece8df;font-size:15px;padding:6px 0}
.zazemlennia li a .ae-ic{color:var(--strum-bursh);width:16px;height:16px}
.zazemlennia li a:hover{color:#fff;text-decoration:underline}
.zazemlennia .znak-slovo small{color:#bdb8ad}
.zaz-pravo{border-top:1px solid var(--strum-liniia-t);margin-top:34px;padding-top:20px;font-size:13px;color:#a9a497}
.zaz-pravo p{margin:0 0 8px;max-width:980px}
.zaz-pravo a{color:#ece8df}

/* [aeg] adaptyv */
@media (max-width:1100px){
  .fider-sitka{grid-template-columns:1fr}
  .fider-bik{border-left:0;padding-left:0;border-top:1px solid var(--strum-liniia-t);padding-top:24px;margin-top:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .fider-bik article{border-bottom:0;margin:0;padding:0}
  .rubryky-sitka{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zaz-stovpci{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .vvid-verkh{grid-template-columns:1fr auto;padding-top:14px;padding-bottom:14px}
  .vvid-liva{display:none}
  .vvid-knopka{display:none}
  .rubylnyk-ruchka{display:inline-flex}
  .shyna{display:none}
  .rubylnyk:checked ~ .shyna{display:block}
  .rubylnyk:checked ~ .vvid-verkh .ae-ic-m{display:none}
  .rubylnyk:checked ~ .vvid-verkh .ae-ic-x{display:block}
  .shyna ul{flex-direction:column;gap:0;padding:4px 0 12px}
  .shyna li{border-bottom:1px solid var(--strum-liniia-t)}
  .shyna a{display:flex;padding:14px 0;min-height:48px;border-bottom:0}
  .znak-tile{width:42px;height:42px}
  .znak-slovo b,.znak-slovo .znak-h1{font-size:22px}
  .znak-slovo small{font-size:11px;margin-top:5px}
  .fider-holov{grid-template-columns:1fr}
  .fider-holov .fider-foto{order:-1}
  .vybir-sitka{grid-template-columns:1fr 1fr}
  .vybir-pershyi{grid-column:1/-1;grid-row:auto;padding-right:0;border-right:0;margin-bottom:22px}
  .strichka-sitka{grid-template-columns:1fr}
  .hab-lider{grid-template-columns:1fr}
  .hab-lider figure{order:-1}
  .sitka-kartok{grid-template-columns:1fr 1fr}
  .foto-spysok{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  :root{--kontur-p:14px}
  .znak-slovo small{display:none}
  .fider{padding:20px 0 26px}
  .fider-holov .zagolovok{font-size:29px}
  .fider-dribni{grid-template-columns:1fr}
  .fider-dribni article,.fider-dribni article:nth-child(2n){padding:18px 0;border-left:0;grid-template-columns:minmax(0,1fr) 110px}
  .fider-dribni img{width:110px}
  .fider-bik{grid-template-columns:1fr}
  .vybir-sitka{grid-template-columns:1fr}
  .rubryky-sitka{grid-template-columns:1fr 1fr}
  .riadok{grid-template-columns:120px minmax(0,1fr);gap:14px}
  .riadok .zagolovok{font-size:18px}
  .riadok .lid{font-size:13px;margin-top:6px}
  .riadok .pidpys{display:flex;font-size:12px}
  .hab-shapka h1{font-size:34px}
  .hab-lider .zagolovok{font-size:27px}
  .sitka-kartok{grid-template-columns:1fr}
  .stattia-shapka h1{font-size:32px}
  .stattia-shapka .lid{font-size:17px}
  .obmotka{font-size:17px}
  .obmotka h2{font-size:24px}
  .tekst-storinky h1{font-size:32px}
  .kontakty-sitka{grid-template-columns:1fr}
  .zaz-stovpci{grid-template-columns:1fr}
}