@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Raleway:wght@300;400;600&display=swap');
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.woff2') format('woff2')}.fa{font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal}.fa-home::before{content:'\f015'}.highlight{background:#dde3ed}.page-heading-bar{margin:0 calc((100vw - min(1200px,92vw))/2) 1.5rem}.page-heading-inner{width:min(1200px,92vw);margin:0 auto;padding:1rem .5rem}.heading1{font-family:Poppins,sans-serif;font-weight:600;color:#229ad6;padding:20px 0 0;margin:-20px 0 0}.heading1 a.home,.heading1 a.home:visited{color:#229ad6;text-decoration:none}.heading1 a.home:hover,.heading1 a.home:active{color:#53baed;text-decoration:underline}
main{width:100%;max-width:1200px}main:has(.page-heading-bar){padding-top:0}.home-heading-main{flex:0 0 auto!important;width:100%;max-width:1200px;padding:0;margin:0 auto}.page-heading-bar{position:relative;left:50%;transform:translateX(-50%);width:1200px;max-width:100vw;margin:0 0 1.5rem;box-sizing:border-box}.page-heading-inner{width:100%;margin:0 auto}
@media(min-width:576px){.page-heading-inner{padding-left:1.5rem;padding-right:1.5rem}}
.page-heading .home{color:#229ad6;text-decoration:none;font-family:Arial,sans-serif;font-size:20px;line-height:1}.page-heading .home:hover{color:#53baed;text-decoration:none}.heading-separator{color:#434a54;font-weight:400}@media(max-width:575px){.page-heading .home{font-size:16px}}
html{overflow-y:scroll}*{box-sizing:border-box}body{margin:0;font-family:Raleway,sans-serif;font-size:12px;font-weight:400;color:#434a54;background:#f5f7fa;min-height:100vh;display:flex;flex-direction:column}p{font-family:Raleway,sans-serif}main{flex:1;width:min(1180px,92%);margin:0 auto;padding:2rem 0 3rem}h1{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:10px 0;color:#229ad6}h2{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 5px;color:#229ad6}h3{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;margin:0 0 10px}.legal{max-width:900px;font-size:14px;line-height:1.65}.legal section{margin:1rem 0 1.5rem}.legal h2{margin:0 0 .5rem;color:#434a54;font-size:1.25rem;line-height:1.4}.legal a{color:#229ad6;text-decoration:none}.legal a:hover{text-decoration:underline}
select{background-color:#fff;font:14px Raleway;font-weight:300;letter-spacing:0;color:#434a54;border:#c8d1e0 1px solid;height:24px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 4px 7px}
select{padding:3px 36px 1px 5px;background-image:linear-gradient(45deg,transparent 50%,#8e99ab 50%),linear-gradient(135deg,#8e99ab 50%,transparent 50%),linear-gradient(to right,#8e99ab,#8e99ab);background-position:calc(100% - 14px) calc(0.6em + 3px),calc(100% - 9px) calc(0.6em + 3px),calc(100% - 2.0em) .1em;background-size:5px 5px,5px 5px,1px 1.4em;background-repeat:no-repeat}
select:hover{border:1px solid #afbacc}
.form-control{border-color:#c8d1e0}
.input-group-text{border-color:#c8d1e0}
.navbar-top{background:#ebeff5;border-bottom:7px solid #229ad6;z-index:1030}.site-header-inner{max-width:1200px;min-height:89px;margin:0 auto;padding:8px 1.5rem;display:flex;align-items:center;gap:1rem}.navbar-brand{display:block;flex:0 0 auto}.logo{font-family:Poppins,sans-serif;font-weight:700;letter-spacing:.12em;color:#333840;text-decoration:none}.navbar-brand .logo{display:block;width:150px;height:48px;aspect-ratio:25 / 8}.site-menu{margin-left:auto;display:flex;align-items:center;gap:.5rem}.menu-link{border:0;background:#53baed;color:#fff;font:400 12px Raleway,sans-serif;letter-spacing:1px;padding:10px 12px;text-decoration:none!important}.menu-link:hover{background:#229ad6;color:#fff}.dropdown-container{position:relative}.btn-language{height:40px;padding:0 12px!important;border:1px solid #229ad6!important;border-radius:50rem;background:transparent!important;color:#229ad6!important;font:400 12px Raleway,sans-serif;letter-spacing:1px;text-transform:uppercase}.language-flag{display:inline-block;min-width:1.35em;font-size:1.25em;line-height:1;text-align:center;vertical-align:middle}.dropdown-languages{min-width:576px!important;margin-top:0!important;padding:.55rem 0;border:0!important;border-radius:0!important}.language-columns{display:grid;grid-template-columns:repeat(3,1fr)}.multi-column-dropdown{margin:0;padding:0 10px;list-style:none}.dropdown-languages .dropdown-item{padding:5px 15px;color:#333840;font:300 14px/1.5 Raleway,sans-serif;text-decoration:none}.dropdown-languages .dropdown-item:hover{background:#229ad6;color:#fff}
.btn-language{display:inline-flex;align-items:center;white-space:nowrap;line-height:1}.btn-language:hover,.btn-language:active,.btn-language.show,.btn-language[aria-expanded="true"]{background:#229ad6!important;color:#fff!important}.dropdown-menu li a{font:300 14px/1.5 Raleway,sans-serif}.dropdown-languages .dropdown-item{padding:5px 15px}.dropdown-languages .dropdown-item:hover{background:#229ad6;color:#fff}
.dropdown-languages{min-width:260px!important;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color)!important;border-radius:0!important}.dropdown-languages .dropdown-item{font-family:Raleway,sans-serif;font-size:12px!important;font-weight:300;text-transform:uppercase;letter-spacing:1px;line-height:1.5;color:#333840;white-space:normal}.dropdown-languages .dropdown-item:hover{border:0!important}
footer.site-footer{margin-top:auto;background:#066391;color:#fff;padding:.5rem 0}
.site-footer::before{content:none}
.footer-inner{width:min(1200px,100%);max-width:1200px;margin:0 auto!important;padding:0 .5rem}
.footer-column{max-width:50%}
.footer-copyright{padding-top:10px;margin-bottom:1rem;font-size:16px;line-height:1.5}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin-bottom:.25rem;font-size:16px;line-height:1.5}
.site-footer a{display:inline;width:auto;max-width:none;margin:0;padding:0;color:#fff;font-size:16px;font-weight:400;text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.error-content{width:100%;padding:0 1.5rem 1.5rem}.error-result{display:flex;align-items:flex-start;gap:1rem;margin:1.5rem 0;padding:1.5rem;background:#fff;border:1px solid #dde3ed;border-radius:10px;box-shadow:0 2px 8px rgba(22,74,103,.08)}.error-code{flex:0 0 110px;color:#dc3545;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;line-height:1}.error-message h2{margin:0 0 .5rem;color:#434a54;font-size:1.25rem}.error-message p{margin:0 0 1rem;font-size:14px}.error-message ul{margin:0;padding-left:1.25rem}.error-message a{color:#229ad6;text-decoration:none}.error-message a:hover{text-decoration:underline}
.cookie-consent{position:fixed;z-index:1080;right:1rem;bottom:1rem;left:1rem;color:#333840;background:#fff;border:1px solid #c8d1e0;border-radius:10px;box-shadow:0 8px 30px rgba(22,74,103,.2)}.cookie-consent-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(1200px,100%);margin:0 auto;padding:1rem 1.25rem}.cookie-consent-copy{max-width:760px}.cookie-consent h2{margin:0 0 .25rem;color:#229ad6;font-size:16px}.cookie-consent p{margin:0;font-size:13px;line-height:1.5}.cookie-consent a{color:#229ad6;text-decoration:underline}.cookie-consent-actions{display:flex;flex:0 0 auto;gap:.5rem}.cookie-consent-button,.cookie-settings{border:1px solid #229ad6;border-radius:999px;padding:.55rem .85rem;font:400 12px Raleway,sans-serif;cursor:pointer}.cookie-consent-reject{color:#229ad6;background:#fff}.cookie-consent-accept{color:#fff;background:#229ad6}.cookie-consent-button:hover{filter:brightness(.93)}.cookie-settings{position:fixed;z-index:1079;right:1rem;bottom:1rem;color:#229ad6;background:#fff;box-shadow:0 2px 8px rgba(22,74,103,.15)}
@media(min-width:576px){.footer-inner{padding-left:1.5rem;padding-right:1.5rem}}
@media(min-width:1200px){body{padding-top:96px}.custom-fixed-top{position:fixed;inset:0 0 auto}}
@media(min-width:576px){.navbar-brand .logo{width:200px;height:64px}.dropdown-languages{min-width:576px!important;margin-top:0!important}.dropdown-languages .dropdown-item{padding:5px 15px}}
@media(max-width:575px){main{width:100%;padding:1.25rem 7px 2rem}.page-heading-bar{width:100%}h1{font-size:16px}.site-header-inner{padding:.5rem .75rem;align-items:flex-start}.site-menu{flex-wrap:wrap;justify-content:flex-end}.menu-link{padding:8px;font-size:10px}.btn-language{height:36px;font-size:10px}.dropdown-languages{margin-top:10px!important;max-height:70vh;overflow:auto}.dropdown-languages .dropdown-item{padding:5px 0}.language-columns{grid-template-columns:1fr}.footer-column{max-width:100%}}
.cookie-consent-inner{padding:.85rem 1rem}.cookie-consent-actions{width:100%}.cookie-consent-button{flex:1}.cookie-consent{right:7px;bottom:7px;left:7px}.cookie-consent-inner{display:block}.cookie-consent-copy{max-width:none;margin-bottom:.75rem}.cookie-settings{right:7px;bottom:7px}

/* CJK readability: Poppins/Raleway carry no CJK glyphs, so zh/ja/ko already fall back to
   whatever CJK font the OS provides. Forcing that fallback to bold renders as synthetic
   "faux bold" (smeared strokes), which is worse for legibility than just staying regular. */
html:lang(zh),html:lang(ja),html:lang(ko){font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans","Noto Sans CJK SC","Noto Sans CJK JP","Noto Sans CJK KR","Malgun Gothic",sans-serif}
:lang(zh) h1,:lang(zh) h2,:lang(zh) .heading1,:lang(ja) h1,:lang(ja) h2,:lang(ja) .heading1,:lang(ko) h1,:lang(ko) h2,:lang(ko) .heading1{font-weight:500}

.footer-ad{width:100%;display:flex;justify-content:center;align-items:center;min-height:280px;margin:20px 0}.footer-ad-inner{width:min(1200px,92%);max-width:1200px;min-height:280px;margin:0 auto;display:flex;justify-content:center;align-items:center}.footer-ad .adsbygoogle{width:100%;min-height:280px;margin:0 auto}
@media(max-width:768px){.footer-ad{min-height:100px;margin:10px 0}.footer-ad-inner,.footer-ad .adsbygoogle{min-height:100px;max-width:100%}}
.mendeleev-lead-ad{min-height:100px;max-height:100px;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;margin:1rem auto 0}