/* Shared navigation and language controls, v22. Loaded after page styles. */
.desktop-nav{display:none}
.site-header .language{min-width:44px;min-height:44px;padding:10px 8px;font-size:12px;line-height:1;font-weight:750;border:1px solid #17202b25;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.reference-home .site-header .language{border-color:#ffffff35;color:#fff}
.site-header .language:hover{background:#17202b0b}
.reference-home .site-header .language:hover{background:#ffffff15}
.menu-bottom>a{display:inline-flex;align-items:center;min-height:44px}
.menu-dialog{overscroll-behavior:contain}
.menu-dialog nav a[aria-current=page]{font-weight:750}
.legal-page .legal-content{max-width:900px;margin:0 auto;padding-top:10px}
.legal-page .legal-content article{margin-bottom:38px}
.legal-page .legal-content h2{font-size:28px;margin-bottom:16px}
.legal-page .legal-content .bilingual{max-width:72ch;overflow-wrap:anywhere}
.legal-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:20px}
.legal-links a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.error-page .detail-heading{min-height:55vh}
.error-page .detail-heading>.pill{margin-top:28px}
@media(min-width:1200px){
 .site-header,.reference-home .site-header{padding:18px 2.5vw;gap:22px}
 .site-header .brand{flex-shrink:0;gap:12px}
 .site-header .brand img{width:56px;height:56px}
 .site-header .brand>span{font-size:14px;white-space:nowrap}
 .site-header .brand small{font-size:8px}
 .desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,1.65vw,28px);margin-left:auto}
 .desktop-nav a{position:relative;display:inline-flex;align-items:center;min-height:48px;font-size:16px;font-weight:650;white-space:nowrap}
 .desktop-nav a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
 .desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after{transform:scaleX(1)}
 .desktop-nav a[aria-current=page]{font-weight:800}
 .site-header .header-actions,.reference-home .header-actions{margin-left:0;gap:10px;flex-shrink:0}
 .site-header .menu-toggle{display:none}
 .site-header .header-actions .dark{min-height:48px;font-size:15px;padding:15px 23px;gap:14px}
}
@media(min-width:1200px) and (max-width:1359px){
 .site-header,.reference-home .site-header{padding-inline:24px;gap:18px}
 .desktop-nav{gap:15px}
 .site-header .brand>span{font-size:12px}
 .site-header .brand small{font-size:7.5px}
 .site-header .header-actions .dark{padding-inline:18px;gap:10px}
}
@media(max-width:1199px){.site-header .header-actions{margin-left:auto}}
@media(max-width:700px){
 .site-header,.reference-home .site-header{padding:12px 4vw;gap:8px}
 .site-header .brand{min-width:0;gap:7px;flex-shrink:1}
 .site-header .brand img{width:32px;height:32px;flex-shrink:0}
 .site-header .brand>span{font-size:8px;max-width:104px}
 .site-header .brand small{font-size:5.5px}
 .site-header .header-actions,.reference-home .header-actions{gap:5px;flex-shrink:0}
 .site-header .menu-toggle,.reference-home .menu-toggle{width:44px;min-height:44px;padding:12px!important}
 .site-header .header-actions .dark{min-height:44px;padding:13px 14px;font-size:12px;gap:0}
 .site-header .header-actions .dark .icon{display:none}
 .reference-home .nh-support-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
 .nh-support-strip>*{min-width:0;max-width:100%}
 .nh-support-strip p{overflow-wrap:anywhere}
 .nh-support-strip .nh-button{min-width:0;width:100%}
 .legal-page .legal-content h2{font-size:25px}
}
@media(max-width:359px){
 .site-header .brand>span{display:none}
 .site-header .brand img{width:36px;height:36px}
 .reference-home .nh-support-strip{grid-template-columns:minmax(0,1fr)}
 .nh-support-strip p{border-left:0;border-top:1px solid #173b2e33;padding:15px 0 0}
}
.error-page h1[lang=ml]{font-family:Anek,sans-serif;letter-spacing:0;font-size:clamp(34px,5vw,70px);line-height:1.4}
.error-page a[lang=ml]{font-family:Anek,sans-serif;font-size:18px}
.legal-links a{overflow-wrap:anywhere;min-width:0}
.error-page .detail-heading h1{overflow-wrap:anywhere}
.error-page .detail-heading>.pill{max-width:100%;white-space:normal;line-height:1.5;text-align:center}
@media(max-width:359px){.error-page .detail-heading h1[lang=ml]{font-size:30px}}