/* Spec: A11 the approved Lounge hand-over (s4-live: the page he leaves stays drawn while the next one arrives); A15 the content rule. */
/* A Lounge page starts with the class "arriving" in its own markup: a style attribute would be refused by the content rule.
   While it arrives, every part is hidden, also a part that the drawing shows itself, so no empty page, lone stone sheet or
   closed folio is ever seen. The drawing takes the class away in the frame where it is drawn (arrival.js). */
html.arriving body,html.arriving body *{visibility:hidden!important}
/* Between two Lounge pages the browser keeps the picture of the page he left on the screen until the next one is drawn, as
   the approved hand-over does. It is only a picture: that page has already cleared its member data when the browser left it.
   The next page ends the hold in the frame where it is drawn, or at once when it cannot be drawn; after 8 seconds at most. */
@view-transition{navigation:auto}
::view-transition-group(root){animation:none}
/* The incoming snapshot can have been taken while this page was hidden. Keep the old picture until skipTransition
   removes the whole overlay; switching pictures when arriving is removed can expose that empty snapshot for a frame. */
::view-transition-old(root){animation:lounge-hold 8s linear;opacity:1}
::view-transition-new(root){animation:none;opacity:0}
@keyframes lounge-hold{from{opacity:1}to{opacity:1}}
/* A dock key is a link, not a button. Chrome's own touch flash must not shade the outgoing picture or its snapshot.
   This changes no drawn key or section motion; it uses the same touch rule as the existing buttons. */
.dock a{-webkit-tap-highlight-color:transparent}