/* =========================================================
   SLOUKA — фірмовы стыль «Плакат»
   Адзіныя месцы, дзе жывуць колеры і памеры — блок :root ніжэй.
   ========================================================= */

:root{
  /* колер */
  --paper:#f3f2ed;
  --card:#ffffff;
  --ink:#0d0d0d;
  --muted:#5f5f5c;
  --accent:#e5301c;          /* чырвоны знака «SLOUKA» */
  --accent-ink:#ffffff;
  --line:#0d0d0d;
  --line-soft:#dcdad3;

  /* лінейка і сетка */
  --rule:1.5px;
  --maxw:1180px;
  --gutter:20px;

  /* шрыфты */
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --body:"Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}
main{flex:1 0 auto}
.site-foot{flex-shrink:0}

html{height:100%}
body{
  margin:0;
  min-height:100%;
  display:flex;
  flex-direction:column;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0}

a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--accent);color:var(--accent-ink);
  padding:12px 18px;font-weight:600;
}
.skip-link:focus{left:0}

.visually-hidden{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
}

/* =========================================================
   ЗНАК
   ========================================================= */
.logo{
  display:inline-flex;align-items:center;gap:.1em;
  font-family:var(--display);font-weight:800;
  text-transform:uppercase;letter-spacing:.03em;line-height:1;
  font-size:19px;color:var(--ink);
}
.logo .q{color:var(--accent);font-weight:700}
.logo:hover .q{color:var(--ink)}

/* =========================================================
   ШАПКА
   ========================================================= */
.site-head{border-bottom:var(--rule) solid var(--line);background:var(--paper)}
.site-head .wrap{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px 24px;padding-block:18px;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.site-tagline{
  font-size:13.5px;line-height:1.35;color:var(--muted);
  padding-left:14px;border-left:1.5px solid var(--line-soft);
  max-width:40ch;
}
@media (max-width:820px){
  .brand{flex-wrap:wrap;gap:6px 14px}
  .site-tagline{padding-left:0;border-left:none;flex-basis:100%}
}
.site-nav{display:flex;gap:22px;flex-wrap:wrap}
.site-nav a{
  font-size:14px;font-weight:500;color:var(--muted);
  padding-block:2px;border-bottom:2px solid transparent;
}
.site-nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}
@media (max-width:560px){
  .site-head .wrap{flex-direction:column;align-items:flex-start;gap:12px}
  .site-nav{gap:16px}
  .site-tagline{font-size:13px}
}

/* =========================================================
   ЗАГАЛОВАК СЕКЦЫІ
   ========================================================= */
.section-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding-block:clamp(28px,4vw,44px) 18px;flex-wrap:wrap;
}
.section-head h2{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(17px,2.4vw,22px);letter-spacing:.01em;
}
.section-head .count{
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);font-weight:700;
}

/* =========================================================
   СЕТКА ПРАЕКТАЎ
   2 у радок на ноўтбуку, 1 у радок на тэлефоне
   ========================================================= */
.apps-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:0;
  border-top:var(--rule) solid var(--line);
  border-left:var(--rule) solid var(--line);
  list-style:none;
}
@media (max-width:760px){
  .apps-grid{grid-template-columns:1fr}
}

.tile{
  position:relative;isolation:isolate;
  border-right:var(--rule) solid var(--line);
  border-bottom:var(--rule) solid var(--line);
  aspect-ratio:4/3;max-width:100%;overflow:hidden;
  background:var(--ink);
  display:flex;align-items:flex-end;
}
/* прапорцыя 4:3 усюды: вокладкі малююцца пад яе і не абразаюцца на тэлефоне */

.tile-art{
  position:absolute;inset:0;z-index:-2;
  background-size:cover;background-position:center;
  background-image:radial-gradient(120% 95% at 22% 10%,
    hsl(var(--hue,220) 40% 36%) 0%,
    hsl(var(--hue,220) 44% 17%) 55%,
    hsl(var(--hue,220) 42% 8%) 100%);
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}
.tile:hover .tile-art{transform:scale(1.03)}

/* Зацямненне толькі там, дзе ляжыць тэкст: ніжнія ~20% пліткі.
   Вышэй градыент хутка сыходзіць у нуль, каб свеглая вокладка
   не ператваралася ў шэрае пятно. */
