/* Интерактив статьи о РГС. Все стили под префиксом .rgs-*, чтобы не протекать в тему gelta и не ловить её правила. */
.rgs-toc{margin:18px 0 28px;padding:14px 18px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:rgba(0,0,0,.025);font-size:15px;line-height:1.5}
.rgs-toc b{display:block;margin-bottom:6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
.rgs-toc a{display:inline-block;margin:2px 10px 2px 0;text-decoration:none;border-bottom:1px dotted currentColor}
.rgs-app{margin:26px 0 34px;padding:16px 16px 12px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;font-size:14px;line-height:1.45;overflow:visible;position:relative}
.rgs-app *{box-sizing:border-box}
.rgs-app h4{margin:0 0 8px;font-size:16px;line-height:1.3}
.rgs-app .rgs-sub{margin:0 0 10px;font-size:13px;opacity:.7}
.rgs-app .rgs-note{margin:8px 0 0;font-size:12.5px;line-height:1.45;opacity:.72}
.rgs-app .rgs-ctl{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 10px}
.rgs-app label{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.rgs-app select,.rgs-app input[type=text],.rgs-app input[type=number],.rgs-app input[type=search]{font:inherit;font-size:14px;padding:6px 10px;border:1px solid rgba(0,0,0,.18);border-radius:8px;background:#fff;max-width:100%}
.rgs-app input[type=number]{width:96px}
.rgs-app input[type=range]{width:200px;max-width:60vw}
.rgs-app .rgs-seg{display:inline-flex;border:1px solid rgba(0,0,0,.18);border-radius:8px;overflow:hidden}
.rgs-app .rgs-seg button{font:inherit;font-size:13px;padding:6px 10px;border:0;background:#fff;cursor:pointer;color:inherit}
.rgs-app .rgs-seg button[aria-pressed=true]{background:#1d1d1f;color:#fff}
.rgs-app figure{margin:0;overflow:visible}
.rgs-app .rgs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.rgs-app figure svg{max-width:100%;height:auto;font-family:inherit;overflow:visible}
.rgs-app .rgs-big{font-size:26px;font-weight:800;line-height:1.15;margin:6px 0 2px}
.rgs-app .rgs-big small{font-size:14px;font-weight:500;opacity:.7;margin-left:6px}
.rgs-app .rgs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 18px}
.rgs-app table{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}
.rgs-app th,.rgs-app td{padding:5px 8px;border-bottom:1px solid rgba(0,0,0,.08);text-align:right;white-space:nowrap}
.rgs-app th:first-child,.rgs-app td:first-child{text-align:left;white-space:normal}
.rgs-app th{font-weight:600;font-size:12px;opacity:.7}
.rgs-app tr.rgs-hl td{background:rgba(255,196,0,.18)}
.rgs-app details{margin-top:10px}
.rgs-app summary{cursor:pointer;font-size:13px;opacity:.75}
.rgs-app .rgs-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.rgs-app .rgs-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:rgba(0,0,0,.06)}
.rgs-app .rgs-pill.pro{background:#ffe9c7}
.rgs-todo{display:inline-block;padding:2px 8px;border-radius:6px;background:#fff3cd;color:#7a5a00;font-size:13px}
.rgs-empty{padding:18px;text-align:center;opacity:.6}
@media (max-width:600px){.rgs-app{padding:12px 10px 10px;border-radius:12px}.rgs-app .rgs-big{font-size:22px}.rgs-app input[type=range]{width:100%;max-width:100%}.rgs-app th,.rgs-app td{padding:4px 6px;font-size:12px}}

/* навигация по разделам */
h2[id]{scroll-margin-top:100px}
.rgs-side{position:fixed;top:100px;width:224px;font-size:13px;line-height:1.35;display:none;z-index:20;max-height:calc(100vh - 130px);overflow:auto}
.rgs-side.on{display:block}
.rgs-side b{display:block;margin:0 0 6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.5}
.rgs-side a{display:block;padding:5px 10px;border-left:2px solid rgba(0,0,0,.1);color:inherit;opacity:.62;text-decoration:none}
.rgs-side a:hover{opacity:1}
.rgs-side a.act{border-left-color:#7828FF;opacity:1;font-weight:600}
.rgs-fab{position:fixed;right:14px;bottom:16px;z-index:60;display:none;align-items:center;gap:8px;padding:10px 14px;border:0;border-radius:999px;background:#1d1d1f;color:#fff;font:inherit;font-size:14px;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer;max-width:70vw}
.rgs-fab.on{display:inline-flex}
.rgs-fab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;opacity:.8}
.rgs-sheet{position:fixed;left:0;right:0;bottom:0;z-index:59;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.2);padding:14px 16px 24px;max-height:70vh;overflow:auto;transform:translateY(105%);transition:transform .25s ease}
.rgs-sheet.on{transform:none}
.rgs-sheet b{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.5}
.rgs-sheet a{display:block;padding:9px 6px;border-bottom:1px solid rgba(0,0,0,.06);color:inherit;text-decoration:none;font-size:15px}
.rgs-sheet a.act{color:#7828FF;font-weight:600}
.rgs-shade{position:fixed;inset:0;z-index:58;background:rgba(0,0,0,.25);display:none}
.rgs-shade.on{display:block}