/* check page (/c/<id>/<verdict>) and checks feed (/checks) */
.casepage, .checkspage { padding: 26px clamp(16px, 3vw, 56px) 80px; max-width: 1500px; margin: 0 auto }
.rp-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; align-items: center }
.rp-meta { display: flex; gap: 14px; align-items: baseline; color: var(--dim); font-size: 14px }
.rp-meta .kind { font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: 12.5px; color: var(--text); background: var(--card); border: 1px solid var(--line2); padding: 3px 8px; border-radius: 2px }
.rp-act { display: flex; gap: 8px; flex-wrap: wrap }
.rp-act .btn { padding: 9px 14px; font-size: 15px; cursor: pointer; color: var(--text) }
.rp-act .btn.primary { color: #0b0d08 }
.rp-id { display: flex; align-items: center; gap: 16px; margin: 22px 0 10px }
.rp-id img, .rp-id .ph { width: 64px; height: 64px; border-radius: 2px; object-fit: cover; background: var(--card2) }
.rp-id h1 { font-family: var(--display); font-weight: 400; font-size: clamp(36px, 3.6vw, 64px); line-height: 1 }
.rp-id h1 small { font-size: .45em; color: var(--dim); font-family: var(--body) }
.rp-id .sub { color: var(--dim); margin-top: 6px }
.rp-x { margin-left: auto; color: var(--dim); font-weight: 600; text-decoration: none }
.rp-x:hover { color: var(--lime) }
.rp-sum { font-size: 21px; max-width: 60ch; font-weight: 500 }
.rp-more summary { color: var(--dim); cursor: pointer; margin: 4px 0 }
.rp-more p { max-width: 75ch; color: var(--dim) }
.rp-strip { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 14px 0 22px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 2px; background: var(--bg2); font-size: 15px }
.rp-strip b { font-family: var(--display); font-weight: 600; letter-spacing: .03em }
.rp-strip em { font-style: normal; color: var(--dim) }
.rp-verdict { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 14px }
.rp-verdict > div { background: var(--card); border: 1px solid var(--line); border-radius: 2px; padding: 18px 20px; border-top: 3px solid var(--c, var(--line2)) }
.final .lbl, .axis .ah span { font-size: 12.5px; font-weight: 700; letter-spacing: .08em; color: var(--dim) }
.final b { display: block; font-family: var(--display); font-weight: 600; font-size: 76px; line-height: 1; color: var(--c); margin-top: 6px }
.final b small, .axis b small { font-size: .32em; color: var(--dim); margin-left: 4px }
.final strong { display: block; font-family: var(--display); font-weight: 700; font-size: 30px; color: var(--c); margin-top: 4px; letter-spacing: .02em }
.final p { margin-top: 8px }
.axis .ah { display: flex; justify-content: space-between; align-items: baseline }
.axis b { font-family: var(--display); font-weight: 600; font-size: 34px }
.axis strong { display: block; font-family: var(--display); font-weight: 700; font-size: 26px; color: var(--c); margin: 2px 0 4px }
.aq { color: var(--dim); font-size: 15px }
.scale { margin: 14px 0 6px }
.scale .bar { position: relative; height: 8px; border-radius: 4px; background: linear-gradient(90deg, var(--green), var(--amber), var(--red)); opacity: .9 }
.scale .bar i { position: absolute; top: -5px; width: 4px; height: 18px; border-radius: 2px; background: var(--text); box-shadow: 0 0 0 3px var(--card); transform: translateX(-50%); transition: left .9s var(--out) }
.scale .ends { display: flex; justify-content: space-between; font-size: 11.5px; letter-spacing: .08em; color: var(--faint); margin-top: 6px }
.rp-tips { margin: 14px 0 6px }
.rp-tips summary { cursor: pointer; color: var(--dim); font-size: 15px }
.rp-tips .words { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; margin: 12px 0 }
.rp-tips .words div { border: 1px solid var(--line); border-left: 4px solid var(--c); border-radius: 2px; padding: 10px 12px; background: var(--card) }
.rp-tips .words b { font-family: var(--display); color: var(--c); margin-right: 8px }
.rp-tips .words p { font-size: 14px; color: var(--dim); margin-top: 4px }
.rp-replyrow { margin: 6px 0 }
.rp-reply { display: grid; gap: 10px; max-width: 640px; padding: 16px; border: 1px solid var(--line2); border-radius: 2px; background: var(--card); margin-bottom: 10px }
.rp-reply textarea { background: var(--bg2); color: var(--text); border: 1px solid var(--line2); border-radius: 2px; padding: 10px; font: 16px var(--body); resize: vertical }
.rp-reply .btn { justify-self: start; cursor: pointer; color: var(--text) }
.rp-reply .btn.primary { color: #0b0d08 }
.code { display: inline-block; font-size: 20px; font-weight: 700; letter-spacing: .04em; background: var(--bg2); border: 1px dashed var(--lime); padding: 8px 14px; border-radius: 2px; user-select: all }
.rp-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 400px); gap: 20px; align-items: start; margin-top: 18px }
.rp-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); margin-bottom: 14px }
.rp-tabs button, .rp-tabs a { background: none; border: 0; padding: 10px 14px; color: var(--dim); font-weight: 600; text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; font-size: 15px }
.rp-tabs .on { color: var(--text); border-bottom-color: var(--lime) }
.rp-block { margin-bottom: 26px }
.rp-block h3 { font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--dim); font-family: var(--body); font-weight: 700; margin-bottom: 10px }
.rp-block .cnt { color: var(--faint); margin-left: 4px }
.rp-finds, .rp-rc, .rp-miss, .rp-log { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px }
.rp-finds li { --c: var(--cyan); display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 14px; padding: 14px 16px; background: var(--card); border: 1px solid var(--line); border-radius: 2px; border-left: 4px solid var(--c) }
.rp-finds li.v-ok { --c: var(--green) } .rp-finds li.v-fake { --c: var(--red) } .rp-finds li.v-sus { --c: var(--amber) }
.rp-finds .st, .rp-rc .st { font-size: 12.5px; font-weight: 800; letter-spacing: .06em; color: var(--c) }
.rp-finds b { font-weight: 600; font-size: 16.5px }
.rp-finds .ty { margin-left: 10px; font-size: 12px; color: var(--faint); text-transform: uppercase; letter-spacing: .06em }
.rp-finds p { margin-top: 6px; font-size: 15px; color: var(--dim) }
.rp-finds p.con { color: var(--text) }
.rp-rc li { --c: var(--cyan); display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 2px; font-size: 15px }
.rp-rc li.v-ok { --c: var(--green) } .rp-rc li.v-fake { --c: var(--red) } .rp-rc li.v-sus { --c: var(--amber) }
.rp-rc a { color: var(--c); font-weight: 600; text-decoration: none }
.rp-rc a:hover { text-decoration: underline }
.rp-miss li { padding: 10px 14px; border: 1px dashed var(--line2); border-radius: 2px; color: var(--dim) }
.rp-log li { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 15px }
.rp-log .t { color: var(--faint); font-size: 13px; text-align: right }
.rp-hist { width: 100%; border-collapse: collapse; font-size: 15px }
.rp-hist th { text-align: left; color: var(--dim); font-weight: 600; font-size: 13px; padding: 8px 6px; border-bottom: 1px solid var(--line2) }
.rp-hist td { padding: 10px 6px; border-bottom: 1px solid var(--line) }
.rp-replies blockquote { margin: 0 0 10px; padding: 14px 16px; border-left: 4px solid var(--lime); background: var(--card); border-radius: 2px; font-size: 16px }
.rp-replies cite { display: block; margin-top: 6px; font-style: normal; font-size: 13px; color: var(--dim) }
.rp-side { display: grid; gap: 14px; position: sticky; top: 84px }
.rp-side .panel { gap: 10px }
.kv { display: grid; grid-template-columns: 1fr auto; gap: 6px 14px; margin: 0; font-size: 14.5px }
.kv dt { color: var(--dim) }
.kv dd { margin: 0; font-weight: 600; text-align: right }
.rp-side a { color: var(--lime) }
.rp-empty { padding: 60px 0 }
.ck-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 14px }
.ck-head h1 { font-family: var(--display); font-weight: 400; font-size: clamp(44px, 5vw, 80px); line-height: .95 }
.ck-head .rp-tabs { margin: 0; border: 0 }
.ck-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px }
.ck-list a { --c: var(--cyan); display: grid; grid-template-columns: 44px 200px 150px 60px minmax(0, 1fr) 120px; gap: 14px; align-items: center; padding: 10px 14px; border: 1px solid var(--line); border-radius: 2px; background: var(--card); text-decoration: none; transition: border-color .2s }
.ck-list a:hover { border-color: var(--line2) }
.ck-list img { width: 44px; height: 44px; border-radius: 2px; object-fit: cover; background: var(--card2) }
.ck-list .who { font-weight: 700 }
.ck-list .w { font-family: var(--display); font-weight: 700; color: var(--c); letter-spacing: .03em }
.ck-list .s { font-family: var(--display); font-weight: 600; font-size: 22px; color: var(--c) }
.ck-list .h { color: var(--dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
@media (max-width: 1100px) {
  .rp-verdict, .rp-grid { grid-template-columns: 1fr }
  .rp-side { position: static }
  .ck-list a { grid-template-columns: 44px minmax(0, 1fr) auto }
  .ck-list .h, .ck-list .fine, .ck-list .w { display: none }
}
@media (max-width: 640px) {
  .rp-finds li, .rp-rc li { grid-template-columns: 1fr; gap: 6px }
  .rp-x { display: none }
}

/* leaderboard */
.lb { display: grid; gap: 6px }
.lb-row { --c: var(--cyan); display: grid; grid-template-columns: 34px 44px minmax(160px, 1.2fr) 130px minmax(0, 1.2fr) 52px minmax(0, 2fr); gap: 14px; align-items: center; padding: 10px 14px; background: var(--card); border: 1px solid var(--line); border-radius: 2px; text-decoration: none; transition: border-color .2s, transform .3s var(--out) }
.lb-row:hover { border-color: var(--line2); transform: translateX(3px) }
.lb-row .rk { font-family: var(--display); font-weight: 600; font-size: 20px; color: var(--faint); text-align: right }
.lb-row img { width: 44px; height: 44px; border-radius: 2px; object-fit: cover; background: var(--card2) }
.lb-row .who { display: grid; line-height: 1.25 } .lb-row .who small { color: var(--dim); font-size: 13px }
.lb-row .w { font-family: var(--display); font-weight: 700; color: var(--c); letter-spacing: .03em }
.lb-row .ax { display: grid; font-size: 12.5px; line-height: 1.35 } .lb-row .ax em { font-style: normal }
.lb-row .s { font-family: var(--display); font-weight: 600; font-size: 24px; color: var(--c); text-align: right }
.lb-row .h { color: var(--dim); font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.lb2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px }
.lb2 h3 { font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--dim); font-family: var(--body); font-weight: 700; margin-bottom: 10px }
.lb2 .lb-row { grid-template-columns: 26px 40px minmax(0, 1fr) 120px 46px }
.lb2 .lb-row .ax, .lb2 .lb-row .h { display: none }
.lb2 .lb-row img { width: 40px; height: 40px }
@media (max-width: 1100px) {
  .lb2 { grid-template-columns: 1fr }
  .lb-row { grid-template-columns: 30px 40px minmax(0, 1fr) auto 44px }
  .lb-row .ax, .lb-row .h { display: none }
}