/* The same navigation markup is shared by the homepage and generated pages. */
#primary-navigation .nav-preview-item{height:68px;display:flex;align-items:center;position:relative;white-space:nowrap}
#primary-navigation .nav-preview-item>a{height:100%;display:inline-flex;align-items:center;position:relative}
#primary-navigation .nav-preview-item>a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#0066ff;transform:scaleX(0);transform-origin:center;transition:transform .24s}
#primary-navigation .nav-preview-item[data-preview-active] >a{color:#0066ff}
#primary-navigation .nav-preview-item[data-preview-active] >a:after{transform:scaleX(1)}
.nav-preview-expand,.nav-preview-mobile-list{display:none}
.nav-preview-backdrop{position:fixed;inset:68px 0 0;z-index:40;background:#13283a27;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.nav-preview-panel{position:absolute;top:100%;left:0;right:0;z-index:2;background:#fff;border-top:1px solid #eaf0f7;border-bottom:1px solid #dfe9f5;box-shadow:0 18px 38px #203b5b17;color:#213952;overflow:hidden;max-height:calc(100dvh - 68px);isolation:isolate}
.nav-preview-panel[data-state="closing"],.nav-preview-backdrop[data-state="closing"]{pointer-events:none}
.nav-preview-content.is-leaving{position:absolute;inset:0 0 auto;width:100%;pointer-events:none}
.nav-preview-indicator{display:none}
.nav-preview-content{max-width:1280px;margin:auto;padding:28px 24px 34px;display:grid;grid-template-columns:215px minmax(0,1fr) 234px;gap:27px;min-height:315px;max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain}
.nav-preview-intro{border-right:1px solid #e5edf6;padding:5px 25px 5px 0;display:flex;flex-direction:column;align-items:flex-start}
.nav-preview-eyebrow,.nav-preview-section-label,.nav-preview-feature-kicker,.nav-preview-counter{font:12px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.1px;color:#6c9fd3}
.nav-preview-intro h2{font-size:25px;color:#152f4e;font-weight:600;line-height:1.4;margin:16px 0 12px}
.nav-preview-intro p{font-size:12px;line-height:1.9;color:#71869c}
.nav-preview-all{font-size:12px;color:#0066ff;display:inline-flex;align-items:center;gap:20px;margin-top:25px;font-weight:500}
.nav-preview-all:hover{color:#0055d5;text-decoration:underline;text-underline-offset:4px}
.nav-preview-all span{transition:transform .2s}.nav-preview-all:hover span{transform:translate(2px,-2px)}
.nav-preview-counter{margin-top:auto;padding-top:20px;color:#a1b6ce}
.nav-preview-directory{min-width:0;padding-top:4px}
.nav-preview-section-label{display:block;margin:0 0 16px;color:#789abf}
.nav-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 11px}
.nav-preview-link{min-width:0;display:flex;gap:10px;align-items:flex-start;position:relative;padding:12px 9px 13px;border-radius:7px;transition:background .22s,transform .22s}
.nav-preview-link:hover,.nav-preview-link:focus-visible{background:#eff6ff;transform:translateY(-2px)}
.nav-preview-index{flex-shrink:0;width:21px;height:21px;border-radius:5px;background:#edf5ff;color:#3988e5;display:grid;place-items:center;font:12px/1 ui-monospace,monospace}
.nav-preview-link>span:first-child{display:grid;gap:6px;min-width:0;padding-top:1px}
.nav-preview-link strong{font-size:12px;color:#294967;font-weight:550;line-height:1.4}
.nav-preview-link small{font-size:12px;color:#8da1b5;line-height:1.5;font-weight:400;white-space:normal}
.nav-preview-arrow{margin-left:auto;color:#75a7da;font-size:16px;opacity:0;transition:opacity .22s,transform .22s}
.nav-preview-link:hover .nav-preview-arrow,.nav-preview-link:focus-visible .nav-preview-arrow{opacity:1;transform:translate(1px,-1px)}
.nav-preview-feature{min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #d8e9fa;border-radius:11px;padding:16px 16px 20px;background:linear-gradient(143deg,#f8fcff,#d9edff 80%,#cbe7ff);transition:border-color .22s,box-shadow .22s,transform .22s}
.nav-preview-feature:hover,.nav-preview-feature:focus-visible{border-color:#9ac9ff;box-shadow:0 8px 26px #3694ed1c;transform:translateY(-3px)}
.nav-preview-feature:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(115deg,transparent 20%,#000 100%);-webkit-mask-image:linear-gradient(115deg,transparent 20%,#000 100%);opacity:.7;pointer-events:none}
.nav-preview-feature-kicker{position:relative;z-index:1;color:#6d9ac6;font-size:12px}
.nav-preview-art{align-self:center;position:relative;width:104px;height:104px;display:grid;place-items:center;margin:5px 0 6px;color:#fff}
.nav-preview-art i{position:absolute;border:1px solid #82c1ff;border-radius:50%;width:93px;height:93px;opacity:.5;transform:rotateX(55deg) rotate(-28deg)}
.nav-preview-art i:nth-child(2){transform:rotateY(55deg) rotate(36deg);width:99px;height:99px}
.nav-preview-art i:nth-child(3){width:70px;height:70px;border-color:#fff;box-shadow:0 0 14px #fff8}
.nav-preview-art b{z-index:1;width:44px;height:44px;border-radius:15px;background:linear-gradient(130deg,#6fc0ff,#0066ff);box-shadow:0 7px 20px #1678e65e,inset 0 1px 0 #fffc;display:grid;place-items:center;font:17px/1 ui-monospace,monospace;letter-spacing:-1px}
.nav-preview-feature>strong{position:relative;z-index:1;font-size:14px;font-weight:550;color:#1d4671;margin:4px 0 7px}
.nav-preview-feature-copy{position:relative;z-index:1;font-size:12px;line-height:1.7;color:#637f9e;min-height:34px}
.nav-preview-feature-action{position:relative;z-index:1;font-size:12px;color:#0066ff;margin-top:auto;padding-top:10px}
@media(min-width:1024px){
  #primary-navigation{position:relative}
  #primary-navigation[data-preview-enhanced] .nav-preview-item>a:after{display:none}
  #primary-navigation>.nav-preview-indicator{margin:0}
  .nav-preview-indicator{display:block;position:absolute;bottom:0;left:0;height:2px;width:0;background:#0066ff;opacity:0;pointer-events:none;transition:transform .26s cubic-bezier(.22,.61,.36,1),width .26s cubic-bezier(.22,.61,.36,1),opacity .18s}
}
@media(min-width:1024px) and (max-width:1199px){.nav-preview-content{grid-template-columns:190px minmax(0,1fr) 195px;gap:18px}.nav-preview-intro{padding-right:18px}.nav-preview-link{gap:7px;padding-left:5px;padding-right:4px}.nav-preview-link small{font-size:12px}}
@media(max-width:1023px){
  .nav-preview-panel,.nav-preview-backdrop{display:none!important}
  #primary-navigation .nav-preview-item{height:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;white-space:normal}
  #primary-navigation .nav-preview-item>a{height:auto;min-height:28px;flex:1}
  #primary-navigation .nav-preview-item>a:after{display:none}
  #primary-navigation .nav-preview-expand{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e0ebf7;border-radius:6px;background:#f7fbff;color:#477eb8;flex-shrink:0}
  #primary-navigation .nav-preview-expand:after{content:"⌄";font-size:18px;line-height:1;transform:translateY(-3px);transition:transform .2s}
  #primary-navigation .nav-preview-expand[aria-expanded="true"]:after{transform:rotate(180deg) translateY(2px)}
  #primary-navigation .nav-preview-mobile-list:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;width:100%;padding:9px 0 0}
  #primary-navigation .nav-preview-mobile-list a{display:flex;justify-content:space-between;gap:10px;min-width:0;padding:9px 11px;border-radius:5px;background:#f4f9ff;color:#547aa3;font-size:12px;line-height:1.4}
  #primary-navigation .nav-preview-mobile-list a:hover,#primary-navigation .nav-preview-mobile-list a:focus-visible{background:#e8f2ff;color:#0066ff}
  #primary-navigation .nav-preview-mobile-list a span{color:#7aa5d6}
}
@media(max-width:599px){#primary-navigation .nav-preview-mobile-list:not([hidden]){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nav-preview-panel,.nav-preview-indicator,.nav-preview-feature,.nav-preview-link,.nav-preview-all span{animation:none!important;transition:none!important}}