/* Стили раздела «rating» — только его страницы (подключает шаблон в блоке page_css, после css/core.css). */
.rk-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2)}
.rk-tabs a.on{background:var(--btn);color:#fff!important}
.rk-tabs a:not(.on):hover{background:var(--surface)}

.rk-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rk-sum .card{padding:14px 16px;display:flex;flex-direction:column;gap:2px}

/* пьедестал */
.rk-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;padding:22px 16px 18px}
.rk-pd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:12px 8px 14px;border-radius:12px;background:var(--surface-2);color:var(--ink)!important;text-decoration:none;border:0!important;transition:transform .15s}
.rk-pd:hover{transform:translateY(-2px)}
.rk-pd--1{padding-top:18px;padding-bottom:18px;background:var(--red-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--btn) 22%,transparent)}
.rk-pd-av{position:relative;display:inline-flex;margin-bottom:8px}
.rk-pd .th-av{width:56px;height:56px;font-size:20px;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--line)}
.rk-pd--1 .th-av{width:68px;height:68px;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--btn)}
.rk-pd-n{position:absolute;right:-4px;bottom:-2px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-style:normal;color:#fff;background:var(--ink-3);box-shadow:0 0 0 2px var(--surface)}
.rk-pd--1 .rk-pd-n{background:var(--btn)}
.rk-pd--2 .rk-pd-n{background:#8a8f98}
.rk-pd--3 .rk-pd-n{background:#b4733a}
.rk-pd-sc{margin-top:6px;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--btn-t)}
.rk-pd--1 .rk-pd-sc{font-size:38px}
.rk-pd-m{font-size:11.5px;color:var(--ink-3);margin-bottom:6px}

/* таблица */
.rk-table{padding:4px 0 6px;overflow:hidden}
.rk-th,.rk-row summary{display:grid;grid-template-columns:28px minmax(0,1fr) 60px 86px 56px 110px 76px 48px 20px;align-items:center;gap:8px;padding:10px 16px}
.rk-th{font-size:11.5px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--line)}
.rk-row{border-bottom:1px solid var(--line)}
.rk-row:last-child{border-bottom:0}
.rk-row summary{cursor:pointer;list-style:none;transition:background .12s}
.rk-row summary::-webkit-details-marker{display:none}
.rk-pos{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;background:var(--surface-2);color:var(--ink-2)}
.rk-who{display:flex;align-items:center;gap:10px;min-width:0}
.rk-who .n{display:flex;flex-direction:column;min-width:0}
.rk-sc{text-align:center;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.rk-sc.g{color:var(--win)}
.rk-acc{display:flex;flex-direction:column;align-items:center;gap:4px}
.rk-acc i::after{content:"";position:absolute;inset:0;width:var(--w,0);background:var(--btn);border-radius:2px}
.rk-tot{text-align:center;font-size:13.5px;font-weight:600}
.rk-wl{text-align:center;font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.rk-wl em,.rk-tiles em,.rk-det em{font-style:normal;font-weight:700}
.rk-wl em.w,.rk-tiles em.w,.rk-det em.w{color:var(--win)}
.rk-wl em.l,.rk-tiles em.l,.rk-det em.l{color:var(--btn-t)}
.rk-row .rk-form{justify-content:center}
.rk-tr{text-align:center;font-size:12.5px;font-weight:700;color:var(--ink-3)}
.rk-tr.rk-up{color:var(--win)}
.rk-tr.rk-dn{color:var(--btn-t)}
.rk-chev{width:18px;height:18px;color:var(--ink-3);transition:transform .2s}
.rk-row[open] .rk-chev{transform:rotate(180deg)}

.rk-det{padding:4px 16px 16px;background:var(--surface-2)}
.rk-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.rk-tiles > div{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;background:var(--surface)}
.rk-pick{display:block;font-weight:400;color:var(--ink-2);font-size:12.5px}
.rk-none{padding:8px 0 12px;color:var(--ink-3);font-size:14px}
.rk-how li{margin-bottom:6px}

@media (max-width:860px){
  .rk-th{display:none}
  .rk-row summary{grid-template-columns:24px minmax(0,1fr) 44px 20px;grid-template-areas:"pos who sc chev" "pos form form chev";row-gap:4px;padding:10px 14px}
  .rk-pos{grid-area:pos;align-self:start}
  .rk-who{grid-area:who}
  .rk-sc{grid-area:sc;font-size:19px}
  .rk-chev{grid-area:chev;align-self:center}
  .rk-row .rk-form{grid-area:form;justify-content:flex-start;gap:5px}
  .rk-acc,.rk-tot,.rk-wl{display:none}
  .rk-tr{grid-area:form;justify-self:end;font-size:12px}
  .rk-tiles{grid-template-columns:1fr}
  .rk-tabs{width:100%;justify-content:space-between}
  .rk-sum .card{padding:12px}
  .rk-podium{gap:6px;padding:16px 10px 14px}
  .rk-pd{padding:10px 4px 12px}
  .rk-pd .th-av{width:46px;height:46px}
  .rk-pd--1 .th-av{width:58px;height:58px}
  .rk-pd-sc{font-size:24px}.rk-pd--1 .rk-pd-sc{font-size:30px}
  .rk-pd-m{font-size:10.5px}
}

/* правки после просмотра: колонке с именем не хватало места, на телефоне вкладки переносились */
.rk-th,.rk-row summary{grid-template-columns:26px minmax(0,1fr) 52px 66px 44px 84px 70px 40px 18px;gap:8px}
.rk-sc{font-size:19px}
.rk-wl{font-size:12px}
@media (max-width:860px){
  .rk-row summary{grid-template-columns:24px minmax(0,1fr) 48px 20px;grid-template-areas:"pos who sc chev" "pos form tr chev"}
  .rk-tr{grid-area:tr;justify-self:center;align-self:start;font-size:11.5px;line-height:1}
  .rk-tr:not(.rk-up):not(.rk-dn){visibility:hidden}
  .rk-sc{align-self:end}
}

/* правка владельца: на телефоне форма крупнее и стоит под именем (в створе текста, а не под номером) */
@media (max-width:860px){
  .rk-row summary{row-gap:2px;padding:9px 14px 10px}
  .rk-row .rk-form{padding-left:40px;gap:5px;align-self:start}
  .rk-row .rk-form i{width:10px;height:10px}
  .rk-tr{align-self:start;margin-top:1px}
}

/* правка владельца: точки формы на телефоне строго в створе имени и роли */
@media (max-width:860px){.rk-row .rk-form{padding-left:44px}}

/* пьедестал: номер места слева внизу, чтобы не накладываться на точку «в сети» справа */
.rk-pd-n{right:auto;left:-4px}

/* рейтинг: переключатель «Резиденты / Читатели», своя строка читателя */
.rk-who-sw{display:inline-flex;gap:4px;margin-top:12px;padding:4px;border-radius:999px;background:var(--surface-2)}
.rk-who-sw a{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;color:var(--ink-2)!important;text-decoration:none;border:0!important;transition:background .15s,color .15s}
.rk-who-sw a.on{background:var(--surface);color:var(--ink)!important;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.rk-who-sw a:not(.on):hover{color:var(--ink)!important}
.rk-row--me>summary{background:var(--red-soft)}
.rk-none--all{padding:22px 16px}
.rk-me{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px dashed var(--line);background:var(--red-soft);color:var(--ink)!important;text-decoration:none}
.rk-me .rk-pos{min-width:28px;height:28px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--btn);color:#fff;font-size:12.5px;font-weight:700}
.rk-me .rk-who{flex:1}
.rk-me .rk-sc{font-size:18px;font-weight:800}
.rk-me-m{font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.rk-note{margin:-4px 4px 0;font-size:12.5px;color:var(--ink-3)}
@media (max-width:720px){.rk-who-sw{display:flex;width:100%}.rk-who-sw a{flex:1;justify-content:center}.rk-me-m{display:none}}