.tile::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,
    rgba(8,8,10,.92) 0%,
    rgba(8,8,10,.86) 17%,
    rgba(8,8,10,.46) 33%,
    rgba(8,8,10,.12) 48%,
    rgba(8,8,10,0) 62%);
}

/* без position:relative — каб растягнутая спасылка .tile-link::after
   лічылася ад самой пліткі, а не ад гэтай паласы.
   Фон і зацямненне ляжаць на z-index -2 і -1, таму змесціва і так зверху. */
.tile-body{
  width:100%;
  display:flex;align-items:flex-end;gap:14px;
  padding:clamp(16px,2.4vw,24px);
}

.tile-icon{
  width:clamp(46px,6.4vw,62px);height:clamp(46px,6.4vw,62px);
  flex:0 0 auto;object-fit:cover;
  background:#0d0d0d;border:1px solid rgba(255,255,255,.2);
  border-radius:22.5%;              /* як іконка ў App Store */
  display:grid;place-items:center;
  font-family:var(--display);font-weight:800;color:#fff;
  font-size:clamp(20px,2.6vw,26px);line-height:1;
}

.tile-meta{flex:1;min-width:0}
.tile-meta h3{
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  font-size:clamp(16px,2.2vw,21px);line-height:1.12;letter-spacing:.01em;color:#fff;
}
/* нябачная накладка на ўсю плітку: клік у любым месцы вядзе ў артыкул */
.tile-link::after{content:"";position:absolute;inset:0;z-index:1;cursor:pointer}
.tile-link:focus-visible{outline:none}
.tile:focus-within{outline:3px solid var(--accent);outline-offset:-3px}
.tile-meta p{
  margin-top:5px;font-size:clamp(12.5px,1.6vw,14px);line-height:1.35;
  color:rgba(255,255,255,.76);
}

.tile-store{
  position:relative;z-index:2;flex:0 0 auto;align-self:flex-end;
  font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap;
  color:#fff;border:1.5px solid rgba(255,255,255,.55);
  padding:7px 12px;background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
}
.tile-store:hover{background:var(--accent);border-color:var(--accent)}
.tile-badge{
  position:relative;z-index:2;flex:0 0 auto;align-self:flex-end;
  font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.85);border:1.5px dashed rgba(255,255,255,.45);
  padding:6px 10px;white-space:nowrap;
  pointer-events:none;   /* плашка не спасылка — не перахоплівае клік па плітцы */
}
@media (max-width:520px){
  .tile-store,.tile-badge{display:none}
}

/* =========================================================
   ПОДВАЛ
   ========================================================= */
