/* Гайд Skufy Ranks — поверх css/guide.css: свой атлас иконок, лестница рангов, таблицы целей и ограничений */
.doc[data-gi="/assets/guides/skufy-ranks"] .gi{-webkit-mask-image:url(/assets/guides/skufy-ranks/icons.webp);mask-image:url(/assets/guides/skufy-ranks/icons.webp)}
.rk-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:760px){.rk-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rk-ladder>div{display:flex;flex-direction:column;gap:6px;padding:12px 12px 10px;border:1px solid var(--line2);border-radius:10px;background:var(--surface)}
.rk-ladder .top{display:flex;align-items:center;gap:10px}
.rk-ladder .n{font:600 12px var(--mono);color:var(--muted);min-width:18px}
.rk-ladder .gi{width:30px;height:30px}
.rk-ladder b{font-size:14.5px;line-height:1.2}
.rk-ladder .xp{font:12.5px var(--mono);color:var(--text2)}
.rk-ladder .ex{font-size:12px;color:var(--accent)}
.rk-ladder .rw{font-size:12px;color:var(--muted)}
.tbl2 td .gi{width:20px;height:20px;vertical-align:-5px;margin-right:8px;color:var(--accent)}
.tbl2 td.num{font-family:var(--mono);white-space:nowrap}
.rk-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rk-flow span{padding:7px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);font-size:13.5px;color:var(--text)}
.rk-flow i{color:var(--muted);font-style:normal}