/* Shared floating header. Its original 88px slot keeps the hero and page content in place. */
.nwdc-header-slot { position:relative; z-index:30; height:88px; padding:12px clamp(12px,1.7vw,28px); box-sizing:border-box; }
.nwdc-header-slot .nwdc-next-nav { position:relative; z-index:20; display:flex; align-items:center; gap:24px; width:100%; max-width:1408px; min-height:64px; margin:0 auto; padding:8px 24px; border:1px solid #d1f1f52b; border-radius:18px; background:radial-gradient(ellipse at 12% 0%,#7ccbd51a,transparent 55%),linear-gradient(120deg,#ffffff08,transparent 45%),#08232ef5; color:#f4f7f6; box-shadow:inset 0 1px 0 #ffffff12,inset 0 -1px 0 #03121966,0 12px 30px #020b1038; box-sizing:border-box; }
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))) {
 .nwdc-header-slot .nwdc-next-nav { background:radial-gradient(ellipse at 12% 0%,#7ccbd51a,transparent 55%),linear-gradient(120deg,#ffffff08,transparent 45%),#08232edb; -webkit-backdrop-filter:blur(20px) saturate(125%); backdrop-filter:blur(20px) saturate(125%); }
}
.nwdc-next-nav *, .nwdc-next-nav *::before, .nwdc-next-nav *::after { box-sizing:border-box; }
.nwdc-next-nav__brand { display:flex; align-items:center; flex-shrink:0; width:148px; min-height:44px; margin-right:auto; text-decoration:none; }
.nwdc-next-nav__brand img { display:block; width:100%; height:auto; object-fit:contain; }
.nwdc-next-nav__content { display:flex; align-items:center; gap:22px; }
.nwdc-next-nav :is(a,summary,button) { -webkit-tap-highlight-color:transparent; }
.nwdc-next-nav__content a, .nwdc-next-nav summary, .nwdc-language__dropdown a, .nwdc-next-nav__toggle { position:relative; display:flex; align-items:center; gap:9px; min-height:44px; color:#f4f7f6; font:900 14px/1.4 Inter,sans-serif; font-synthesis:none; text-decoration:none; white-space:nowrap; transition:color 200ms ease,background-color 200ms ease; }
.nwdc-next-nav :is(a,summary,button):focus-visible { outline:2px solid var(--nwdc-yellow); outline-offset:4px; border-radius:5px; }
.nwdc-next-nav__content > a:not(.nwdc-button)::after, .nwdc-next-nav summary::after, .nwdc-next-nav__dropdown a::after { content:''; position:absolute; right:0; bottom:6px; left:0; height:2px; border-radius:2px; background:var(--nwdc-yellow); transform:scaleX(0); transform-origin:left; transition:transform 200ms ease; pointer-events:none; }
.nwdc-next-nav :is(summary,a:not(.nwdc-button)):is(:hover,:focus-visible), .nwdc-next-nav details[open] > summary { color:var(--nwdc-yellow); }
.nwdc-next-nav :is(summary,a):is(:hover,:focus-visible)::after, .nwdc-next-nav details[open] > summary::after { transform:scaleX(1); }
.nwdc-next-nav details { position:relative; }
.nwdc-next-nav summary { cursor:pointer; list-style:none; }
.nwdc-next-nav summary::-webkit-details-marker { display:none; }
.nwdc-nav-chevron { display:block; flex:none; width:7px; height:7px; border:solid currentColor; border-width:0 1.7px 1.7px 0; transform:translateY(-2px) rotate(45deg); transition:transform 200ms ease; margin-left:3px; }
.nwdc-next-nav details[open] > summary .nwdc-nav-chevron { transform:translateY(2px) rotate(225deg); }
.nwdc-next-nav__dropdown { position:absolute; z-index:2; top:calc(100% + 14px); left:-18px; min-width:240px; padding:10px; border:1px solid #d1f1f52e; border-radius:14px; background:linear-gradient(135deg,#ffffff07,transparent 65%),#08232ef5; box-shadow:inset 0 1px 0 #ffffff12,0 16px 32px #020b1059; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); }
/* This invisible bridge belongs to the disclosure, so pointer travel never crosses a dead gap. */
.nwdc-next-nav__dropdown::before { content:''; position:absolute; right:-1px; bottom:100%; left:-1px; height:16px; }
.nwdc-next-nav details[open] > .nwdc-next-nav__dropdown { animation:nwdc-nav-enter 200ms ease both; }
.nwdc-next-nav__dropdown a { min-height:48px; padding:12px; border-radius:8px; }
.nwdc-next-nav__dropdown a::after { left:12px; right:12px; bottom:6px; }
.nwdc-next-nav__dropdown a:is(:hover,:focus-visible) { background:#ffffff07; }
.nwdc-next-nav .nwdc-button { min-height:46px; padding:12px 17px; gap:12px; border:1px solid var(--nwdc-yellow); border-radius:10px; background:var(--nwdc-yellow); color:#06151d!important; font-size:14px; font-weight:900; box-shadow:inset 0 1px 0 #ffffff33,0 3px 10px #00000014; }
.nwdc-next-nav .nwdc-button:hover { background:var(--nwdc-yellow-hover); }
.nwdc-nav-arrow { color:#06151d; display:inline-block; transition:transform 200ms ease; }
.nwdc-button:is(:hover,:focus-visible) .nwdc-nav-arrow { transform:translate(2px,-2px); }
.nwdc-language { flex:none; }
.nwdc-language > summary { gap:8px; }
.nwdc-language__flag { display:inline-flex; flex:none; width:23px; height:16px; border-radius:3px; overflow:hidden; box-shadow:0 0 0 1px #ffffff24; }
.nwdc-language__flag svg { display:block; width:100%; height:100%; }
.nwdc-language .nwdc-language__dropdown { right:-10px; left:auto; min-width:224px; }
.nwdc-language__dropdown a { gap:12px; }
.nwdc-language__code { margin-left:auto; font-size:11px; color:#bdd2d6; }
.nwdc-language__dropdown a[aria-current] { background:#ffffff0a; }
.nwdc-next-nav__toggle { display:none; flex:none; border:1px solid #ffffff24; border-radius:10px; background:#ffffff05; min-height:44px; padding:8px 12px; cursor:pointer; gap:10px; }
.nwdc-next-nav__toggle-mark { font-size:20px; line-height:1; }
@keyframes nwdc-nav-enter { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:1280px) and (max-width:1499px) {
 .nwdc-header-slot .nwdc-next-nav { gap:18px; padding-inline:20px; }
 .nwdc-next-nav__content { gap:17px; }
 .nwdc-next-nav__brand { width:138px; }
}
@media(min-width:1500px) {
 .nwdc-next-nav__content a, .nwdc-next-nav summary, .nwdc-language__dropdown a { font-size:15px; }
}
@media(max-width:1279px) {
 .nwdc-header-slot .nwdc-next-nav { flex-wrap:wrap; padding:9px 16px; gap:10px; min-height:64px; }
 .nwdc-next-nav__brand { order:1; width:132px; }
 .nwdc-language { order:2; }
 .nwdc-next-nav__toggle { display:flex; order:3; }
 .nwdc-next-nav__content { order:4; flex-basis:100%; min-width:0; flex-direction:column; align-items:stretch; gap:0; margin-top:2px; padding:10px 2px 4px; border-top:1px solid #ffffff24; max-height:calc(100vh - 116px); max-height:calc(100dvh - 116px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
 .nwdc-next-nav__content:not([hidden]) { animation:nwdc-nav-enter 200ms ease both; }
 .nwdc-next-nav__content > a, .nwdc-next-nav__diving > summary { min-height:50px; padding:13px 4px; font-size:16px; white-space:normal; }
 .nwdc-next-nav__diving > summary { justify-content:space-between; }
 .nwdc-next-nav__diving > .nwdc-next-nav__dropdown { position:static; min-width:0; margin:2px 0 10px; padding:6px; border-radius:10px; background:#04192388; box-shadow:inset 0 1px 0 #ffffff05; }
 .nwdc-next-nav__diving > .nwdc-next-nav__dropdown::before { display:none; }
 .nwdc-next-nav__diving .nwdc-next-nav__dropdown a { min-height:48px; font-size:15px; }
 .nwdc-next-nav__content .nwdc-button { justify-content:space-between; margin-top:10px; padding:14px 16px; min-height:50px; font-size:16px; }
 .nwdc-language .nwdc-language__dropdown { right:-52px; }
 .nwdc-header-slot:not(.is-enhanced) { height:auto; min-height:88px; }
}
@media(max-width:380px) {
 .nwdc-header-slot { padding-inline:10px; }
 .nwdc-header-slot .nwdc-next-nav { padding-inline:11px; gap:8px; }
 .nwdc-next-nav__brand { width:112px; }
 .nwdc-language > summary { gap:6px; font-size:13px; }
 .nwdc-next-nav__toggle { padding-inline:8px; gap:6px; font-size:13px; }
 .nwdc-language__flag { width:21px; height:14px; }
}
@media(prefers-reduced-motion:reduce) {
 .nwdc-next-nav *, .nwdc-next-nav *::before, .nwdc-next-nav *::after { animation:none!important; transition:none!important; }
}
@media print { .nwdc-header-slot { display:none!important; } }