/* Сводка «Мошенниады» — оформление взято из генератора обложек канала:
   латунь #c9a24d, кремовый #f3ead6, PT Serif и PT Sans Narrow. */

:root{
  --paper:#ece2cd;
  --panel:#f5eedd;
  --ink:#241a10;
  --sepia:#7d6a4e;
  --rule:#cfbf9e;
  --brass:#a87c22;
  --brass-soft:#c9a24d;
  --shade:rgba(36,26,16,.06);
  --live:#2f6f4f;
  --wait:#8a6a1f;
  --serif:"PT Serif",Georgia,"Times New Roman",serif;
  --sans:"PT Sans","Segoe UI",Helvetica,Arial,sans-serif;
  --narrow:"PT Sans Narrow","PT Sans","Arial Narrow",Helvetica,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#151009; --panel:#1e1710; --ink:#f3ead6; --sepia:#a4926f;
    --rule:#3b3022; --brass:#d5ac57; --brass-soft:#c9a24d;
    --shade:rgba(243,234,214,.05); --live:#7fbf9b; --wait:#d9b95e;
  }
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.55;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:64rem;margin:0 auto;padding:1.9rem 1.15rem 4rem}

a{color:var(--brass);text-decoration:none;border-bottom:1px solid transparent}
a:hover{border-bottom-color:var(--brass)}
a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

.mark{font-family:var(--narrow);font-weight:700;font-size:.8rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--brass)}
h1{font-family:var(--serif);font-weight:700;font-size:2.1rem;line-height:1.1;
  margin:.45rem 0 .35rem;text-wrap:balance}
.built{color:var(--sepia);font-size:.88rem;margin:0 0 1.9rem}
h2{font-family:var(--narrow);font-weight:700;text-transform:uppercase;letter-spacing:.18em;
  font-size:.78rem;color:var(--sepia);margin:2.4rem 0 1rem}
h2:first-of-type{margin-top:1.6rem}

.topbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline;justify-content:space-between;margin-bottom:1.4rem}
.btn{
  font-family:var(--narrow);font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  font-size:.74rem;border:1px solid var(--rule);background:transparent;color:var(--ink);
  padding:.55rem .9rem;cursor:pointer;display:inline-block;text-decoration:none;
  transition:border-color .18s,color .18s}
.btn:hover{border-color:var(--brass);color:var(--brass);border-bottom-color:var(--brass)}
.btn.primary{border-color:var(--brass);color:var(--brass)}
.btn.copied{border-color:var(--brass);color:var(--brass)}

/* плитки статистики */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule)}
.tile{background:var(--panel);padding:1rem 1.05rem 1.1rem}
.tile-name{font-family:var(--narrow);font-weight:700;text-transform:uppercase;
  letter-spacing:.14em;font-size:.7rem;color:var(--sepia)}
.tile-big{font-family:var(--serif);font-size:2rem;line-height:1.1;margin:.35rem 0 .1rem;
  font-variant-numeric:tabular-nums}
.tile-sub{font-size:.85rem;color:var(--sepia);font-variant-numeric:tabular-nums}
.delta{color:var(--live);font-size:.82rem}

/* календарь */
.days{display:flex;flex-direction:column;gap:1.4rem}
.day-h{font-family:var(--narrow);font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  font-size:.72rem;color:var(--sepia);border-bottom:1px solid var(--rule);padding-bottom:.35rem}
.slot{display:grid;grid-template-columns:4.2rem 5.5rem 1fr auto;gap:.6rem .9rem;
  align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--rule)}
.slot.past{opacity:.42}
.slot-time{font-family:var(--mono);font-size:.9rem;font-variant-numeric:tabular-nums}
.chip{font-family:var(--narrow);font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  font-size:.68rem;border:1px solid var(--rule);padding:.12rem .45rem;display:inline-block;
  color:var(--sepia);white-space:nowrap}
.chip.yt{border-color:#c0553f;color:#c0553f}
.chip.dzen{border-color:#3f7fc0;color:#3f7fc0}
.chip.ig{border-color:#a54f8a;color:#a54f8a}
.chip.vk{border-color:#4a72a8;color:#4a72a8}
.slot-name{font-family:var(--serif);font-size:1.02rem}
.slot-kind{color:var(--sepia);font-size:.85rem;white-space:nowrap}
.next-note{color:var(--brass);font-family:var(--narrow);font-weight:700;text-transform:uppercase;
  letter-spacing:.12em;font-size:.7rem;margin-left:.5rem}

/* таблица «где что» */
.tablewrap{overflow-x:auto;border:1px solid var(--rule)}
table{border-collapse:collapse;width:100%;min-width:44rem;background:var(--panel)}
th{font-family:var(--narrow);font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  font-size:.68rem;color:var(--sepia);text-align:left;padding:.6rem .8rem;
  border-bottom:1px solid var(--rule);white-space:nowrap}
td{padding:.55rem .8rem;border-bottom:1px solid var(--rule);vertical-align:baseline;font-size:.94rem}
tr:last-child td{border-bottom:0}
td.case{font-family:var(--serif);font-weight:700;white-space:nowrap}
td.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.dash{color:var(--rule)}

/* материалы для ВК */
.items{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.item{border-bottom:1px solid var(--rule)}
.item-head{display:flex;align-items:center;gap:.75rem;padding:.7rem 0}
.item-open{flex:1;text-align:left;border:0;background:transparent;padding:0;cursor:pointer;
  color:var(--ink);font-family:var(--sans);font-size:1rem}
.item-open:hover{color:var(--brass)}
.item-name{font-family:var(--serif);font-size:1.05rem;font-weight:700;display:block}
.item-meta{font-family:var(--narrow);font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  font-size:.68rem;color:var(--sepia);display:block;margin-top:.1rem}
.chev{color:var(--sepia);flex:0 0 auto;font-size:.85rem}
.item-body{padding:.15rem 0 1.15rem}
.field{margin-bottom:.9rem}
.field-label{font-family:var(--narrow);font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  font-size:.68rem;color:var(--sepia);margin-bottom:.3rem}
.field-text{background:var(--shade);padding:.6rem .7rem;white-space:pre-wrap;font-size:.92rem;
  max-height:13rem;overflow-y:auto}
.field-text.one{white-space:normal}
.actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}

.lede{color:var(--sepia);max-width:40rem;margin:0 0 1.2rem}
.note{color:var(--sepia);font-size:.86rem;margin:.5rem 0}
footer{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--rule);
  color:var(--sepia);font-size:.85rem}
code{font-family:var(--mono);font-size:.88em;background:var(--shade);padding:.08em .35em}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:38rem){
  .wrap{padding:1.3rem .85rem 3rem}
  h1{font-size:1.7rem}
  .slot{grid-template-columns:4.2rem 1fr;gap:.35rem .7rem}
  .slot-kind{grid-column:2}
}