/* Shared navigation, content and form refinements, loaded after the scene styles. */
html{scrollbar-color:#a0afbc #edf2f6;scrollbar-width:thin}
html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#edf2f6}html::-webkit-scrollbar-thumb{background:#a0afbc;border-radius:8px}
.desktop-nav{white-space:nowrap}
@media(min-width:1024px){
 .site-header .menu-toggle,.site-header:not(.flight-header) .menu-toggle,.home .site-header .menu-toggle{display:none!important}
 .mobile-nav{display:none!important}
 .site-header .desktop-nav{display:flex;gap:clamp(12px,1.5vw,28px);font-size:clamp(11px,1vw,14px)}
 .site-header,.site-header.odyssey-header{gap:clamp(10px,1.5vw,24px);padding-inline:clamp(24px,4vw,88px)}
 .site-header .brand-logo{width:clamp(165px,19vw,245px)}
 .site-header .header-join{margin-left:0!important;white-space:nowrap;gap:12px;font-size:12px;padding:12px 20px}
}
@media(max-width:1023px){
 .site-header .desktop-nav{display:none}.site-header .menu-toggle,.home .site-header .menu-toggle{display:flex}
 .mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:18px 22px;max-height:calc(100dvh - 100px);overflow-y:auto;scrollbar-width:thin}
 .mobile-nav a,.home .mobile-nav a{display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding:13px 0;font-size:14px;line-height:1.5;min-width:0}
 .mobile-nav small{font-size:8px;letter-spacing:1px;opacity:.65}.mobile-nav a>.by-icon{display:none}
}
/* Long translated chapters use responsive type and available width, with one page scroll. */
.cosmic-interface .odyssey-copy,.cosmic-interface .nebula-beat[data-nebula-beat]{max-height:none;overflow:visible;scrollbar-width:none}
.cosmic-interface .nebula-beat[data-nebula-beat]{width:min(760px,54vw);overflow-wrap:break-word}
.cosmic-interface .nebula-beat h2{font-size:clamp(28px,3.1vw,52px);line-height:1.28;letter-spacing:-.025em}
.cosmic-interface .nebula-beat>p:not(.nebula-kicker){font-size:clamp(12px,1.05vw,16px);line-height:1.75;max-width:52ch;margin-top:22px}
.cosmic-interface .nebula-kicker{font-size:11px;margin-bottom:22px}
html[lang^="ja"] .cosmic-interface .nebula-beat h2{line-break:strict;word-break:normal}
@media(max-width:760px){
 .cosmic-interface .nebula-beat[data-nebula-beat]{width:auto;left:7%;right:7%;bottom:calc(var(--baiyun-svh,1svh) * 14)}
 .cosmic-interface .nebula-beat h2{font-size:clamp(25px,7vw,34px)}
 .cosmic-interface .nebula-beat>p:not(.nebula-kicker){font-size:12px;line-height:1.7;margin-top:17px}
 .cosmic-interface .nebula-kicker{font-size:9px;margin-bottom:17px}
 .cosmic-interface .ocean-explore{font-size:11px;padding:12px 0 8px;margin-top:8px}
}
@media(max-height:640px){
 .cosmic-interface .nebula-beat[data-nebula-beat]{bottom:12%;width:min(720px,78vw)}
 .cosmic-interface .nebula-beat h2,.cosmic-interface .odyssey-copy h1{font-size:clamp(21px,3.4vh,30px);line-height:1.22;margin:10px 0}
 .cosmic-interface .nebula-beat>p:not(.nebula-kicker),.home .cosmic-interface .odyssey-copy>p:last-child{font-size:11px;line-height:1.5;margin-top:12px}
 .cosmic-interface .nebula-kicker{font-size:9px;margin-bottom:12px}
 .cosmic-interface .ocean-explore{font-size:11px;padding:8px 0;margin-top:4px}
}
.company-group-mark{margin:25px 0}.footer-company{font-size:12px;color:#667c8d;margin:16px 0 25px}
.partner-logo-grid.support-partners{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.support-partners .partner-logo-tile{display:flex;flex-direction:column;justify-content:center;gap:17px;min-height:180px;padding:26px 16px;border:1px solid #dfe8ef;background:#fff;border-radius:12px;transition:border-color .2s,transform .2s}
.support-partners .partner-logo-tile:hover{border-color:#8fbfff;transform:translateY(-3px)}
.partner-logo-wrap{display:flex;width:100%;height:60px;align-items:center;justify-content:center;overflow:hidden}
.support-partners .partner-logo{width:auto;max-width:100%;height:auto;max-height:60px;object-fit:contain}
.partner-logo-wrap.partner-openai .partner-logo{width:100%;height:100%;max-height:none;object-fit:cover;filter:grayscale(1) brightness(3)}
.partner-support-role{font-size:12px;color:#637c91;text-align:center;line-height:1.65}
.support-partners .partner-netcup .partner-logo{max-height:60px}.support-partners .partner-cloudflare .partner-logo{max-height:96px}
.partner-card .partner-service>span{font-size:11px}
.partner-card .partner-identity .partner-openai{max-width:240px}
.partner-card .partner-identity .partner-openai img{width:100%;height:60px;object-fit:cover;filter:grayscale(1) brightness(3)}
.news-section{background:#f6f9fc}.news-categories{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 32px}
.news-categories a{display:inline-flex;padding:9px 18px;border:1px solid #dce7ef;border-radius:30px;background:#fff;color:#54748b;font-size:12px}
.news-categories a:hover,.news-categories a[aria-current]{background:#edf5ff;border-color:#b6d5f8;color:#075cb5}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.news-card{padding:30px;border:1px solid #dee8f0;background:#fff;border-radius:12px;display:flex;flex-direction:column}
.news-meta{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#718799}.news-meta span{color:#0c65b8}
.news-card h3{font-size:22px;line-height:1.6;margin:18px 0}.news-card h3 a:hover{color:#0867be}
.news-card>p:not(.news-meta){font-size:13px;line-height:1.9;color:#667e91;flex:1}.news-card>.presentation-link{align-self:flex-start;padding:12px 0;background:none;border:0;border-radius:0;min-height:0;font-size:12px}
.article-main .page-heading h1{font-size:clamp(30px,4vw,58px);line-height:1.4;max-width:1000px}.article-main .page-content{max-width:780px}.article-main .prose h2{line-height:1.5;margin:42px 0 20px}
.participation-bottom{align-items:flex-start!important;gap:40px;scroll-margin-top:110px}.participation-contact{display:flex;gap:30px;align-items:center;margin-left:auto}
.contact-copy h3{font-size:22px;margin-bottom:13px}.contact-copy p{font-size:13px;color:#698094;max-width:25ch;line-height:1.8}.contact-copy a{color:#0968bd;font-size:16px;overflow-wrap:anywhere}
.contact-wechat{flex-shrink:0;text-align:center;width:148px}.contact-wechat>p{font-size:11px;color:#6f8396;margin:10px 0 0}
.wechat-qr{position:relative;width:100%;aspect-ratio:1;background:white;overflow:hidden;border:1px solid #e1e9f1;border-radius:8px}
.wechat-qr img{position:absolute;display:block;width:137.037037%;max-width:none;height:auto;left:-18.518519%;top:-44.444444%}
.join-page .contact-wechat{margin:26px 0;width:168px}
.interest-choice{position:relative;margin-bottom:23px}.join-form select.choice-native{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0;clip-path:inset(50%);pointer-events:none}
.interest-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:16px 18px;border:1px solid #d4deea;border-radius:8px;background:#f8faff;color:#7a8ba0;text-align:left;font-size:14px;line-height:1.5}
.interest-trigger.has-value{color:#19374e}.interest-trigger:hover{border-color:#90baf0}.interest-trigger[aria-expanded="true"],.interest-trigger:focus-visible{border-color:#1675e8;outline:2px solid #1675e825;outline-offset:2px}
.interest-trigger[aria-invalid="true"]{border-color:#c14444}.interest-trigger svg{width:18px;height:18px;flex-shrink:0;transition:transform .2s}.interest-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.interest-options{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:5;padding:7px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;box-shadow:0 10px 30px #112e4a16}
.interest-options[hidden]{display:none}.interest-options [role="option"]{padding:12px 13px;border-radius:6px;font-size:14px;line-height:1.5;color:#24475f;cursor:pointer}
.interest-options [role="option"]:hover,.interest-options [role="option"].is-active{background:#edf5ff;color:#0764c7}.interest-options [aria-selected="true"]{font-weight:600;background:#edf5ff}
@media(max-width:760px){
 .partner-logo-grid.support-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-partners .partner-logo-tile{min-height:145px;padding:23px 13px}.partner-logo-wrap{height:48px}.support-partners .partner-logo{max-height:48px}.partner-support-role{font-size:10px}
 .news-grid{grid-template-columns:1fr}.news-card{padding:24px}.news-card h3{font-size:20px}.news-categories{gap:8px}.news-categories a{font-size:11px;padding:8px 13px}
 .participation-bottom,.participation-contact{flex-direction:column;align-items:flex-start!important}.participation-contact{margin-left:0;gap:22px}.contact-wechat{width:150px}.contact-copy h3{font-size:20px}
}