/* Статусы разделов в шапке и на главной: один компонент .rmi-state с тремя состояниями.
   is-live «доступен» (зелёный), is-test «тест» (янтарный), is-dev «в разработке» (серо-синий).
   Пункт меню остаётся в одну строку, метка стоит справа от названия, подробная подпись в title.
   До 1500 px вместо подписи остаётся цветная точка, чтобы восемь пунктов помещались в строку. */
html body header[data-rmi-test-menu] nav a.rmi-test-link{display:inline-flex;flex-direction:row;align-items:center;gap:7px;padding:10px 12px 10px 14px;min-height:42px;line-height:1.4}
html body header[data-rmi-test-menu] .rmi-state{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:600 11px/1.2 var(--rmi-font,"Segoe UI",system-ui,sans-serif);letter-spacing:.01em;border:1px solid;border-radius:999px;padding:4px 9px 4px 8px;transform:translateY(-1px);transition:background-color .18s,border-color .18s}
html body header[data-rmi-test-menu] .rmi-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;box-shadow:0 0 0 3px rgba(46,139,87,.16)}
html body header[data-rmi-test-menu] .rmi-state.is-test::before{box-shadow:0 0 0 3px rgba(227,169,58,.18)}
html body header[data-rmi-test-menu] .rmi-state.is-dev::before{box-shadow:0 0 0 3px rgba(90,107,128,.14)}
html body header[data-rmi-test-menu] .rmi-state.is-live{color:#1f6b45;background:#e6f5ec;border-color:#b5dcc3}
html body header[data-rmi-test-menu] .rmi-state.is-test{color:#8a5a10;background:#fff4dc;border-color:#f0d6a0}
html body header[data-rmi-test-menu] .rmi-state.is-dev{color:#5a6b80;background:#eef2f7;border-color:#d4dce7}
html body header[data-rmi-test-menu] nav a[aria-current=page] .rmi-state{background:#fff}
html body header[data-rmi-test-menu] nav a.rmi-test-link:focus-visible{outline:2px solid #3f7fc4;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){
 html body header[data-rmi-test-menu] .rmi-state.is-live::before,html body.home-page .search-modes .search-mode-state.is-available::before{animation:rmi-state-pulse 2.6s ease-in-out infinite}
 @keyframes rmi-state-pulse{0%,100%{box-shadow:0 0 0 3px rgba(46,139,87,.16)}50%{box-shadow:0 0 0 5px rgba(46,139,87,.05)}}
}
/* Подпись разработчика над кнопкой «Написать нам»: две строки, имя выделено. */
html body .rmi-site-header .rmi-header-contact .rmi-header-dev{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.25;text-align:right}
html body .rmi-site-header .rmi-header-contact .rmi-header-dev small{font:500 10px/1.3 var(--rmi-font,"Segoe UI",system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--rmi-muted,#5a6d82)}
html body .rmi-site-header .rmi-header-contact .rmi-header-dev strong{font:700 13px/1.3 var(--rmi-font,"Segoe UI",system-ui,sans-serif);color:var(--rmi-blue,#2f5a85);letter-spacing:-.01em}
@media(max-width:1120px){html body .rmi-site-header .rmi-header-contact .rmi-header-dev{display:none}}
/* До 1620 px меню плотнее: подписи статусов сворачиваются в точку, title остаётся. */
@media(min-width:781px) and (max-width:1620px){
 html body .rmi-site-header[data-rmi-test-menu] .rmi-header-inner{gap:14px;padding-inline:18px}
 html body .rmi-site-header[data-rmi-test-menu] .rmi-brand img{width:210px;height:54px}
 html body .rmi-site-header[data-rmi-test-menu] nav{gap:2px}
 html body .rmi-site-header[data-rmi-test-menu] nav a{padding-inline:10px;font-size:13px}
 html body .rmi-site-header[data-rmi-test-menu] nav a.rmi-test-link{padding-inline:10px 9px;gap:6px}
 html body .rmi-site-header[data-rmi-test-menu] .rmi-state{font-size:0;letter-spacing:0;gap:0;width:14px;height:14px;padding:0;justify-content:center;border-radius:50%}
 html body .rmi-site-header[data-rmi-test-menu] .rmi-state::before{width:6px;height:6px;box-shadow:none;animation:none}
 html body .rmi-site-header[data-rmi-test-menu] .rmi-header-contact>span{font-size:10px}
 html body .rmi-site-header[data-rmi-test-menu] .rmi-header-contact>a{padding-inline:13px;font-size:13px}
}
@media(min-width:781px) and (max-width:1180px){
 html body .rmi-site-header[data-rmi-test-menu] .rmi-header-inner{flex-wrap:wrap}
 html body .rmi-site-header[data-rmi-test-menu] .rmi-header-contact{margin-left:auto}
 html body .rmi-site-header[data-rmi-test-menu] nav{order:3;width:100%;justify-content:flex-start;margin-left:0}
}
/* Телефон: пункты меню столбцом, метка остаётся в строке с названием. */
@media(max-width:780px){
 html body header[data-rmi-test-menu] nav a.rmi-test-link{min-height:46px;gap:8px}
 html body header[data-rmi-test-menu] .rmi-state{margin-left:auto}
}
/* Компактное меню телефона (/m/) использует те же метки. */
html body .m-header[data-rmi-test-menu] nav a.rmi-test-link{display:flex;align-items:center;gap:8px;width:100%;padding-left:28px;min-height:52px}
html body .m-header[data-rmi-test-menu] nav a.rmi-test-link::before{display:none}
html body .m-header[data-rmi-test-menu] .rmi-state{margin-left:auto}