/* Navigation content extends the site's shared Radar document components. */
.n96-hero-screen{margin:0 auto;max-width:270px;transform:rotate(3deg)}
.n96-hero-screen img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:var(--sh-2)}
.n96-release{width:100%;align-items:flex-start;margin:0}
.n96-release strong{display:block;margin-bottom:6px;font-size:16px}
.n96-release p{margin:0;font-size:14px;line-height:1.65}
.n96-release>svg{flex:none;margin-top:3px}
.n96-steps h3{margin:0 0 8px;font-size:21px}
.n96-steps>li{margin-bottom:22px}
.n96-package{margin:24px 0;padding:24px}
.n96-package h3{margin:0 0 16px}
.n96-package dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 16px}
.n96-package dt{font-size:14px;color:var(--fg-2)}
.n96-package dd{margin:4px 0 0;font-size:23px;font-weight:700;font-variant-numeric:tabular-nums}
.n96-package p{margin:0;color:var(--fg-2);font-size:14px}
.n96-downloads{display:flex;align-items:center;gap:30px;margin:32px 0}
.n96-downloads img{display:block;width:210px;max-width:45%;height:auto;border-radius:14px}
.n96-downloads figcaption{max-width:30ch;color:var(--fg-2);font-size:15px;line-height:1.7}
.n96-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:36px}
.n96-regions .av-rel{font-size:14px;gap:10px}
.n96-regions span{flex:1;min-width:0}
.n96-regions small{font-size:12px;color:var(--fg-2);white-space:nowrap}
.n96-regions svg{flex:none}
.n96-aside-links{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.n96-attribution{color:var(--fg-2);font-size:14px;margin-top:28px}
.n96-anchor{display:block;scroll-margin-top:calc(var(--hdr-h) + 20px)}
body[class*="av-page-navigator"] .av-prose .av-btn,body.av-page-app\/navigation .av-prose .av-btn{max-width:100%;min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere}
@media(min-width:1081px){body[class*="av-page-navigator"] .av-toc,body.av-page-app\/navigation .av-toc{position:sticky;top:calc(var(--hdr-h) + 18px)}}
@media(max-width:860px){body[class*="av-page-navigator"] .av-hero__art,body.av-page-app\/navigation .av-hero__art{order:initial;justify-self:center;width:100%}.n96-hero-screen{max-width:220px;transform:none}}
@media(max-width:560px){.n96-regions{grid-template-columns:1fr}.n96-package{padding:18px}.n96-package dl{gap:12px}.n96-package dd{font-size:21px}.n96-downloads{gap:18px;align-items:flex-start}.n96-downloads figcaption{font-size:14px}.n96-aside-links{display:flex;flex-wrap:wrap;gap:4px}.n96-release{padding:16px}}