/* Shared geometry for the static pages and React page shell. */
html{scrollbar-gutter:stable}
header:is(.sticky-header,.hl-header){position:sticky;top:0;z-index:100;width:100%;border-bottom:1px solid #e1e3ed;background:rgba(249,250,252,.94);backdrop-filter:blur(24px);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Segoe UI',sans-serif;letter-spacing:normal;line-height:1.5}
header:is(.sticky-header,.hl-header) *{box-sizing:border-box}
header.sticky-header>nav,header.hl-header>.hl-nav{display:grid;grid-template-columns:152px minmax(0,1fr) 178px;align-items:center;justify-content:normal;max-width:1280px;width:100%;height:88px;min-height:88px;padding:0 44px;margin:0 auto;gap:24px;border:0}
header:is(.sticky-header,.hl-header) :is(.logo,.hl-brand){display:flex;align-items:center;margin:0;padding:0;width:152px;letter-spacing:normal}
header:is(.sticky-header,.hl-header) :is(.logo,.hl-brand) img{width:152px!important;height:auto!important;display:block;object-fit:contain}
header:is(.sticky-header,.hl-header) :is(.navlinks,.hl-links){display:flex;align-items:center;justify-content:center;gap:29px;width:auto;height:auto;min-height:0;max-width:none;margin:0;padding:0;border:0;order:0;overflow:visible;white-space:nowrap}
header:is(.sticky-header,.hl-header) :is(.navlinks,.hl-links) a{position:relative;display:block;padding:12px 0;margin:0;font-size:15px;font-weight:550;line-height:24px;letter-spacing:normal;color:#2c2f3b;text-decoration:none;white-space:nowrap}
header:is(.sticky-header,.hl-header) :is(.navright,.hl-actions){display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:15px!important;width:178px;margin:0;padding:0;white-space:nowrap;font-size:15px;font-weight:550;line-height:24px}
header:is(.sticky-header,.hl-header) :is(.navright,.hl-actions)>a{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:40px;color:#2b2e3c;text-decoration:none}
header:is(.sticky-header,.hl-header) .hl-language{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:32px;margin:0;padding:0;font:inherit;font-size:12px;line-height:18px;border:1px solid #d7dae9;border-radius:9px;background:transparent;color:#535870;cursor:pointer}
header:is(.sticky-header,.hl-header) :is(.small-btn,.hl-register){flex:0 0 78px;width:78px;height:44px;padding:0;border:0;border-radius:100px;background:#2b4cf0;color:white!important;font:inherit}
header:is(.sticky-header,.hl-header) :is(.navlinks,.hl-links) a:hover,header:is(.sticky-header,.hl-header) .hl-links a[aria-current]{color:#2b4cf0}
@media(max-width:1100px){
 header.sticky-header>nav,header.hl-header>.hl-nav{grid-template-columns:130px minmax(0,1fr) 178px;padding:0 28px;gap:18px}
 header:is(.sticky-header,.hl-header) :is(.logo,.hl-brand){width:130px}
 header:is(.sticky-header,.hl-header) :is(.logo,.hl-brand) img{width:130px!important}
 header:is(.sticky-header,.hl-header) :is(.navlinks,.hl-links){gap:19px}
 header:is(.sticky-header,.hl-header) :is(.navlinks,.hl-links) a{font-size:14px}
}
@media(max-width:900px){
 header.sticky-header>nav,header.hl-header>.hl-nav{grid-template-columns:minmax(0,1fr) 178px;grid-template-rows:44px 42px;height:123px;min-height:123px;padding:15px 22px 10px;gap:12px 10px}
 header:is(.sticky-header,.hl-header) :is(.navlinks,.hl-links){grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;gap:20px;overflow-x:auto;scrollbar-width:none}
 header:is(.sticky-header,.hl-header) :is(.navlinks,.hl-links) a{padding:9px 0}
 header:is(.sticky-header,.hl-header) :is(.navright,.hl-actions){grid-column:2;grid-row:1;font-size:14px}
}
@media(max-width:400px){
 header.sticky-header>nav,header.hl-header>.hl-nav{padding-left:16px;padding-right:16px}
 header:is(.sticky-header,.hl-header) :is(.logo,.hl-brand){width:112px}
 header:is(.sticky-header,.hl-header) :is(.logo,.hl-brand) img{width:112px!important}
}
