/* What turns a desk route into a phone screen, and nothing else.
 *
 * Lane phone-extend gives a route a second page: the desk page it already had,
 * and the stack version D asks for. Exactly one of the two is displayed at any
 * width, and the three rules below are the whole switch.
 *
 * The stack is hidden by default rather than shown, and the desk page is hidden
 * only under `[data-phone='stack']` - a stamp site/phone-cut.js writes when it
 * has actually raised the cut. A route whose scripts never ran therefore serves
 * master's own page, which is the floor site/phone-kit.js degrades to.
 *
 * Nothing about the stack's own geometry is declared here. Round one carried a
 * block marked KIT-REQUEST 1+2 that restated the kit's sticky rule, its top and
 * its min-height at a specificity this lane's markup could reach, because
 * site/phone-stack.css ranked its own two rules equally and the relative one
 * won. Kit round three fixed that centrally by putting the fence inside
 * :where(), so the mechanic outranks the base by weight; the block is deleted.
 *
 * No colour, size, radius or duration is declared here: every value below is a
 * length of zero, a keyword, or a --resurs-* token. */

main.stack[data-phone-stack] { display: none; }

@media (max-width: 860px) {
  html[data-phone='stack'][data-phone-kit='on'] main.stack[data-phone-stack] { display: block; }
  /* ...and then the desk page steps aside. `:not(.stack)` is the fence: the
     page this lane hides is the one site/sheet.css dressed, never its own. */
  html[data-phone='stack'][data-phone-kit='on'] main.sheet:not(.stack) { display: none; }
}