/* Keep the site navigation available without removing its layout space. */
.top{position:sticky;top:0;z-index:30;background:#fff}
html{scroll-padding-top:160px}
@media(min-width:768px){body main details.reading-toc{top:160px}}
@media(min-width:1080px){html{scroll-padding-top:112px}body main details.reading-toc{top:112px}}
/* Keep the site navigation available without removing its layout space. */
.top{position:sticky;top:0;z-index:30;background:#fff}
html{scroll-padding-top:160px}
@media(min-width:1080px){html{scroll-padding-top:112px}}
.top header .mobile-header-search,.top header .mobile-header-menu{display:none}
@media(max-width:767px){
 html{scroll-padding-top:88px}
 .top{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top,0px);background:#fff}
 .top header.wrap{height:64px;min-height:64px;padding-block:0;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;justify-content:flex-start}
 .top header .brand{font-size:25px;min-height:44px;margin:0;flex:0 0 auto}
 .top header nav[aria-label="Основная навигация"]{display:none}
 .top header .mobile-header-search{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;margin-left:auto;padding:6px;color:#122338;text-decoration:none;font-size:14px;line-height:1.4;border-radius:6px;white-space:nowrap}
 .top header .mobile-header-menu{display:block;margin:0;padding:0;border:0;background:transparent;border-radius:0;position:static;flex:none}
 .mobile-header-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;list-style:none;border:1px solid #d5dee6;border-radius:6px;color:#122338;background:#fff;cursor:pointer}
 .mobile-header-menu>summary::-webkit-details-marker{display:none}
 .mobile-header-menu>summary::marker{content:""}
 .mobile-header-menu summary span{display:flex}
 .mobile-header-menu summary .mobile-menu-close{display:none}
 .mobile-header-menu[open]>summary{background:#122338;color:#d6f15c;border-color:#122338}
 .mobile-header-menu[open] summary .mobile-menu-open{display:none}
 .mobile-header-menu[open] summary .mobile-menu-close{display:flex}
 .top header .mobile-header-menu nav{position:absolute;left:0;right:0;top:100%;width:100%;display:block;margin:0;padding:12px max(18px,env(safe-area-inset-left)) 20px;background:#fff;border-bottom:1px solid #d5dee6;max-height:calc(100vh - 65px);max-height:calc(100dvh - 65px - env(safe-area-inset-top,0px));overflow:auto;overscroll-behavior:contain;box-shadow:0 12px 18px -14px #12233840}
 .top header .mobile-header-menu nav a{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:12px 14px;text-align:left;font-size:17px;line-height:1.4;font-weight:600;color:#122338;text-decoration:none;border-radius:6px;white-space:normal}
 .top header .mobile-header-menu nav a[aria-current]{background:#122338;color:#fff;box-shadow:none}
 .top header .mobile-header-menu nav a[aria-current]::after{content:"";width:7px;height:7px;border-radius:50%;background:#d6f15c;margin-left:auto;flex:none}
 .mobile-menu-secondary{border-top:1px solid #d5dee6;margin-top:12px;padding-top:12px}
 .top header .mobile-menu-secondary a{font-size:15px;font-weight:500;color:#4e6072}
 .mobile-header-menu>summary:focus-visible,.top header .mobile-header-search:focus-visible,.top header .mobile-header-menu nav a:focus-visible{outline:3px solid #176747;outline-offset:2px}
 .skip:focus{z-index:40}
}
@media print{.top header .mobile-header-menu,.top header .mobile-header-search{display:none!important}.top{position:static}}
