/* ═══ Рекорды и крайности ═══
   Общие переменные, шапка, кнопки и подвал — из styles.css. */

.rc-main{padding-block:0 clamp(30px,4vw,50px)}

.rc-head{padding-block:0 clamp(16px,2vw,22px);
  background:linear-gradient(180deg,#f7fbf9,var(--card) 70%)}
.rc-main h1{font-size:clamp(28px,3.6vw,42px);line-height:1.15;
  letter-spacing:-.03em;font-weight:800;margin:0 0 12px}
.rc-lede{font-size:14.5px;line-height:1.6;color:var(--ink-soft);
  max-width:72ch;margin:0}
.rc-when{color:var(--ink-faint)}

.rc-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);
  margin-block-start:clamp(16px,2vw,22px)}
.rc-box{background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:clamp(16px,2vw,22px);box-shadow:var(--shadow-sm)}
.rc-box h2{font-size:16px;font-weight:700;margin:0 0 4px}
.rc-box p.hint{font-size:12.5px;line-height:1.55;color:var(--ink-faint);
  margin:0 0 14px}

.rc-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rc-list li{display:flex;align-items:center;gap:10px;padding:7px 8px;
  border-radius:9px;font-size:14px}
.rc-list li:nth-child(odd){background:var(--bg-2)}
.rc-list .n{color:var(--ink-faint);font-size:12px;width:1.6em;flex:none}
.rc-list a{color:var(--ink);text-decoration:none;font-weight:700;flex:none;
  min-width:5em}
.rc-list a:hover{color:var(--green-deep)}
.rc-list i{font-style:normal;color:var(--ink-faint);font-size:12.5px;flex:1;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-list b{font-variant-numeric:tabular-nums;font-size:14px;flex:none;
  text-align:right;min-width:4.6em}
.rc-list b.up{color:var(--green)}
.rc-list b.down{color:var(--red)}

.rc-note{max-width:80ch;margin:clamp(16px,2vw,24px) 0 0;font-size:12.5px;
  line-height:1.6;color:var(--ink-faint)}
.rc-empty{color:var(--ink-faint);font-size:13.5px;padding:10px 8px}

@media (max-width:820px){
  .rc-grid{grid-template-columns:1fr}
  /* Название монеты уходит: в узкой строке важнее тикер и само число. */
  .rc-list i{display:none}
}