/* The guide changes inside one page; the header and platform navigation stay live. */
.install-platforms.is-enhanced{position:relative;isolation:isolate}
.install-platforms.is-enhanced>a{position:relative;z-index:1;background:transparent}
.install-platforms.is-enhanced>a[aria-current=page]{border-color:transparent;background:transparent}
.install-platforms.is-enhanced>a>.icon{transition:color .3s ease}
.install-platform-glider{position:absolute;left:0;top:0;z-index:0;border:1px solid #e07b3970;border-radius:10px;background:#e07b390c;pointer-events:none;transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1)}
.install-platform-glider.is-positioning{transition:none}
.install-platforms a[data-loading]::after{content:'';position:absolute;right:8px;top:8px;width:9px;height:9px;border:1px solid #e07b3933;border-top-color:var(--orange);border-radius:50%;animation:install-loading .8s linear infinite}
.install-view-host{position:relative;overflow-anchor:none}
.install-view{display:flow-root;min-width:0}
.install-view.is-leaving{position:absolute;inset:0 0 auto;pointer-events:none}
.install-view h1:focus{outline:none}
.install-navigation-notice{margin:-9px 0 20px;color:var(--muted);font-size:13px;text-align:center}
.install-navigation-notice a{color:#f5a05c;text-decoration:underline;text-underline-offset:3px;margin-left:8px}
.install-navigation-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Each of the overlapping guides keeps its own mobile layout during the crossfade. */
.install-view[data-page="tv-guide"] .install-instruction{overflow-wrap:normal}
@media(max-width:760px){
  .install-view[data-page="tv-guide"] .install-card:first-child{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px 12px}
  .install-view[data-page="tv-guide"] .install-card:first-child .install-step-heading{grid-column:1/-1;margin:0}
  .install-view[data-page="tv-guide"] .install-card:first-child .install-caption{grid-column:1/-1;margin:0;padding-top:1px;text-align:left}
}
@keyframes install-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .install-platform-glider,.install-platforms.is-enhanced>a>.icon{transition:none}
  .install-platforms a[data-loading]::after{animation:none;border-color:var(--orange)}
}