/* 7k892d.casino — tartan / сетт-раппорт. namespace: trt- */

:root{
  --trt-heather:#3d2f4a;
  --trt-heather-dp:#2a1f36;
  --trt-sett:#3f6b47;
  --trt-thread:#e0b64a;
  --trt-ground:#f3f0e9;
  --trt-paper:#fbfaf6;
  --trt-ink:#231c2c;
  --trt-mute:#5d5468;
  --trt-rule:rgba(61,47,74,.20);
  --trt-warp:linear-gradient(90deg,transparent 0 22px,rgba(63,107,71,.10) 22px 30px,transparent 30px 52px,rgba(224,182,74,.16) 52px 55px,transparent 55px 96px);
  --trt-weft:linear-gradient(180deg,transparent 0 22px,rgba(61,47,74,.09) 22px 30px,transparent 30px 52px,rgba(224,182,74,.13) 52px 55px,transparent 55px 96px);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Overpass','Segoe UI',system-ui,sans-serif;
  font-size:17px;
  line-height:1.66;
  color:var(--trt-ink);
  background:var(--trt-ground);
  background-image:var(--trt-warp),var(--trt-weft);
  background-size:96px 96px,96px 96px;
}
img,svg{max-width:100%}

.trt-shell{max-width:1140px;margin:0 auto;padding:0 20px 64px}

/* ——— шапка: раппорт полос ——— */
.trt-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 0 14px;border-bottom:3px solid var(--trt-heather);
}
.trt-mark{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.trt-mark-sig{
  font-family:'Rubik Microbe','Overpass',sans-serif;
  font-size:30px;line-height:1;letter-spacing:.5px;color:var(--trt-heather);
}
.trt-mark-tag{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--trt-sett)}
.trt-top-nav{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase}
.trt-top-nav a{color:var(--trt-mute);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px}
.trt-top-nav a:hover{color:var(--trt-heather);border-bottom-color:var(--trt-thread)}

.trt-band{height:14px;background:
  repeating-linear-gradient(90deg,var(--trt-heather) 0 34px,var(--trt-sett) 34px 56px,var(--trt-thread) 56px 62px,var(--trt-heather-dp) 62px 80px);
  margin:0 0 30px;
}

/* ——— hero ——— */
.trt-hero{
  display:grid;grid-template-columns:1.42fr .95fr;gap:28px;align-items:start;
  padding:30px 28px;background:var(--trt-paper);
  border:2px solid var(--trt-heather);
  box-shadow:14px 14px 0 rgba(61,47,74,.13);
  margin-bottom:34px;
}
h1{
  font-family:'Overpass','Segoe UI',sans-serif;
  font-weight:800;font-size:40px;line-height:1.12;margin:0 0 16px;color:var(--trt-heather-dp);
  letter-spacing:-.4px;
}
.trt-lead{font-size:18.5px;margin:0 0 20px;color:#3a3245}
.trt-hero-side{
  border-left:6px solid var(--trt-thread);padding:4px 0 4px 18px;font-size:15px;color:var(--trt-mute);
}
.trt-hero-side dt{font-weight:700;color:var(--trt-heather);margin-top:12px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.trt-hero-side dd{margin:2px 0 0}

.trt-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:2px solid var(--trt-heather);margin-bottom:32px;background:var(--trt-paper)}
.trt-kpi div{padding:16px 14px;border-right:1px dashed var(--trt-rule)}
.trt-kpi div:last-child{border-right:0}
.trt-kpi .trt-num{display:block;font-size:24px;font-weight:800;color:var(--trt-sett);line-height:1.2}
.trt-kpi span{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--trt-mute);margin-top:5px}

.trt-cta{
  display:inline-block;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:.03em;
  color:#fbfaf6;background:var(--trt-sett);padding:15px 34px;border:2px solid var(--trt-heather-dp);
  box-shadow:7px 7px 0 var(--trt-thread);
}
.trt-cta:hover{background:var(--trt-heather);box-shadow:7px 7px 0 var(--trt-sett)}
.trt-cta-note{font-size:13.5px;color:var(--trt-mute);margin:12px 0 0}

/* ——— секции в клетке ——— */
.trt-cell{
  background:var(--trt-paper);border:2px solid var(--trt-rule);
  padding:26px 26px 22px;margin:0 0 26px;position:relative;
}
.trt-cell::before{
  content:"";position:absolute;left:-2px;top:-2px;width:64px;height:8px;background:var(--trt-thread);
}
h2{
  font-family:'Overpass',sans-serif;font-weight:800;font-size:27px;line-height:1.22;
  margin:0 0 14px;color:var(--trt-heather-dp);letter-spacing:-.2px;
}
h3{font-size:19px;font-weight:700;margin:22px 0 8px;color:var(--trt-sett)}
p{margin:0 0 14px}
.trt-cell ul{margin:0 0 14px;padding-left:20px}
.trt-cell li{margin-bottom:7px}
.trt-hi{color:var(--trt-sett);font-weight:700}
.trt-hi-alt{color:var(--trt-heather);font-weight:700;border-bottom:2px solid var(--trt-thread)}

