/* Shared controls and text layout for all four languages. */
.site-header{top:0}
.site-header-row{gap:.5rem}
.header-actions{display:flex;flex-shrink:0;align-items:center;gap:.375rem}
.header-actions #mobile-menu-btn{display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2.5rem}
.language-picker{position:relative;flex-shrink:0;color:#4b5563;font-size:.8125rem;line-height:1.4}
.language-picker>summary{display:flex;align-items:center;justify-content:center;gap:.25rem;width:6.25rem;height:2.25rem;padding:.25rem .375rem;border-radius:.5rem;cursor:pointer;list-style:none;white-space:nowrap}
.language-symbol{display:block;flex-shrink:0;width:4.5rem;height:1.75rem}
.language-picker>summary::marker{content:""}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker>summary:hover{background:#f3f4f6}
.language-picker>summary>i{flex-shrink:0;font-size:1rem}
.language-picker>summary>.language-caret{font-size:.625rem;transition:transform .15s}
.language-picker[open]>summary>.language-caret{transform:rotate(180deg)}
.language-picker:not([open])>.language-links{display:none}
.language-links{position:absolute;z-index:1;top:calc(100% + .375rem);right:0;display:grid;gap:.125rem;width:10rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 5rem);max-height:calc(100dvh - 5rem);overflow-y:auto;padding:.375rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;box-shadow:0 8px 24px #1118271f}
.language-links a{display:flex;align-items:center;min-height:2.5rem;padding:.5rem .75rem;border-radius:.375rem;color:#4b5563;font-size:.875rem;text-decoration:none;white-space:nowrap}
.language-links a:hover{background:#f3f4f6}
.language-picker>summary:focus-visible,.language-links a:focus-visible{outline:2px solid #d97706;outline-offset:2px}
.language-links a[aria-current=page]{background:#fffbeb;color:#92400e;font-weight:600}
.desktop-menu>*{flex-shrink:0;white-space:nowrap}
.home-navigation .header-actions{margin-left:auto}
@media(min-width:768px){.home-navigation .desktop-menu{margin-left:auto;gap:.75rem;font-size:.875rem}.home-navigation .header-actions{margin-left:0}.home-navigation .desktop-menu>button{padding-inline:.75rem}}
@media(min-width:768px) and (max-width:1023px){.home-navigation:lang(en) .site-brand-label,.home-navigation:lang(vi) .site-brand-label{display:none}.home-navigation:lang(en) .desktop-menu,.home-navigation:lang(vi) .desktop-menu{gap:.5rem;font-size:.8125rem}.home-navigation:lang(en) .desktop-menu>button,.home-navigation:lang(vi) .desktop-menu>button{padding-inline:.5rem}.home-navigation:lang(en) .desktop-menu>button>i,.home-navigation:lang(vi) .desktop-menu>button>i{display:none}}
@media(min-width:768px) and (max-width:1279px){.home-navigation:lang(en) .desktop-menu>a,.home-navigation:lang(vi) .desktop-menu>a{flex-shrink:1;white-space:normal;line-height:1.2;text-align:center}}
@media(min-width:1024px){.home-navigation .desktop-menu{gap:2rem;font-size:1rem}.home-navigation .desktop-menu>button{padding-inline:1.25rem}}
@media(min-width:1024px) and (max-width:1279px){.home-navigation:lang(en) .desktop-menu,.home-navigation:lang(vi) .desktop-menu{gap:.75rem;font-size:.875rem}.home-navigation:lang(en) .desktop-menu>button,.home-navigation:lang(vi) .desktop-menu>button{padding-inline:1rem}}
@media(min-width:1280px){.home-navigation:lang(vi) .desktop-menu{gap:1.5rem}}
#features,#performance,#download,#software,#nnue-license{scroll-margin-top:5rem}
#mobile-menu.max-h-96{max-height:calc(100vh - 4rem);max-height:calc(100dvh - 4rem);overflow-y:auto}
.license-intro-badge{max-width:calc(100% - 2rem);justify-content:center;line-height:1.6}
.license-order-note{display:block;margin:.5rem 0 0;padding-inline:.75rem;font-size:.8125rem;line-height:1.6;white-space:nowrap}
#download-modal{overflow-y:auto;overscroll-behavior:contain}
#download-modal .download-dialog{min-width:0}
#download-modal .download-heading{gap:.75rem}
#download-modal .download-heading>div{min-width:0}
#download-modal .download-heading>button{flex-shrink:0}
#download-modal .download-choice{flex:1 1 auto;min-width:0;padding-inline:.5rem;white-space:nowrap}
.download-device-options>*{display:flex;min-width:0;min-height:3.25rem;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding-inline:.25rem;line-height:1.4;overflow-wrap:normal;word-break:normal}
.download-device-name{white-space:nowrap}
#download-panel-engine .flex{min-width:0}
#download-panel-engine .flex>i{flex-shrink:0}
.text-keep{white-space:nowrap}
.download-footer{font-size:.8125rem;line-height:1.6;text-wrap:pretty}
.download-notice{width:calc(100% - 2rem);max-width:28rem;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;overflow-y:auto;overscroll-behavior:contain}
.download-notice::backdrop{background:#11182799;backdrop-filter:blur(4px)}
.download-notice-copy{line-height:1.7;word-break:normal;overflow-wrap:normal;text-wrap:pretty}
.download-notice button:focus-visible,.download-notice a:focus-visible{outline:2px solid #d97706;outline-offset:2px}
@media(min-width:640px){.license-order-note{font-size:.875rem}}
@media(max-width:479px){#download-modal .download-modal-shell{padding:.75rem}#download-modal .download-heading,#download-modal .download-content{padding:1rem}#download-modal .download-tabs,#download-modal .download-footer{padding-inline:1rem}#download-modal .download-device-group{padding:.5rem}.download-device-options{gap:.375rem}.download-device-options>*{padding-inline:.125rem}}
@media(max-width:359px){#features h1{font-size:2rem}.mobile-quick-links{grid-template-columns:minmax(0,1fr)}.download-device-options{grid-template-columns:repeat(2,minmax(0,1fr))}.download-device-options>:last-child:nth-child(odd){grid-column:1/-1}.license-order-note{font-size:.75rem}}
@media(prefers-color-scheme:dark){.language-picker,.language-links a{color:#d1d5db}.language-picker>summary:hover,.language-links a:hover{background:#374151}.language-links{border-color:#4b5563;background:#1f2937}.language-links a[aria-current=page]{background:#f59e0b26;color:#fcd34d}}