.site-foot{border-top:var(--rule) solid var(--line);background:var(--ink);color:#fff}
.site-foot .wrap{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:20px 24px;padding-block:28px 34px;flex-wrap:wrap;
}
.site-foot .logo{color:#fff}
.site-foot .logo .q{color:var(--accent)}
.foot-links{display:flex;flex-direction:column;gap:7px;font-size:13.5px}
.foot-links a{color:#c9c8c4}
.foot-links a:hover{color:#fff;border-bottom:2px solid var(--accent)}

/* =========================================================
   ВЕРХ УНУТРАНАЙ СТАРОНКІ
   ========================================================= */
.page-head{padding-block:clamp(34px,5vw,58px) clamp(24px,3.4vw,36px);border-bottom:var(--rule) solid var(--line)}
.kicker{
  font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);
}
.page-head h1{
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  font-size:clamp(25px,4.8vw,48px);line-height:1.04;letter-spacing:-.015em;margin-top:14px;
  max-width:20ch;
}
.page-lead{margin-top:18px;max-width:60ch;color:var(--muted);font-size:clamp(15px,1.9vw,18px);line-height:1.52}

/* тры спасылкі ўверсе старонкі праекта */
.links-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13.5px;font-weight:600;letter-spacing:.01em;
  padding:11px 17px;border:var(--rule) solid var(--line);
  background:var(--card);color:var(--ink);
}
.btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn[aria-disabled="true"]{
  background:transparent;color:var(--muted);border-style:dashed;cursor:default;
}
.btn[aria-disabled="true"]:hover{background:transparent;color:var(--muted);border-color:var(--line)}

.meta-line{
  margin-top:20px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 18px;
}
.meta-line span{position:relative}
.meta-line span + span::before{
  content:"";position:absolute;left:-10px;top:.15em;bottom:.15em;
  border-left:1px solid var(--line-soft);
}

/* =========================================================
   ТЭКСТ СТАТТЫ
   ========================================================= */
.prose{
  padding-block:clamp(30px,4.6vw,54px);
  max-width:68ch;font-size:17px;line-height:1.72;color:#22221f;
}
.prose > * + *{margin-top:20px}
.prose h2{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(17px,2.4vw,23px);line-height:1.2;letter-spacing:.01em;
  margin-top:40px;padding-top:22px;border-top:var(--rule) solid var(--line);color:var(--ink);
}
.prose h3{
  font-family:var(--display);font-weight:600;font-size:16px;margin-top:28px;color:var(--ink);
}
.prose a{color:var(--ink);border-bottom:2px solid var(--accent)}
.prose a:hover{background:var(--accent);color:#fff;border-bottom-color:var(--accent)}
.prose ul,.prose ol{padding-left:0;list-style:none}
.prose li + li{margin-top:9px}
.prose ul li{position:relative;padding-left:22px}
.prose ul li::before{
  content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;background:var(--accent);
}
.prose ol{counter-reset:n}
.prose ol li{position:relative;padding-left:32px;counter-increment:n}
.prose ol li::before{
  content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.05em;
  font-family:var(--display);font-weight:700;font-size:12px;color:var(--accent);
}
.prose blockquote{
  margin:0;padding:4px 0 4px 22px;border-left:4px solid var(--accent);
  font-size:19px;line-height:1.5;color:var(--ink);
}
.prose figure{margin:0}
.prose figure img{border:var(--rule) solid var(--line);width:100%}
.prose figcaption{margin-top:9px;font-size:13px;color:var(--muted)}
.prose hr{border:none;border-top:var(--rule) solid var(--line);margin-block:34px}
.prose code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;
  background:#e7e5df;padding:2px 5px;
}

/* =========================================================
   ПЫТАННІ І ТЭКСТАВЫЯ БЛОКІ (падтрымка, палітыка)
   ========================================================= */
.faq{border-top:var(--rule) solid var(--line);max-width:68ch}
.faq-item{border-bottom:var(--rule) solid var(--line);padding-block:20px}
.faq-item h3{
  font-family:var(--display);font-weight:600;font-size:16px;line-height:1.3;
}
.faq-item p{margin-top:9px;color:var(--muted);line-height:1.62}

.callout{
  border:var(--rule) solid var(--line);background:var(--card);
  padding:20px 22px;max-width:68ch;
}
.callout b{display:block;font-family:var(--display);font-weight:600;font-size:15px;margin-bottom:7px}
.callout p{color:var(--muted);font-size:15px;line-height:1.6}
.callout a{color:var(--ink);border-bottom:2px solid var(--accent)}

/* =========================================================
   НІЗ УНУТРАНАЙ СТАРОНКІ
   ========================================================= */
.page-foot{border-top:var(--rule) solid var(--line);padding-block:30px 46px}
.page-foot h2{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(16px,2.2vw,20px);margin-bottom:18px;
}
.back-link{
  display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:14px;
  border-bottom:2px solid var(--accent);padding-bottom:2px;
}

/* =========================================================
   404
   ========================================================= */
.error-page{padding-block:clamp(60px,10vw,120px);text-align:left}
.error-page .code{
  font-family:var(--display);font-weight:800;font-size:clamp(56px,14vw,140px);
  line-height:.9;color:var(--accent);
}
.error-page h1{
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  font-size:clamp(22px,3.6vw,34px);margin-top:18px;
}
.error-page p{margin-top:14px;color:var(--muted);max-width:44ch}
.error-page .back-link{margin-top:26px}

/* =========================================================
   ДРУК і рух
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}
@media print{
  .site-head,.site-foot,.links-row,.page-foot{display:none}
  body{background:#fff}
  .prose{max-width:none}
}

/* =========================================================
   ПЛІТКА-ЗАПАЎНЯЛЬНІК (каб радок сеткі не абрываўся)
   ========================================================= */
.tile-filler{
  background:var(--paper);
  display:none;
  align-items:center;
  justify-content:flex-start;
}
@media (min-width:761px){.tile-filler{display:flex}}
.tile-filler::before{display:none}
.tile-filler-in{padding:clamp(20px,3vw,34px);max-width:34ch}
.filler-mark{
  display:block;font-family:var(--display);font-weight:700;
  font-size:clamp(34px,4.6vw,52px);line-height:1;color:var(--accent);
}
.tile-filler p{
  margin-top:16px;color:var(--muted);font-size:14.5px;line-height:1.55;
}
.tile-filler a{color:var(--ink);border-bottom:2px solid var(--accent)}

/* =========================================================
   АРТЫКУЛ: нумары раздзелаў, ілюстрацыі, табліца
   ========================================================= */
.prose h2 .sec-n{
  display:inline-block;margin-right:12px;color:var(--accent);
  font-size:.72em;letter-spacing:.02em;vertical-align:.08em;
}

/* ілюстрацыі */
.prose figure{margin-block:34px}
.prose figure img{
  border:var(--rule) solid var(--line);width:100%;background:var(--card);
}
.prose figcaption{
  margin-top:10px;font-size:13.5px;line-height:1.55;color:var(--muted);
  max-width:62ch;
}
.prose figcaption b{color:var(--ink);font-weight:600}

/* шырокія ілюстрацыі выходзяць за калонку тэксту на ўсю паласу */
.prose .figure-wide{
  width:min(calc(100vw - 2 * var(--gutter)), calc(var(--maxw) - 2 * var(--gutter)));
  max-width:none;
}

/* стужка скрыншотаў: на вузкім экране гартаецца па гарызанталі */
@media (max-width:760px){
  .prose .figure-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .prose .figure-scroll img{width:900px;max-width:none}
  .prose .figure-scroll figcaption{position:sticky;left:0;width:min(100%,90vw)}
}

/* табліца */
.table-wrap{overflow-x:auto;margin-block:26px}
.prose table{
  border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.5;
  border:var(--rule) solid var(--line);
}
.prose th{
  text-align:left;font-family:var(--display);font-weight:600;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;padding:11px 14px;
  border-bottom:var(--rule) solid var(--line);background:var(--card);
}
.prose td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top;color:#22221f}
.prose tbody tr:last-child td{border-bottom:none}
.prose td.cell-code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  white-space:nowrap;font-weight:600;color:var(--ink);
}

/* на вузкім экране табліца становіцца спісам */
@media (max-width:640px){
  .table-wrap{overflow-x:visible}
  .prose table,.prose tbody,.prose tr,.prose td{display:block;width:100%}
  .prose thead{display:none}
  .prose tr{border-bottom:var(--rule) solid var(--line);padding-block:14px}
  .prose tbody tr:last-child{border-bottom:none}
  .prose td{border:none;padding:0 14px}
  .prose td.cell-code{margin-bottom:6px}
}

/* заключная зноска артыкула */
.article-note{
  margin-top:40px;padding-top:18px;border-top:1px solid var(--line-soft);
  font-size:13px;line-height:1.6;color:var(--muted);max-width:62ch;
}

/* =========================================================
   СЛУЖБОВЫЯ СТАРОНКІ: падтрымка і палітыка
   ========================================================= */

/* лакап «іконка + назва» замест кікера */
.app-badge{display:flex;align-items:center;gap:12px}
.app-badge img{
  width:44px;height:44px;flex:0 0 auto;object-fit:cover;
  border:var(--rule) solid var(--line);
  border-radius:22.5%;
}
.app-badge span{
  font-family:var(--display);font-weight:700;font-size:15px;
  letter-spacing:.01em;
}

/* пераключальнік мовы */
.lang-nav{
  display:flex;gap:0;margin-bottom:4px;
  border:var(--rule) solid var(--line);width:max-content;max-width:100%;
}
.lang-nav a{
  font-size:12.5px;font-weight:600;letter-spacing:.04em;
  padding:9px 16px;color:var(--ink);background:var(--card);
}
.lang-nav a + a{border-left:var(--rule) solid var(--line)}
.lang-nav a:hover{background:var(--accent);color:var(--accent-ink)}

/* дакумент: раздзелы бліжэй адзін да аднаго, чым у артыкуле */
.prose.doc > * + *{margin-top:16px}
.prose.doc h2{
  margin-top:34px;padding-top:18px;font-size:clamp(15px,2vw,18px);
}
.prose.doc .lang-section + .lang-section{
  margin-top:56px;padding-top:34px;border-top:var(--rule) solid var(--line);
}
.prose.doc .lang-section > * + *{margin-top:16px}
.prose.doc h2.lang-title{
  border-top:none;padding-top:0;margin-top:0;
  font-size:clamp(19px,2.8vw,25px);
}
.prose.doc .faq{margin-top:20px;border-top:var(--rule) solid var(--line)}
.prose.doc .faq-item h3{font-family:var(--display);font-weight:600;font-size:15px;margin-top:0}
.prose.doc .faq-item p{margin-top:8px}
.prose.doc .btn{margin-top:4px}
.page-updated{
  margin-top:26px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);
}

