.au-page .ng-reading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:2rem}.au-page .ng-reading--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.au-page .ng-reading--reverse>.ar-figure{grid-column:1;grid-row:1}.au-page .ng-reading--reverse>div{grid-column:2}.ng-reading p:first-child{margin-top:0}.ng-reading p:last-child{margin-bottom:0}.ng-example{padding:1rem 1.2rem;border-left:.25rem solid var(--au-brand);background:var(--au-soft);margin-block:1.2rem}.ng-example p{margin-block:.4rem}.ng-example strong{color:var(--yd-ink)}.ng-hero-pipe{stroke-dasharray:1;animation:ng-pipe 1.5s .2s backwards}.ng-hero-flame{animation:ng-flame .7s 1.5s backwards}.ng-hero-water{stroke-dasharray:1;animation:ng-pipe 1s 2s backwards}.ng-hero-bill{animation:ng-bill .7s 2.6s backwards}.ng-workspace{margin-top:1.5rem}.ng-workspace .en-start-layout{display:block}.ng-workspace .en-start-main{min-width:0}@keyframes ng-pipe{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes ng-flame{from{opacity:0;translate:0 .4rem}to{opacity:1;translate:0 0}}@keyframes ng-bill{from{opacity:0;translate:1rem 0}to{opacity:1;translate:0 0}}@media(max-width:767px){.au-page .ng-reading,.au-page .ng-reading--reverse{grid-template-columns:1fr;gap:1.2rem}.au-page .ng-reading--reverse>.ar-figure,.au-page .ng-reading--reverse>div{grid-column:auto;grid-row:auto}.au-page .ng-reading--reverse>.ar-figure{order:2}}@media(prefers-reduced-motion:reduce){.ar-hero *{animation:none!important}}