/* Shared header overrides page-specific legacy navigation rules. */
.site-header{position:sticky;top:0;z-index:100;background:#05070ff5;border-bottom:1px solid #ffffff12;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
.site-header .header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px;padding:0}
.site-header .brand{width:150px;flex:0 0 150px}
.site-header .brand img{display:block;width:100%;height:auto}
.site-header .nav{display:flex;width:auto;flex-direction:row;align-items:center;gap:20px;padding:0;font-size:12px}
.site-header .nav>a{white-space:nowrap}
.site-header .nav>a:not(.button){padding:14px 0;border:0;text-decoration:none}
.site-header .nav>a[aria-current]{color:#ff8b80;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.site-header .nav .button{font-size:12px;padding:15px 20px;margin:0;align-self:center;gap:18px}
.site-header .menu-toggle{display:none}
@media(max-width:1199px){
 .site-header .header-inner{min-height:84px;flex-wrap:wrap;gap:0;padding:10px 0}
 .site-header .brand{width:140px;flex-basis:140px}
 .site-header .menu-toggle{display:block;min-height:44px}
 .site-header .nav{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:15px 0 8px;font-size:14px}
 .js .site-header .nav{display:none}
 .js .site-header .nav.is-open{display:flex}
 .site-header .nav>a:not(.button){padding:15px 0;border-top:1px solid #ffffff20}
 .site-header .nav .button{align-self:flex-start;margin-top:12px;font-size:13px}
}
@media print{.site-header{display:none}}
/* Lot 1: four entry points, progressive disclosure, shared footer. */
.site-header{overflow:visible}
.site-header .nav{gap:32px;font-size:13px}
.nav-group{position:relative;border:0;margin:0;padding:0}
.site-header .nav-group summary{display:flex;align-items:center;gap:9px;padding:18px 0;cursor:pointer;list-style:none;color:inherit;font:inherit;border:0;background:none;white-space:nowrap}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{display:none}
.site-header .nav-group summary.is-current{color:#ff8b80;text-decoration:underline;text-underline-offset:8px}
.site-header .nav-panel{position:absolute;top:100%;left:-22px;min-width:260px;padding:12px 22px;background:#11141b;border:1px solid #ffffff25;box-shadow:0 20px 36px #0004;border-radius:4px}
.site-header .nav-panel a{display:block;padding:13px 0;color:#f4f2ee;text-decoration:none;line-height:1.5}
.site-header .nav-panel a:hover,.site-header .nav-panel a[aria-current]{color:#ff8b80}
.nav-oracle{border-top:1px solid #ffffff25;margin-top:8px;padding-top:16px}
.nav-oracle small{display:block;color:#b7b9c0;font-size:11px;line-height:1.6}
.site-header :is(a,summary,button):focus-visible{outline:2px solid #ff8b80;outline-offset:5px}
.cloud-method{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cloud-method .spark-map{grid-column:1/-1;margin:16px 0 0}
.simplified-note{max-width:850px;margin-top:32px;line-height:1.8}
@media(max-width:1199px){
 .site-header{max-height:100dvh;overflow-y:auto}
 .site-header .nav{gap:0}
 .site-header .nav-group summary{padding:16px 0;border-top:1px solid #ffffff20;justify-content:space-between}
 .site-header .nav-panel{position:static;min-width:0;padding:0 18px 12px;border:0;border-left:1px solid #bd4139;box-shadow:none;border-radius:0}
 .site-header .nav-panel a{min-height:44px}
}
@media(max-width:700px){.cloud-method{grid-template-columns:1fr;gap:24px}}

.story-image img.whitepaper-cover{object-fit:contain;background:#e9e5df;padding:16px}