/* кнопкі ўнутры тэксту не павінны падаць пад стыль спасылак .prose a */
.prose a.btn{
  color:var(--ink);border:var(--rule) solid var(--line);background:var(--card);
}
.prose a.btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.prose a.btn-primary{
  background:var(--accent);border-color:var(--accent);color:var(--accent-ink);
}
.prose a.btn-primary:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* лакап праграмы ўверсе службовых старонак — спасылка на артыкул */
a.app-badge:hover span{border-bottom:2px solid var(--accent)}
a.app-badge:hover img{border-color:var(--accent)}
a.app-badge img{transition:border-color .2s}
a.kicker-link{display:inline-block}
a.kicker-link:hover{border-bottom:2px solid var(--accent)}

/* =========================================================
   ВЕРХ СТАРОНКІ ПРАЕКТА З КАРЦІНКАЙ-ФОНАМ
   Уключаецца полем article.cover у content/apps.json.
   Паласа ідзе ад краю да краю экрана, тэкст — белы па зацямненні.
   ========================================================= */
.page-head.has-cover{
  position:relative;isolation:isolate;
  background-image:var(--cover);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:var(--ink);
  border-bottom:var(--rule) solid var(--line);
  color:#fff;
}
@media (max-width:760px){
  .page-head.has-cover{background-image:var(--cover-mobile, var(--cover))}
}
.page-head.has-cover::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to right,
      rgba(8,8,10,.86) 0%, rgba(8,8,10,.72) 46%, rgba(8,8,10,.42) 100%),
    linear-gradient(to top,
      rgba(8,8,10,.55) 0%, rgba(8,8,10,.15) 40%, rgba(8,8,10,.35) 100%);
}
.page-head.has-cover .wrap{position:relative}

