/* Общая оболочка ROB RUN: ширина левой колонки, шапка с логотипом и меню разделов.
   Подключается последней во всех трёх разделах (вики, карта, планнер), поэтому выглядит везде одинаково.
   Селекторы начинаются с :root, чтобы перебить правила разделов независимо от порядка файлов. */

/* Ширина левой колонки */
:root{--rr-side:318px;--rr-pad:24px}
@media (max-width:1050px){:root{--rr-side:292px;--rr-pad:18px}}
html:root{--side:var(--rr-side)} /* вики строит сетку от --side */
@media (min-width:781px){
  :root .sidebar{width:var(--rr-side);flex-shrink:0}
}
/* На телефоне панель выезжает поверх страницы, ширина одна на все разделы. */
@media (max-width:780px){
  :root .sidebar{width:min(318px,88vw);max-width:none}
}
:root .sidebar-body,:root .side-body{padding-left:var(--rr-pad);padding-right:var(--rr-pad)}

/* Шапка с логотипом */
:root .brand{position:relative;z-index:5;height:auto;display:flex;align-items:center;gap:13px;padding:26px var(--rr-pad) 22px;border-bottom:0}
:root .brand-button{display:flex;align-items:center;gap:13px;flex:1 1 auto;min-width:0;width:calc(100% + 12px);padding:6px;margin:-6px;background:none;border:0;border-radius:0;color:inherit;font:inherit;text-align:left;cursor:pointer;outline:none}
:root .brand-button:hover,:root .brand-button[aria-expanded=true]{background:#232322}
:root .brand-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:root .brand .brand-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:41px;height:42px;padding-right:6px;background:var(--accent);color:var(--accent-ink);font:italic 900 22px/1 var(--display);letter-spacing:-6px;transform:skew(var(--skew));text-decoration:none}
:root .brand .brand-mark span{margin-top:10px;font-size:inherit}
:root .brand-text{display:flex;flex-direction:column;min-width:0}
:root .brand-text strong{display:block;font:italic 900 34px/.95 var(--display);letter-spacing:0;text-transform:uppercase;color:var(--accent)}
:root .brand-dot{color:var(--text)}
:root .brand-text .eyebrow{display:block;margin-top:4px;font:italic 700 11px/1.2 var(--display);letter-spacing:4px;text-transform:uppercase;color:#d8d6d0}
:root .brand-caret{margin-left:auto;font-size:14px;color:var(--text);transition:transform .15s}
:root .brand-button:hover .brand-caret,:root .brand-button[aria-expanded=true] .brand-caret{color:var(--accent)}
:root .brand-button[aria-expanded=true] .brand-caret{transform:rotate(180deg)}

/* Меню разделов */
:root .brand-menu{position:absolute;left:var(--rr-pad);right:var(--rr-pad);top:calc(100% - 8px);z-index:40;display:flex;flex-direction:column;gap:0;padding:0;background:#121211;border:0;border-top:3px solid var(--accent);border-radius:0;box-shadow:0 20px 50px #000b}
:root .brand-menu[hidden]{display:none}
:root .brand-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:none;border:0;border-bottom:1px solid #2f2e2c;border-radius:0;font:italic 800 16px/1 var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--text);text-decoration:none}
:root .brand-link:last-child{border-bottom:0}
:root .brand-link:hover,:root .brand-link:focus-visible{background:#2d2c2a;color:var(--accent);outline:none}
:root .brand-link[aria-current=page]{color:var(--accent)}
:root .brand-link small{font:600 11px/1 var(--font);font-style:normal;text-transform:none;letter-spacing:0;color:#8f8d89}

/* Блок «Инструменты» в боковой колонке: переходы в другие разделы сайта, одинаковые во всех трёх. */
:root .rr-tools{display:block}
:root .sidebar-body .rr-tools{margin-top:26px}
:root .rr-tools-title{margin:0 0 8px;font:italic 800 12px/1 var(--display);letter-spacing:2px;text-transform:uppercase;color:#8f8d89}
:root .rr-tools ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
:root .rr-tools-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#0f0f0e;border:1px solid #2f2e2c;border-left:3px solid var(--accent);font:italic 800 15px/1 var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--text);text-decoration:none;transition:background .12s,border-color .12s}
:root .rr-tools-link:hover,:root .rr-tools-link:focus-visible{background:#2d2c2a;border-color:var(--accent);outline:none}
:root .rr-tools-link small{font:600 11px/1 var(--font);font-style:normal;text-transform:none;color:#a8a6a1}