/* ============================================================================
   casinoreporters.com — витрина №290 «Press Table» (префикс rptv)
   Палитра снята с шапки «PRESSROOM»: краска #14171c, бумага #fdfcf9,
   печатный красный #a4161a, латунь #b08b3f.
   Отличия от соседей по CA: рейка ранга — АНТИКВЕННАЯ ЦИФРА в волосяной рамке
   (не квадрат, не медальон, не рейка-заливка), панель оффера с ЛАТУННОЙ ЛИНЕЙКОЙ
   СВЕРХУ (у соседей полоса слева), строка фактов через «·» капителью,
   фильтры — настоящие чекбоксы в газетной полосе «Filter the desk list».
   ========================================================================== */

body :is(main,#main) .rptv-wrap{display:block;width:100%;max-width:none;margin:26px 0 30px;
  clear:both;box-sizing:border-box}
body :is(main,#main) .rptv-wrap *{box-sizing:border-box}

body :is(main,#main) .rptv-h2{font-family:var(--crp-serif);font-size:24px;line-height:1.22;
  margin:0 0 6px;padding:0 0 8px;border-bottom:2px solid var(--crp-ink);color:var(--crp-ink)}
body :is(main,#main) .rptv-lede{margin:0 0 14px;font-size:13.5px;line-height:1.55;
  color:var(--crp-muted)}
body :is(main,#main) .rptv-lede b{color:var(--crp-ink)}

/* ---- полоса фильтров ---- */
body :is(main,#main) .rptv-f{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
body :is(main,#main) .rptv-filters{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;
  background:var(--crp-paper2);border-top:1px solid var(--crp-rule2);
  border-bottom:1px solid var(--crp-rule2);padding:11px 16px;margin:0 0 14px}
body :is(main,#main) .rptv-filters > span{font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--crp-muted);margin-right:2px}
body :is(main,#main) .rptv-filters label{display:inline-flex;align-items:center;gap:8px;
  font-size:13px;color:var(--crp-ink);cursor:pointer;line-height:1.2}
body :is(main,#main) .rptv-filters label:before{content:"";width:15px;height:15px;flex:0 0 15px;
  border:1px solid var(--crp-ink);background:#fff;display:inline-block}
body :is(main,#main) .rptv-f-ont:checked ~ .rptv-filters label[for$="-ont"]:before,
body :is(main,#main) .rptv-f-big:checked ~ .rptv-filters label[for$="-big"]:before,
body :is(main,#main) .rptv-f-fs:checked ~ .rptv-filters label[for$="-fs"]:before,
body :is(main,#main) .rptv-f-int:checked ~ .rptv-filters label[for$="-int"]:before{
  background:var(--crp-press) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' d='M3 8.4l3.2 3.2L13 5'/%3E%3C/svg%3E") center/13px no-repeat;
  border-color:var(--crp-press)}

/* ---- список ---- */
body :is(main,#main) ol.rptv-list{list-style:none;margin:0;padding:0;
  border-top:1px solid var(--crp-rule2)}
body :is(main,#main) ol.rptv-list > li{display:grid;
  grid-template-columns:44px 150px minmax(0,1fr) 214px;
  grid-template-rows:auto auto auto;gap:8px 16px;align-items:center;
  padding:16px 0;margin:0;border-bottom:1px solid var(--crp-rule)}
body :is(main,#main) ol.rptv-list > li > .rptv-rank{grid-column:1;grid-row:1/span 2}
body :is(main,#main) ol.rptv-list > li > .rptv-logo{grid-column:2;grid-row:1/span 2}
body :is(main,#main) ol.rptv-list > li > .rptv-main{grid-column:3;grid-row:1/span 2}
body :is(main,#main) ol.rptv-list > li > .rptv-offer{grid-column:4;grid-row:1}
body :is(main,#main) ol.rptv-list > li > .rptv-cta{grid-column:4;grid-row:2}
body :is(main,#main) ol.rptv-list > li > details.rptv-det{grid-column:1/-1;grid-row:3}
body :is(main,#main) ol.rptv-list > li.rptv-hid{display:none}
body :is(main,#main) .rptv-more-i:checked ~ ol.rptv-list > li.rptv-hid{display:grid}


/* ---- фильтры реально режут набор (08.16): правила ПОСЛЕ «показать все»,
       чтобы при активном фильтре скрытый хвост не раскрывался ---- */
body :is(main,#main) .rptv-f-ont:checked ~ ol.rptv-list > li:not([data-ont="1"]),
body :is(main,#main) .rptv-f-big:checked ~ ol.rptv-list > li:not([data-big="1"]),
body :is(main,#main) .rptv-f-fs:checked ~ ol.rptv-list > li:not([data-fs="1"]),
body :is(main,#main) .rptv-f-int:checked ~ ol.rptv-list > li:not([data-int="1"]){display:none}

body :is(main,#main) .rptv-rank{font-family:var(--crp-serif);font-size:21px;line-height:1;
  text-align:center;color:var(--crp-ink);border:1px solid var(--crp-rule2);
  padding:9px 0 8px;background:#fff}
body :is(main,#main) li.rptv-lead .rptv-rank{border-color:var(--crp-press);color:var(--crp-press);
  border-width:1px 1px 3px}
body :is(main,#main) img.rptv-logo{display:block;width:150px;height:56px;object-fit:contain;
  background:var(--crp-paper);border:1px solid var(--crp-rule)}
body :is(main,#main) .rptv-main{min-width:0}
body :is(main,#main) .rptv-name{display:block;font-family:var(--crp-serif);font-size:19px;
  line-height:1.15;color:var(--crp-ink);margin:0 0 3px}
body :is(main,#main) .rptv-kick{display:inline-block;font-size:10px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--crp-press);margin:0 0 5px}
body :is(main,#main) p.rptv-facts{margin:0;font-size:12px;line-height:1.45;color:var(--crp-muted);
  letter-spacing:.02em}
body :is(main,#main) p.rptv-facts b{color:var(--crp-ink);font-weight:600}
body :is(main,#main) .rptv-offer{border-top:3px solid var(--crp-brass);background:var(--crp-paper2);
  padding:9px 16px 10px;text-align:center}
@media (max-width:780px){
  body :is(main,#main) .rptv-offer{padding:7px 14px 8px}
  body :is(main,#main) .rptv-offer b{font-size:15px}
  body :is(main,#main) a.rptv-btn{padding:10px 8px}
  body :is(main,#main) details.rptv-det > summary{padding:2px 0 0}
}
body :is(main,#main) .rptv-offer b{display:block;font-family:var(--crp-serif);font-size:17px;
  line-height:1.18;color:var(--crp-ink)}
body :is(main,#main) .rptv-offer span{display:block;font-size:11.5px;color:var(--crp-muted);
  margin-top:2px}
body :is(main,#main) .rptv-cta{display:block;text-align:center}
body :is(main,#main) a.rptv-btn{display:block;background:var(--crp-press);color:#fff!important;
  font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:12px 10px;border:0!important;text-decoration:none}
body :is(main,#main) a.rptv-btn:hover{background:var(--crp-press-d);color:#fff!important}
body :is(main,#main) a.rptv-rev{display:inline-block;margin-top:7px;font-size:12px;
  color:var(--crp-ink)!important;border-bottom:1px solid var(--crp-rule2)!important}
body :is(main,#main) a.rptv-rev:hover{color:var(--crp-press)!important;
  border-bottom-color:var(--crp-press)!important}

body :is(main,#main) details.rptv-det{grid-column:1/-1;margin:4px 0 0;padding:0}
body :is(main,#main) details.rptv-det > summary{list-style:none;cursor:pointer;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--crp-muted);padding:6px 0 0}
body :is(main,#main) details.rptv-det > summary::-webkit-details-marker{display:none}
body :is(main,#main) details.rptv-det > summary:before{content:"+ ";color:var(--crp-press)}
body :is(main,#main) details.rptv-det[open] > summary:before{content:"– "}
body :is(main,#main) details.rptv-det ul{margin:8px 0 2px;padding:0 0 0 18px;font-size:13px;
  color:var(--crp-ink2)}
body :is(main,#main) details.rptv-det li{margin:0 0 4px}

body :is(main,#main) .rptv-more-i{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
body :is(main,#main) label.rptv-more{display:block;text-align:center;margin:14px 0 0;
  padding:11px 14px;border:1px solid var(--crp-ink);font-size:12px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--crp-ink);cursor:pointer;
  background:#fff}
body :is(main,#main) label.rptv-more:hover{background:var(--crp-ink);color:#fff}
body :is(main,#main) .rptv-more-i:checked ~ label.rptv-more{display:none}
body :is(main,#main) p.rptv-disc{margin:12px 0 0;font-size:11.5px;line-height:1.5;
  color:var(--crp-muted);border-top:1px solid var(--crp-rule);padding-top:10px}

@media (max-width:780px){
  body :is(main,#main) ol.rptv-list > li{grid-template-columns:40px minmax(0,1fr);
    grid-template-rows:auto auto auto auto;
    grid-template-areas:"rank main" "logo offer" "cta cta" "det det";gap:7px 10px;padding:12px 0}
  body :is(main,#main) ol.rptv-list > li > .rptv-rank{grid-area:rank}
  body :is(main,#main) ol.rptv-list > li > .rptv-logo{grid-area:logo}
  body :is(main,#main) ol.rptv-list > li > .rptv-main{grid-area:main}
  body :is(main,#main) ol.rptv-list > li > .rptv-offer{grid-area:offer}
  body :is(main,#main) ol.rptv-list > li > .rptv-cta{grid-area:cta}
  body :is(main,#main) ol.rptv-list > li > details.rptv-det{grid-area:det}
  body :is(main,#main) .rptv-rank{grid-area:rank;font-size:18px;padding:7px 0 6px}
  body :is(main,#main) img.rptv-logo{grid-area:logo;width:100%;height:44px}
  body :is(main,#main) .rptv-main{grid-area:main}
  body :is(main,#main) .rptv-offer{grid-area:offer}
  body :is(main,#main) .rptv-cta{grid-area:cta}
  body :is(main,#main) details.rptv-det{grid-area:det}
  body :is(main,#main) .rptv-name{font-size:17px}
  body :is(main,#main) .rptv-h2{font-size:20px}
  body :is(main,#main) .rptv-filters{gap:8px 14px;padding:10px 12px}
}