.page-head.has-cover h1{color:#fff}
.page-head.has-cover .kicker{color:#ff8571}
.page-head.has-cover .page-lead{color:rgba(255,255,255,.82)}
.page-head.has-cover .meta-line{color:rgba(255,255,255,.62)}
.page-head.has-cover .meta-line span + span::before{border-left-color:rgba(255,255,255,.3)}

/* кнопкі на цёмным */
.page-head.has-cover .btn{
  background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.55);
  backdrop-filter:blur(8px);
}
.page-head.has-cover .btn:hover{background:#fff;color:var(--ink);border-color:#fff}
.page-head.has-cover .btn-primary{
  background:var(--accent);border-color:var(--accent);color:var(--accent-ink);
}
.page-head.has-cover .btn-primary:hover{background:#fff;color:var(--ink);border-color:#fff}
.page-head.has-cover .btn[aria-disabled="true"]{
  background:transparent;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.4);
}
.page-head.has-cover .btn[aria-disabled="true"]:hover{
  background:transparent;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.4);
}

/* лакап праграмы на цёмным (калі фон з'явіцца і на службовых старонках) */
.page-head.has-cover .app-badge span{color:#fff}
.page-head.has-cover .app-badge img{border-color:rgba(255,255,255,.4)}

/* мінімальная вышыня паласы, каб карцінка не ператваралася ў палоску */
.page-head.has-cover{min-height:clamp(320px,34vw,460px);display:flex;align-items:flex-end}
.page-head.has-cover > .wrap{width:100%}

/* плітка праграмы, у якой яшчэ няма свае старонкі */
.tile-static .tile-meta h3{cursor:default}