/* ——— таблицы ——— */
.trt-scroll{overflow-x:auto;margin:0 0 16px;border:1px solid var(--trt-rule)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15.5px;background:#fff}
caption{caption-side:bottom;text-align:left;font-size:13px;color:var(--trt-mute);padding:8px 10px}
th{
  background:var(--trt-heather);color:#f7f4ec;text-align:left;padding:11px 13px;
  font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
}
td{padding:10px 13px;border-top:1px solid var(--trt-rule)}
tbody tr:nth-child(even) td{background:rgba(63,107,71,.06)}

/* ——— лестница клуба: раппорт ——— */
.trt-sett{display:grid;gap:8px;margin:0 0 16px}
.trt-sett-row{display:grid;grid-template-columns:118px 1fr 74px;align-items:center;gap:12px;font-size:15px}
.trt-sett-name{font-weight:700;color:var(--trt-heather)}
.trt-sett-bar{height:18px;background:
  repeating-linear-gradient(90deg,var(--trt-sett) 0 9px,var(--trt-thread) 9px 13px);
  border:1px solid var(--trt-heather-dp);}
.trt-sett-val{text-align:right;font-weight:800;color:var(--trt-sett)}

/* ——— витрина тайтлов ——— */
.trt-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}
.trt-tile{border:1px solid var(--trt-rule);padding:12px 13px;background:#fff;border-left:5px solid var(--trt-sett)}
.trt-tile:nth-child(3n+2){border-left-color:var(--trt-thread)}
.trt-tile:nth-child(3n+3){border-left-color:var(--trt-heather)}
.trt-tile h4{margin:0 0 4px;font-size:15.5px;font-weight:700}
.trt-tile p{margin:0;font-size:13.5px;color:var(--trt-mute);line-height:1.5}

/* ——— FAQ ——— */
details{border-top:1px solid var(--trt-rule);padding:12px 0}
details:last-of-type{border-bottom:1px solid var(--trt-rule)}
summary{cursor:pointer;font-weight:700;font-size:17px;color:var(--trt-heather);list-style:none;padding-right:26px;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:-2px;color:var(--trt-thread);font-size:22px;font-weight:800}
details[open] summary::after{content:"–"}
details p{margin:10px 0 2px;font-size:16px;color:#3b3347}

/* ——— отзыв ——— */
.trt-voice{border:2px dashed var(--trt-sett);padding:18px 20px;margin:0 0 16px;background:rgba(224,182,74,.10)}
.trt-voice p{margin:0 0 8px;font-size:16.5px;font-style:italic}
.trt-voice span{font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--trt-mute)}

/* ——— сводка источников ——— */
.trt-ledger{background:var(--trt-heather-dp);color:#e6e0ef;padding:26px;margin:0 0 26px}
.trt-ledger h2{color:var(--trt-thread)}
.trt-ledger p{color:#ded7e8}
.trt-ledger ul{padding-left:20px;margin:0 0 16px}
.trt-ledger li{margin-bottom:7px;font-size:15.5px}

/* ——— подвал ——— */
.trt-foot{border-top:3px solid var(--trt-heather);padding-top:20px;font-size:14px;color:var(--trt-mute)}
.trt-foot p{margin:0 0 9px}
.trt-foot-age{
  display:inline-block;border:2px solid var(--trt-sett);padding:8px 14px;margin-top:6px;
  font-size:13.5px;color:var(--trt-heather);background:#fff;
}

@media (max-width:900px){
  .trt-hero{grid-template-columns:1fr}
  .trt-kpi{grid-template-columns:repeat(2,1fr)}
  .trt-kpi div{border-right:1px dashed var(--trt-rule);border-bottom:1px dashed var(--trt-rule)}
  .trt-rack{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  body{font-size:16px}
  .trt-shell{padding:0 14px 44px}
  h1{font-size:28px}
  h2{font-size:22px}
  h3{font-size:17.5px}
  .trt-hero{padding:20px 16px;box-shadow:7px 7px 0 rgba(61,47,74,.13)}
  .trt-cell{padding:18px 15px 14px}
  .trt-kpi{grid-template-columns:1fr}
  .trt-rack{grid-template-columns:1fr}
  .trt-sett-row{grid-template-columns:92px 1fr 56px;font-size:14px;gap:8px}
  .trt-cta{display:block;text-align:center;padding:14px 16px}
  .trt-top{flex-direction:column;align-items:flex-start;gap:10px}
  .trt-ledger{padding:18px 15px}
}