/* Cloud navigation shared by all pages. */
header{position:relative;z-index:30}header .nav{position:static}header .links{position:static}
.cloud-nav{position:static}.cloud-nav-link{display:block;white-space:nowrap}.cloud-nav-link[aria-current="page"]{color:#6336ba!important}
.cloud-flyout{display:none;position:absolute;top:100%;left:0;right:0;z-index:40;background:#080a0b;color:white;box-shadow:0 20px 35px #0b132050;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 max(32px,calc((100vw - 1400px)/2));text-transform:none;letter-spacing:0}
.cloud-nav:hover .cloud-flyout,.cloud-nav:focus-within .cloud-flyout{display:grid}
.cloud-column{padding:28px 24px 36px;border:1px solid #5c6268;border-left:0;min-width:0}.cloud-column:first-child{border-left:1px solid #5c6268}.cloud-column h2{color:#c9f523;font:500 18px/1.3 'Space Grotesk',sans-serif;letter-spacing:0;margin:0 0 16px}.cloud-column h2:not(:first-child){margin-top:32px}.cloud-column a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;color:#fff;font:400 16px/1.35 'DM Sans',sans-serif;letter-spacing:0}.cloud-column a:hover,.cloud-column a:focus-visible{color:#c9f523}.cloud-column a span{font-size:20px}
@media(max-width:900px){.cloud-flyout{grid-template-columns:repeat(2,minmax(0,1fr));max-height:70vh;overflow:auto;padding:0 18px}.cloud-column{border:1px solid #5c6268!important}.cloud-nav-link{white-space:normal;max-width:135px}}
@media(max-width:600px){.cloud-flyout{grid-template-columns:1fr;left:0;right:0;padding:0 16px}.cloud-column{padding:18px}.cloud-column a{font-size:15px;padding:8px 0}.cloud-column h2:not(:first-child){margin-top:20px}}
.cloud-toggle{display:none;border:0;background:transparent;color:#6336ba;font-size:24px;cursor:pointer}
@media(max-width:900px){.cloud-nav{display:flex;align-items:center}.cloud-toggle{display:block}.cloud-nav.cloud-open .cloud-flyout{display:grid}}
/* Compact cloud menu and visible dropdown cue. */
.cloud-nav-link::after{content:"↓";display:inline-block;margin-left:10px;font-size:1.15em;line-height:1;vertical-align:middle;color:inherit}
.cloud-flyout{left:50%;right:auto;width:min(1400px,calc(100vw - 32px));transform:translateX(-50%);padding:0}
.cloud-column{padding:18px 20px 20px}
.cloud-column h2{font-size:16px;margin-bottom:8px}
.cloud-column h2:not(:first-child){margin-top:18px}
.cloud-column a{font-size:14px;padding:7px 0}
.cloud-column a span{font-size:17px}
@media(max-width:900px){.cloud-nav-link::after{display:none}.cloud-flyout{left:50%;right:auto;width:min(680px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:0}}
@media(max-width:600px){.cloud-flyout{width:calc(100vw - 32px)}.cloud-column{padding:14px 18px}.cloud-column a{font-size:14px;padding:7px 0}}
/* Keep arrows aligned within shorter columns, closer to their labels. */
@media(min-width:901px){
  .cloud-flyout{width:min(1120px,calc(100vw - 32px));grid-template-columns:1.3fr .9fr 1fr .9fr}
  .cloud-column{padding-left:18px;padding-right:18px}
}
/* Place each arrow directly after its label. */
.cloud-column a{justify-content:flex-start;gap:10px}
.cloud-column a span{flex:none}
/* Bring each column border closer to its final arrow. */
@media(min-width:901px){
  .cloud-flyout{width:min(850px,calc(100vw - 32px));grid-template-columns:1.45fr .95fr 1.1fr .95fr}
  .cloud-column{padding-left:14px;padding-right:14px}
}
/* Position the Cloud dropdown beneath its own navigation title. */
.cloud-nav{position:relative}
.cloud-nav::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.cloud-flyout{left:50%;right:auto;top:calc(100% + 12px);transform:translateX(-50%)}
@media(min-width:901px){.cloud-flyout{width:min(700px,calc(100vw - 32px))}}
@media(min-width:601px) and (max-width:900px){.cloud-flyout{width:min(600px,calc(100vw - 32px))}}
@media(max-width:600px){.cloud-flyout{position:fixed;top:72px;left:16px;right:16px;width:auto;transform:none}}