/* ==========================================================================
   casinopopular.com — каркас «KATALOOG»
   Портал-СПРАВОЧНИК игровых автоматов под ЮАР (en-ZA).
   Референсы-иконы: discogs.com (плотный каталог, спецификации, чипы лейблов)
   и ft.com (тёплая бумага, серьёзная редакционная типографика).
   Шрифты — донорские Roboto / Roboto Condensed, локально.
   ========================================================================== */

:root{
  --ink:#1b1a17;
  --ink-2:#3d382f;
  --muted:#6f675b;
  --paper:#f8f1e7;
  --card:#fffdf9;
  --rule:#e2d7c6;
  --rule-2:#cdbfa8;
  --wine:#8e2434;
  --wine-dk:#6d1826;
  --brass:#a97c17;
  --za:#0b6b45;
  --pad:20px;
  --wrap:1180px;
  --shadow:0 1px 0 rgba(27,26,23,.06);
}

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

html{font-size:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Roboto',-apple-system,'Segoe UI',Arial,sans-serif;
  font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
/* текст донора живёт не только в контейнере — шкалу задаём по голым тегам */
body p,body li,body dd,body dt,body td,body th,body blockquote{
  font-size:17px;line-height:1.7;font-family:'Roboto',-apple-system,'Segoe UI',Arial,sans-serif;
}
img{max-width:100%;height:auto}
a{color:var(--wine);text-decoration:none}
a:hover{text-decoration:underline}
li::before,li::after{content:none!important}

h1,h2,h3,h4,h5{
  font-family:'Roboto Condensed','Roboto',Arial,sans-serif;
  color:var(--ink);letter-spacing:.005em;margin:0 0 .5em;line-height:1.18;font-weight:700;
}
h1{font-size:40px;letter-spacing:-.01em}
h2{font-size:28px;margin-top:1.6em;padding-bottom:8px;border-bottom:2px solid var(--ink)}
h3{font-size:22px;margin-top:1.3em}
h4{font-size:19px}
p{margin:0 0 1.05em}

/* ---------- сетка ---------- */
.cpop-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}

