.site-directory{padding-top:64px;padding-bottom:64px;scroll-margin-top:100px}.site-directory h2{font-size:clamp(26px,3.5vw,42px);line-height:1.15;letter-spacing:-.03em;max-width:850px}.site-directory>p{max-width:740px}.site-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.site-directory-group{border:1px solid #dce5e2;border-radius:20px;padding:24px;background:#f6f9f7;color:#172d27;min-width:0}.site-directory-group h3{font-size:18px;margin:0 0 16px;line-height:1.4}.site-directory-group a{display:block;padding:10px 0;color:#245d49;text-decoration:underline;text-underline-offset:4px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.site-directory-group a:hover{color:#122e24}.site-directory-group a:focus-visible,.site-directory-home a:focus-visible{outline:3px solid #318867;outline-offset:4px}.site-directory-group a[aria-current=page]{font-weight:750;color:#172d27}.site-directory-home{margin-top:24px}@media(max-width:760px){.site-directory-grid{grid-template-columns:1fr}.site-directory{padding-top:40px;padding-bottom:40px}.site-directory-group{padding:20px}}
/* Native disclosure keeps page links accessible with keyboard and without JS. */
.header .site-menu{position:relative;flex-shrink:0}.header .site-menu summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 13px;border-radius:8px;color:#42663d;font-size:12px;line-height:1.4;cursor:pointer;list-style:none;box-sizing:border-box}.header .site-menu summary::-webkit-details-marker{display:none}.header .site-menu summary:focus-visible{outline:2px solid #7f9f6b;outline-offset:3px}.header .site-menu[open] summary{background:#e8f0e1}.header .site-menu[open] summary>span{transform:rotate(180deg)}.header .site-menu-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(660px,calc(100vw - 64px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px;border:1px solid #d4e1ce;border-radius:16px;background:#fbfdf8;box-shadow:0 18px 50px #183b2526;max-height:calc(100dvh - 180px);overflow:auto;overscroll-behavior:contain;z-index:60}.header .site-menu-group{min-width:0}.header .site-menu-group p{font-size:12px;font-weight:750;color:#244d38;margin:0 0 10px}.header nav .site-menu-group a{display:block;min-height:44px;padding:10px 8px;font-size:13px;line-height:1.5;white-space:normal;color:#42663d;text-decoration:none}.header nav .site-menu-group a::after{display:none}.header nav .site-menu-group a:hover{background:#edf4e6}.header .site-menu-group a span{display:none}@media(max-width:1100px){.header .site-menu summary{font-size:11px;padding-inline:9px}}@media(max-width:850px){.header>nav{position:relative}.header .site-menu{position:static;flex:1}.header .site-menu-panel{top:calc(100% + 10px);right:0;width:100%;box-sizing:border-box;grid-template-columns:1fr;gap:16px;padding:18px;max-height:calc(100dvh - 180px)}.header .site-menu-group p{margin-bottom:4px}.header nav .site-menu-group a{font-size:14px;min-height:44px}.header .site-menu summary{font-size:11px;padding:10px 6px}}@media(max-width:480px){.header .site-menu summary{font-size:10px;padding-inline:4px}}

/* Keep navigation inside the header and fit the disclosure to actual screen space. */
.header .site-menu-panel{box-sizing:border-box;max-height:var(--site-menu-space,calc(100dvh - 220px))}.header nav .site-menu-group a[aria-current=page]{font-weight:750;background:#edf4e6}.header .site-menu summary{min-height:44px}
@media(max-width:850px){.header>nav{min-width:0;max-width:100%;flex-wrap:wrap;gap:2px}.header>nav>a{flex:1 1 auto;min-width:0;min-height:44px;white-space:normal;text-align:center;box-sizing:border-box}.header .site-menu{flex:1 1 auto;min-width:70px}.header .site-menu-panel{left:0;right:0;width:auto;max-width:100%;max-height:var(--site-menu-space,calc(100dvh - 260px));padding:14px}.header nav .site-menu-group a{min-height:44px;box-sizing:border-box;overflow-wrap:anywhere}.header .site-menu summary{min-height:44px}}

/* One-row mobile header: brand and native menu disclosure. */
.header .site-menu-mobile-only{display:none}
@media(max-width:850px){
 .header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:9px 12px;box-sizing:border-box}
 .header>.brand{flex:0 1 auto;min-width:0;font-size:21px;white-space:nowrap}
 .header>.button{display:none}
 .header>nav{position:static;display:block;flex:0 0 auto;order:initial;width:auto;max-width:none;margin:0;padding:0;border:0}
 .header>nav>a{display:none}
 .header .site-menu{position:static;min-width:0}
 .header .site-menu summary{gap:8px;min-width:88px;min-height:44px;padding:10px 12px;border:1px solid #d4e1ce;background:#edf4e6;font-size:0;border-radius:10px}
 .header .site-menu summary>span{display:none}
 .header .site-menu summary::before{content:'☰';font-size:19px;line-height:1}
 .header .site-menu summary::after{content:'Меню';font-size:13px;line-height:1.4;font-weight:650}
 .header .site-menu[open] summary::before{content:'×';font-size:24px}
 .header .site-menu-panel{top:calc(100% + 8px);left:0;right:0;width:100%;max-width:100%;padding:18px;max-height:var(--site-menu-space,calc(100dvh - 110px));border-radius:14px}
 .header .site-menu-mobile-only{display:block}
 .header .site-menu-account{border-top:1px solid #d4e1ce;padding-top:12px}
 .header nav .site-menu-account a{background:#e8f0e1;font-weight:750;border-radius:8px;text-align:center}
 html{scroll-padding-top:92px}
}

@media(max-width:850px){.comparison-page .header{flex-wrap:nowrap;padding:9px 12px;gap:12px}.comparison-page .header>nav{order:initial;width:auto;gap:0}.comparison-page .header .button-small{display:none}}

/* Direct account access next to the mobile menu without a second row. */
@media(max-width:850px){
 .header,.comparison-page .header{gap:8px}
 .header>.brand{margin-right:auto}
 .header>nav{order:3}
 .header>.button,.comparison-page .header>.button{display:inline-flex;order:2;flex:0 0 auto;min-height:44px;min-width:60px;margin:0;padding:10px 12px;gap:0;font-size:0;box-sizing:border-box}
 .header>.button>span{display:none}
 .header>.button::before{content:'Войти';font-size:12px;line-height:1.4;font-weight:650}
}
@media(max-width:480px){
 .header>.brand{font-size:19px}
 .header .site-menu summary{width:44px;min-width:44px;padding:10px;gap:0}
 .header .site-menu summary::after{display:none}
}

@media(max-width:850px){.comparison-page .header>nav{order:3}}

/* Anchor the wide desktop disclosure to the header, not the trigger's position. */
@media(min-width:851px){
 .header>nav,.header.header-enter>nav{position:static;animation:none;translate:none;transform:none}
 .header .site-menu{position:static}
 .header .site-menu-panel{top:calc(100% + 8px);left:auto;right:12px;width:min(760px,calc(100% - 24px));max-width:calc(100% - 24px)}
}
/* A translated nav also creates a containing block for the mobile disclosure. */
@media(max-width:850px){
 .header>nav,.header.header-enter>nav{position:static;animation:none;translate:none;transform:none}
}