/* Native display controls: no fixed overlay and no changes to default content. */
.ng-display-toolbar[hidden]{display:none}
/* Reserve the utility row before first paint to avoid a script-induced layout shift. */
html.ng-display-available .ng-display-toolbar[hidden]{display:block;visibility:hidden}
.ng-display-toolbar{border-bottom:1px solid var(--line,#454851);background:var(--paper,#090b0e)}
.ng-display-toolbar>.wrap{display:flex;justify-content:flex-end}
.ng-display-open{min-height:44px;padding:8px 0;border:0;background:none;color:var(--ink,#f5f5f5);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.ng-display-dialog{color:#f5f6f7;background:#111318;border:1px solid #9ba4b1;border-radius:16px;width:440px;max-width:calc(100% - 24px);max-height:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;line-height:1.55;font-size:16px;color-scheme:dark}
.ng-display-dialog::backdrop{background:rgb(0 0 0 / .72)}
.ng-display-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.ng-display-dialog h2{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:8px 0 16px;overflow-wrap:anywhere}
.ng-display-dialog p{font-size:15px;color:#d5dae1;margin:0 0 16px}
.ng-display-dialog button,.ng-display-dialog select{font:inherit;min-height:44px;color:#f5f6f7;background:#20252e;border:1px solid #8995a6;border-radius:6px;padding:9px 12px}
.ng-display-dialog select{width:100%;margin:8px 0 16px}
.ng-display-dialog .ng-display-close{flex:none}
.ng-display-size{font-weight:650}
.ng-display-check{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;padding-block:8px}
.ng-display-check input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:#dbf58c}
.ng-display-dialog .ng-display-note{font-size:14px;margin-top:16px}
.ng-display-dialog .ng-display-status{font-size:14px;margin:12px 0 0;min-height:1.55em}
.ng-display-dialog :focus-visible,.ng-display-open:focus-visible{outline:3px solid #dbf58c;outline-offset:3px}
html[data-ng-links] body a{text-decoration-line:underline!important;text-underline-offset:.2em;text-decoration-thickness:max(1px,.07em)}
html[data-ng-text="125"]{--ng-reading-scale:1.25}
html[data-ng-text="150"]{--ng-reading-scale:1.5}
html[data-ng-text="200"]{--ng-reading-scale:2}
/* Reading text is independent of the compact navigation and display controls. */
html[data-ng-text] main :is(p,li,td,th,dt,dd,caption,figcaption,summary,blockquote,label){font-size:calc(1rem * var(--ng-reading-scale))!important;line-height:1.65!important;overflow-wrap:anywhere;max-width:100%}
html[data-ng-text] main :is(p,li,td,th,dt,dd,caption,figcaption,summary,blockquote,label) :is(a,span,strong,em,small){font-size:inherit!important;white-space:normal}
html[data-ng-text] main :is(h2,h3,h4){overflow-wrap:anywhere;hyphens:auto}
html[data-ng-text] main h2{font-size:calc(1.8rem * var(--ng-reading-scale))!important}
html[data-ng-text] main h3{font-size:calc(1.35rem * var(--ng-reading-scale))!important}
html[data-ng-text] main h4{font-size:calc(1.1rem * var(--ng-reading-scale))!important}
html[data-ng-text] main :is(.guide-row,.section-head){flex-wrap:wrap}
html[data-ng-text] main :is(.hero-panel,.category-grid,.tool-grid,.feature-split,.guide-list,.article-layout){grid-template-columns:minmax(0,1fr)}
html[data-ng-text] main .article-sidebar{position:static}
html[data-ng-motion],html[data-ng-motion] *{scroll-behavior:auto!important}
html[data-ng-motion] *,html[data-ng-motion] *::before,html[data-ng-motion] *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html,html *{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:none){
  html[data-ng-contrast]{--paper:#000;--white:#000;--ink:#fff;--muted:#fff;--line:#d0d0d0;--lime:#ffff80;--olive:#ffff80;--learn-accent:#ffff80;--learn-muted:#fff;--learn-line:#d0d0d0}
  html[data-ng-contrast] body,html[data-ng-contrast] body :where(:not(img):not(video):not(iframe):not(svg):not(svg *)){color:#fff!important;background-color:#000!important;background-image:none!important;border-color:#d0d0d0!important;text-shadow:none!important;box-shadow:none!important}
  html[data-ng-contrast] body a,html[data-ng-contrast] body a *{color:#ffff80!important}
  html[data-ng-contrast] body :is(button,input,select,textarea){border:1px solid #fff!important;accent-color:#ffff80}
  html[data-ng-contrast] body :is(button[aria-pressed="true"],[aria-selected="true"]){outline:2px solid #ffff80;outline-offset:2px}
  html[data-ng-contrast] body :focus-visible{outline:3px solid #ffff80!important;outline-offset:3px}
}
@media(forced-colors:active){.ng-display-dialog{border:2px solid CanvasText}.ng-display-dialog :focus-visible,.ng-display-open:focus-visible{outline:3px solid Highlight}}
@media(max-width:380px){.ng-display-dialog{padding:16px}.ng-display-dialog h2{font-size:21px}.ng-display-heading{gap:10px;flex-wrap:wrap}.ng-display-heading h2{flex:1 0 175px}}