.page-shell{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.site-header{flex:0 0 79px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}
.main-layout{left:0;width:100%;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;gap:0;padding:48px 24px;margin:0}
.exchange-area{width:520px;max-width:100%;min-width:0;align-self:auto}
.site-footer{flex:0 0 66px}
.language-menu{position:relative;color:#486c87}
.language-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;border:1px solid #bbd4e57a;border-radius:50%;background:#ffffff85;box-shadow:0 2px 6px #31567c04;transition:background .15s,color .15s}
.language-icon::-webkit-details-marker{display:none}
.language-icon>svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.35}
.language-icon:hover,.language-menu[open]>.language-icon{background:#fff;color:#227ac0;border-color:#b7d5ec}
.language-icon:focus-visible{outline:3px solid #2787d64a;outline-offset:3px}
.language-popover{position:absolute;top:54px;right:0;width:180px;padding:6px;background:#fffffffa;border:1px solid #d9e7f1;border-radius:14px;box-shadow:0 16px 40px -14px #274f7859;display:grid;gap:3px}
.language-option{border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:0 13px;border-radius:9px;color:#42627c;font-size:14px;font-weight:450;text-align:left;cursor:pointer}
.language-option.selected{background:#edf6fe;color:#267bb9}
.language-option:hover{background:#f2f7fc}
.language-option svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.65}
@media(max-width:820px){.site-header{height:66px;flex-basis:66px;padding:0 4px}.site-footer{flex-basis:58px;padding-left:4px;padding-right:4px}.main-layout{padding:32px 4px}.exchange-area{width:500px}}
@media(max-width:480px){.site-header{height:66px;flex-basis:66px;padding:0 8px}.site-footer{flex-basis:58px;padding:0 8px}.main-layout{padding:28px 8px}.exchange-area{width:100%}.language-popover{width:172px}.brand{font-size:25px}}
@media(max-width:359px){.main-layout{padding-left:4px;padding-right:4px}.site-header,.site-footer{padding-left:4px;padding-right:4px}}
@media(max-height:620px){.main-layout{align-items:flex-start;padding-top:28px;padding-bottom:28px}}

.language-option:not(.selected) svg{visibility:hidden}
.language-option:focus-visible{outline:3px solid #2787d64a;outline-offset:-3px}
.language-menu:not([open])>.language-popover{display:none}