.ng-page{z-index:1;position:relative}.ng-page main{max-width:64rem;padding-inline:var(--gutter);margin-inline:auto}.ng-hero{padding-block:clamp(3.5rem,9vh,6rem) clamp(1.5rem,4vh,2.5rem)}.ng-hero h1{max-width:20ch}.ng-hero h1 em{font-variation-settings:"opsz" 96;background:linear-gradient(100deg, var(--client), var(--meet) 60%, var(--server));color:#0000;background-clip:text;font-family:Fraunces Variable,Georgia,serif;font-style:italic;font-weight:500}.ng-section{border-block-start:1px solid var(--edge);padding-block:clamp(1.5rem,4vh,2.5rem)}.ng-section p,.ng-section li{max-width:var(--measure);color:var(--muted);line-height:1.7}.ng-section strong{color:var(--text)}.ng-page code{font-family:var(--mono);color:var(--text);font-size:.875em}.ng-demo{border:1px solid var(--edge-strong);border-radius:var(--radius);background:var(--raised);block-size:min(52rem,85vh);inline-size:100%;display:block}.ng-links{flex-wrap:wrap;gap:1.25rem;display:flex}.ng-page a{color:var(--server)}.ng-page .action{color:var(--text)}.ng-code{border:1px solid var(--edge);border-radius:var(--radius);background:var(--inset);margin:1rem 0;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.7;overflow:auto}.ng-versions{padding-inline-start:1.25rem}