/* ---------- шапка ---------- */
.cpop-head{background:var(--ink);color:var(--paper);border-bottom:3px solid var(--wine)}
.cpop-head a{color:inherit}
.cpop-mast{display:flex;align-items:center;gap:18px;padding:14px 0}
.cpop-logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.cpop-logo__reel{
  width:26px;height:38px;border-radius:8px;background:var(--paper);
  display:block;flex:none;position:relative;overflow:hidden;border:2px solid var(--paper);
}
.cpop-logo__reel i{position:absolute;left:0;right:0;display:block}
.cpop-logo__reel i:nth-child(1){top:0;height:33.3%;background:#de3831}
.cpop-logo__reel i:nth-child(2){top:33.3%;height:33.4%;background:var(--za)}
.cpop-logo__reel i:nth-child(3){top:66.7%;height:33.3%;background:#002395}
.cpop-logo__txt{
  font-family:'Roboto Condensed',Arial,sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.10em;font-size:23px;line-height:1;color:var(--paper);
}
.cpop-logo__txt span{color:#e8c76a}
.cpop-tag{
  margin-left:auto;font-family:'Roboto Condensed',Arial,sans-serif;font-size:13px;
  letter-spacing:.16em;text-transform:uppercase;color:#c9c0ae;
}
.cpop-tag b{color:var(--paper);font-weight:700}

.cpop-nav{border-top:1px solid rgba(248,241,231,.18)}
.cpop-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.cpop-nav li{margin:0}
.cpop-nav a{
  display:block;padding:11px 16px 11px 0;margin-right:6px;
  font-family:'Roboto Condensed',Arial,sans-serif;font-size:16px;letter-spacing:.05em;
  text-transform:uppercase;color:#ded5c4;
}
.cpop-nav a:hover,.cpop-nav a:focus{color:#fff;text-decoration:none}
.cpop-nav a[aria-current]{color:#e8c76a}

/* лента производителей — отличительный элемент этого каркаса */
.cpop-rail{background:#26241f;color:#cfc6b4;border-top:1px solid rgba(248,241,231,.10)}
.cpop-rail .cpop-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.cpop-rail__lbl{
  font-family:'Roboto Condensed',Arial,sans-serif;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:#bcb3a1;
}
.cpop-rail a{
  font-family:'Roboto Condensed',Arial,sans-serif;font-size:14px;letter-spacing:.06em;
  text-transform:uppercase;color:#e2d9c8;border:1px solid #45413a;border-radius:2px;
  padding:2px 10px;
}
.cpop-rail a:hover{background:var(--wine);border-color:var(--wine);color:#fff;text-decoration:none}

/* ---------- каркас страницы ---------- */
.cpop-main{padding:26px 0 44px}
.cpop-main .cpop-wrap{background:var(--card);border:1px solid var(--rule);padding:28px var(--pad) 34px}

/* донорская сетка: вернуть блочный поток и снять сайдбарные ширины */
.container,.page,.main,.main-content,.section,.section-page,.page-content,
.content-wrapper,.page-text,.entry-reviews{
  display:block!important;width:auto!important;max-width:none!important;
  float:none!important;margin-left:0!important;margin-right:0!important;padding-left:0;padding-right:0;
}

/* ---------- контент ---------- */
.cpop-main ul,.cpop-main ol{padding-left:22px;margin:0 0 1.1em}
.cpop-main li{margin:0 0 .4em}
.cpop-main hr{border:0;border-top:1px solid var(--rule);margin:28px 0}
blockquote{
  margin:1.4em 0;padding:14px 18px;background:#f4ecdf;border-left:3px solid var(--brass);
  color:var(--ink-2);
}
/* ⛔ у донора `div.meta` — обёртка ВСЕЙ статьи, а не байлайн: типографику на неё не вешать */
.meta,.content-wrapper,.page-text{display:block;margin:0;padding:0}

/* блок раскрытия «#Ad» на обзорах */
.entry-reviews{
  border:1px solid var(--rule);background:#f4ecdf;padding:12px 16px;margin:0 0 20px;
  font-size:14px;line-height:1.6;color:var(--ink-2);
}
.entry-reviews label{
  display:flex;align-items:center;gap:8px;font-family:'Roboto Condensed',Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted);margin:0 0 6px;
}
.entry-reviews label img{width:16px;height:auto}

/* дубли «десктоп/мобилка» у донора — показываем ровно один */
.mobileimage{display:none}
@media (max-width:900px){.desktopimage{display:none}.mobileimage{display:inline-block}}

/* ---------- таблицы (пейтейблы, кассы, спецификации) ---------- */
table{border-collapse:collapse;width:100%;margin:0 0 1.4em;font-size:16px}
th,td{border-bottom:1px solid var(--rule);padding:10px 16px;text-align:left;vertical-align:top}
thead th,tr.dltth-head th{
  background:#efe6d7;border-bottom:2px solid var(--ink);
  font-family:'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.08em;font-size:13px;color:var(--ink);
}
tbody tr:nth-child(even) td{background:#fbf6ee}
.cpop-tablewrap{overflow-x:auto;margin:0 0 1.4em}

/* ---------- карточка обзора оператора (ci_*) ---------- */
.ci_container{
  border:1px solid var(--rule-2);background:#fbf5ea;margin:0 0 26px;padding:0;
}
.ci_top{display:flex;flex-wrap:wrap;gap:18px;padding:18px var(--pad);border-bottom:1px solid var(--rule)}
.ci_top_left{flex:1 1 340px;min-width:0}
.ci_top_right{flex:0 1 260px}
.ci_heading{
  font-family:'Roboto Condensed',Arial,sans-serif;font-size:22px;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;
}
.ci_info{margin:0;font-size:15px}
.ci_info td{border-bottom:1px dotted var(--rule-2);padding:5px 10px 5px 0;background:none!important}
.ci_info td:first-child{color:var(--muted);white-space:nowrap;width:1%}
.ci_rating{display:flex;align-items:center;gap:10px;padding:12px var(--pad);border-bottom:1px solid var(--rule)}
.ci_rating_left{font-family:'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.1em;font-size:13px;color:var(--muted)}
.ci_rating_right{font-family:'Roboto Condensed',Arial,sans-serif;font-size:24px;font-weight:700;color:var(--wine)}
.ci_enote{padding:14px var(--pad);color:var(--ink-2);font-size:16px}
.ci_ql_container{display:flex;gap:14px;flex-wrap:wrap;padding:12px var(--pad);border-top:1px solid var(--rule)}
.ci_ql{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ci_ql li{margin:0}
.ci_ql a{
  display:inline-block;border:1px solid var(--rule-2);border-radius:2px;padding:2px 10px;
  font-size:14px;color:var(--ink-2);background:#fff;
}

/* ---------- кнопка-CTA ---------- */
.ci_button,.cpop-cta{margin:14px 0}
.ci_button a,a.visit-btn,a.dl_cols_button,.dl_table3_btn a,.cpop-cta a{
  display:inline-block;background:var(--wine);color:#fff!important;border:0;border-radius:2px;
  font-family:'Roboto Condensed',Arial,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;font-size:16px;line-height:1.2;padding:12px 20px;text-decoration:none;
}
.ci_button a:hover,a.visit-btn:hover,a.dl_cols_button:hover,.dl_table3_btn a:hover,.cpop-cta a:hover{
  background:var(--wine-dk);text-decoration:none;color:#fff!important;
}
.tcstyle,.terms{font-size:13px;color:var(--muted);line-height:1.5}
.tcstyle a,.terms a{color:var(--muted);text-decoration:underline}

/* ---------- индексные списки-ленты (каталог) ---------- */
.articles .row-12{display:block}
.articles .col3,.articles .col-xs-12{width:auto;float:none}
.articles .article{
  display:flex;gap:14px;align-items:flex-start;
  border-bottom:1px solid var(--rule);padding:10px 0;
}
.articles .article .thumb{flex:0 0 auto}
.articles .article .thumb img{width:120px;height:auto;display:block}
.articles .article h3,.articles .article h4{margin:0;font-size:18px;text-align:left}
.articles .article a{color:var(--ink)}
.articles .article a:hover{color:var(--wine)}
.section-articles h2,.related-posts-section h2{margin-top:0}

/* ---------- витрина донора (снимается на 08, но пока должна быть читаемой) ---------- */
.casino-table{overflow-x:auto;margin:0 0 1.6em}
.casino-table td.thumb img{width:96px}

/* ---------- подвал ---------- */
.cpop-foot{background:var(--ink);color:#c9c0ae;margin-top:36px;font-size:15px}
.cpop-foot a{color:#e2d9c8;text-decoration:underline}
.cpop-foot__top{display:flex;flex-wrap:wrap;gap:28px;padding:30px 0 22px}
.cpop-foot__col{flex:1 1 240px;min-width:0}
.cpop-foot h4{
  color:var(--paper);font-size:15px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;
}
.cpop-foot ul{list-style:none;margin:0;padding:0}
.cpop-foot li{margin:0 0 7px}
.cpop-badges{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
.cpop-badge{
  border:1px solid #4a4539;border-radius:2px;padding:3px 9px;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;font-family:'Roboto Condensed',Arial,sans-serif;color:#ded5c4;
}
.cpop-badge--age{background:#e8c76a;border-color:#e8c76a;color:#1b1a17!important;font-weight:700}
.cpop-foot__help{
  border-top:1px solid #3a352d;border-bottom:1px solid #3a352d;padding:14px 0;color:#b9b0a0;font-size:14px;
}
.cpop-foot__help b{color:var(--paper)}
.cpop-foot__bottom{padding:16px 0 26px;color:#b3aa99;font-size:13px}

/* ---------- своё оглавление ---------- */
.cpop-toc{border:1px solid var(--rule-2);background:#f4ecdf;margin:0 0 22px}
.cpop-toc>summary{
  cursor:pointer;padding:11px 16px;font-family:'Roboto Condensed',Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:700;
}
.cpop-toc ol{margin:0;padding:0 16px 14px 34px}
.cpop-toc li{margin:0 0 5px;font-size:16px}

/* ---------- мобилка ---------- */
.cpop-burger{display:none}
@media (max-width:900px){
  :root{--pad:14px}
  body{font-size:16px}
  body p,body li,body dd,body dt,body td,body th,body blockquote{font-size:16px}
  h1{font-size:30px}
  h2{font-size:24px}
  h3{font-size:20px}
  .cpop-mast{padding:11px 0}
  .cpop-tag{display:none}
  .cpop-main .cpop-wrap{padding:20px var(--pad) 26px}
  .cpop-nav ul{flex-direction:column;display:none}
  .cpop-nav a{padding:9px 0;border-bottom:1px solid rgba(248,241,231,.12);margin-right:0}
  .cpop-burger{
    display:block;margin-left:auto;background:none;border:1px solid rgba(248,241,231,.4);
    color:var(--paper);font-family:'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;
    letter-spacing:.1em;font-size:13px;padding:6px 12px;border-radius:2px;cursor:pointer;
  }
  #cpop-menu:checked ~ .cpop-nav ul{display:block}
  .articles .article .thumb img{width:84px}
  .ci_top{padding:14px var(--pad)}
}
@media (max-width:420px){
  .cpop-logo__txt{font-size:19px;letter-spacing:.07em}
}

/* ==========================================================================
   Витрина №292 `cppv` — «Reel Board»
   ========================================================================== */
.cppv{
  border:1px solid var(--rule-2);background:#f4ecdf;margin:26px 0 30px;padding:20px var(--pad) 18px;
}
.cppv__h{
  margin:0 0 6px;font-size:24px;border:0;padding:0;
  font-family:'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;
}
.cppv__lede{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--ink-2);max-width:62em}
.cppv__list{list-style:none;margin:0;padding:0;counter-reset:cppv}
.cppv__row{
  display:grid;grid-template-columns:34px 118px minmax(0,1.35fr) minmax(0,1.25fr) 190px;
  gap:16px;align-items:center;
  background:var(--card);border:1px solid var(--rule);border-bottom-width:2px;
  padding:22px 18px;margin:0 0 12px;
}
.cppv__row:first-child{border-color:var(--brass);box-shadow:inset 3px 0 0 var(--brass)}
.cppv__rank{
  font-family:'Roboto Condensed',Arial,sans-serif;font-size:26px;font-weight:700;
  color:var(--rule-2);text-align:center;line-height:1;
}
.cppv__row:first-child .cppv__rank{color:var(--brass)}
.cppv__logo{display:block}
.cppv__logo img{width:118px;height:104px;object-fit:contain;padding:8px;display:block;background:#fff;border:1px solid var(--rule)}
.cppv__name{
  display:block;font-family:'Roboto Condensed',Arial,sans-serif;font-size:21px;font-weight:700;
  line-height:1.2;margin:0 0 6px;
}
.cppv__chips{display:flex;flex-wrap:wrap;gap:5px}
.cppv__chip{
  font-style:normal;font-size:12px;letter-spacing:.04em;text-transform:uppercase;
  font-family:'Roboto Condensed',Arial,sans-serif;color:var(--ink-2);
  border:1px solid var(--rule-2);border-radius:2px;padding:2px 7px;background:#fbf6ee;
}
.cppv__bonus{font-size:16px;line-height:1.45;color:var(--ink)}
.cppv__lbl{
  display:block;font-family:'Roboto Condensed',Arial,sans-serif;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin:0 0 3px;
}
.cppv__cta{display:block;text-align:center}
.cppv__btn{
  display:block;background:var(--wine);color:#fff!important;border-radius:2px;
  font-family:'Roboto Condensed',Arial,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;font-size:16px;padding:12px 14px;text-decoration:none;
}
.cppv__btn:hover{background:var(--wine-dk);text-decoration:none}
.cppv__tc{display:block;font-size:11px;color:var(--muted);margin-top:5px;letter-spacing:.03em}
.cppv__note{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--muted);max-width:70em}

@media (max-width:900px){
  .cppv{padding:16px var(--pad) 14px}
  .cppv__row{padding:12px 12px}
  .cppv__row{
    grid-template-columns:28px 72px minmax(0,1fr);
    grid-template-areas:'rank logo brand' 'bonus bonus bonus' 'cta cta cta';
    gap:10px 12px;
  }
  .cppv__rank{grid-area:rank;font-size:20px}
  .cppv__logo{grid-area:logo}
  .cppv__logo img{width:72px;height:62px}
  .cppv__brand{grid-area:brand}
  .cppv__name{font-size:18px}
  .cppv__bonus{grid-area:bonus;font-size:15px}
  .cppv__cta{grid-area:cta}
}

/* ---------- крошки и строка «обновлено» ---------- */
.cpop-crumbs{margin:0 0 12px;font-size:13px;color:var(--muted)}
.cpop-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cpop-crumbs li+li::before{content:'/';margin-right:6px;color:var(--rule-2)}
.cpop-crumbs a{color:var(--muted);text-decoration:underline}
.cpop-crumbs span{color:var(--ink-2)}
.cpop-upd{
  margin:-4px 0 18px;font-family:'Roboto Condensed',Arial,sans-serif;font-size:13px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.cpop-fx{
  margin:26px 0 0;padding:12px 16px;border:1px dashed var(--rule-2);background:#f4ecdf;
  font-size:14px;line-height:1.6;color:var(--ink-2);
}
.cpop-map{columns:2;column-gap:28px}
@media (max-width:700px){.cpop-map{columns:1}}

/* широкие таблицы донора на мобиле прокручиваются, а не ломают вьюпорт */
@media (max-width:900px){
  .cpop-main table{display:block;width:100%;max-width:100%;overflow-x:auto}
  .cpop-main{padding:14px 0 30px}
}

/* плитка логотипа выбирается по контрасту знака, а не «всегда белая» */
.cppv__logo--dark img{background:#1b1a17;border-color:#1b1a17}

/* ==========================================================================
   Блоки тела страницы — своё решение вместо мёртвых блоков донора
   ========================================================================== */

/* галерея скриншотов игры (вместо карусели донора на JS) */
.cpop-gallery{margin:26px 0 30px}
.cpop-gallery h2{margin:0 0 14px}
.cpop-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cpop-shot{margin:0;border:1px solid var(--rule);background:var(--card)}
.cpop-shot img{display:block;width:100%;height:auto}
.cpop-shot figcaption{
  padding:8px 12px;border-top:1px solid var(--rule);
  font-family:'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;
  font-size:12px;color:var(--muted);
}

/* полоса «сыграть в этот слот» (вместо промо-баннера донора с чужим брендом) */
.cpop-play{
  display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:16px;align-items:center;
  border:1px solid var(--rule-2);border-left:4px solid var(--brass);background:#f4ecdf;
  padding:16px 18px;margin:26px 0 30px;
}
.cpop-play__logo img{display:block;width:86px;height:auto;background:#fff;border:1px solid var(--rule)}
.cpop-play__txt b{
  display:block;font-family:'Roboto Condensed',Arial,sans-serif;font-size:19px;line-height:1.25;
  margin:0 0 4px;
}
.cpop-play__txt span{display:block;font-size:15px;line-height:1.55;color:var(--ink-2)}
.cpop-play__btn{
  display:inline-block;background:var(--wine);color:#fff!important;border-radius:2px;
  font-family:'Roboto Condensed',Arial,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;font-size:15px;padding:12px 18px;white-space:nowrap;text-decoration:none;
}
.cpop-play__btn:hover{background:var(--wine-dk);text-decoration:none}

/* редакционный байлайн (вместо выдуманного «David is the main editor…») */
.cpop-byline{
  border-top:2px solid var(--ink);margin:34px 0 0;padding:14px 0 0;
}
.cpop-byline__t{
  margin:0 0 4px;font-family:'Roboto Condensed',Arial,sans-serif;font-size:16px;
  text-transform:uppercase;letter-spacing:.08em;
}
.cpop-byline__d{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.cpop-byline__d a{color:var(--muted);text-decoration:underline}

/* заголовок игрового блока — без донорских «цветных» классов */
h2.red,h3.yellow,h1.yellow{color:var(--ink)}
.slot-game-title{display:block}
.red-color{font-weight:700;color:var(--wine)}

@media (max-width:900px){
  .cpop-gallery__grid{grid-template-columns:1fr}
  .cpop-play{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .cpop-play__logo img{width:64px}
  .cpop-play__btn{grid-column:1 / -1;text-align:center}
}

/* сетка «слот + RTP + CTA» (у донора — dl_table3 на JS-плагине) */
.dl_table3 ul{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.dl_table3 li{margin:0}
.dl_table3_item{
  border:1px solid var(--rule);background:var(--card);
  display:flex;flex-direction:column;
}
.dl_table3_img:empty{display:none}
.dl_table3_img img{display:block;width:100%;height:auto}
.dl_table3_rtp,.dl_table3_amount{
  padding:12px 16px 6px;font-family:'Roboto Condensed',Arial,sans-serif;font-weight:700;
  font-size:18px;letter-spacing:.02em;
}
.dl_table3_btn{padding:0 16px 16px;margin-top:auto}
.dl_table3_btn a{
  display:block;text-align:center;background:var(--wine);color:#fff!important;border-radius:2px;
  font-family:'Roboto Condensed',Arial,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;font-size:14px;padding:9px 12px;text-decoration:none;
}
.dl_table3_btn a:hover{background:var(--wine-dk);text-decoration:none}
.dl_cols{margin:0 0 26px}
.dl_cols_col1{margin:0 0 14px}
@media (max-width:900px){.dl_table3 ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dl_table3 ul{grid-template-columns:1fr}}

/* лента материалов (донор: section-articles / article.post) */
.section-articles h3.section-title,.related-posts-section h2{
  margin:0 0 14px;font-size:24px;border-bottom:2px solid var(--ink);padding-bottom:8px;
}
.section-articles article.post{
  display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start;
  border-bottom:1px solid var(--rule);padding:16px 0;margin:0;
}
.section-articles article.post .thumb{margin:0}
.section-articles article.post .thumb img{display:block;width:100%;height:auto;border:1px solid var(--rule)}
.section-articles article.post .meta{display:block}
.section-articles article.post h4{
  margin:0 0 6px;font-size:20px;font-family:'Roboto Condensed',Arial,sans-serif;line-height:1.25;
}
.section-articles article.post h4 a{color:var(--ink)}
.section-articles article.post p{margin:0 0 10px;font-size:16px;color:var(--ink-2)}
a.btn,.text-right a.btn{
  display:inline-block;border:1px solid var(--wine);color:var(--wine)!important;border-radius:2px;
  font-family:'Roboto Condensed',Arial,sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;font-size:13px;padding:7px 14px;text-decoration:none;
}
a.btn:hover,.text-right a.btn:hover{background:var(--wine);color:#fff!important;text-decoration:none}
.text-right{text-align:left}
@media (max-width:700px){
  .section-articles article.post{grid-template-columns:110px minmax(0,1fr);gap:12px}
}