` in the source and is pulled left by explicit
* placement. That way a phone reads article, then the neighbourhood, then the
* rest — the order a reader wants — with no markup duplicated to get it.
*/
.wp-block-group.doc-layout > main {
grid-column: 2;
grid-row: 1;
}
.wp-block-group.doc-layout > .docs-index {
grid-column: 1;
grid-row: 1;
}
/*
* A grid item's `min-width` defaults to `auto`, which floors at its content's
* minimum size — so one unbreakable string pushes its track wider than the
* track's own definition. In a Help Center that string is not hypothetical: it
* is a file path, a registry key, a `` line or an error message. Both
* children need the guard, or a doc widens the grid past 980px and takes the
* rail with it.
*/
.wp-block-group.doc-layout > main,
.wp-block-group.doc-layout > .docs-index {
min-width: 0;
}
/*
* 27 rows outrun a short viewport, and a sticky rail that cannot scroll hides
* its own last group.
*/
.wp-block-sparklestock-docs-index.docs-index--rail {
position: sticky;
top: 16px;
max-height: calc(100vh - 32px);
overflow-y: auto;
overscroll-behavior: contain;
}
/* Sticky INSIDE that scroll box, and opaque, so rows do not run under the
field. The ground here is the page background, not white. */
.docs-index.docs-index--rail .docs-index__filter {
position: sticky;
top: 0;
z-index: var(--wp--custom--z-index--raised, 1);
background: var(--wp--preset--color--page, #f9fafb);
}
/*
* The summary is the phone affordance, and hiding it here is not decoration:
* view.js reads this breakpoint by testing whether the element is visible
* (`offsetParent !== null`), so this must stay a genuine `display: none` and
* must not become `visibility` or a clip.
*
* The neighbourhood used to be hidden alongside it, on the grounds that it was a
* subset of a full index sitting right there in the column. The column no longer
* holds the full index — it holds one group — so on desktop the neighbourhood is
* the only thing offering the rest of the category, and it stays.
*/
.docs-index.docs-index--rail .docs-index__summary {
display: none;
}
.docs-index.docs-index--rail .docs-index__disclosure {
border-top: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.docs-index .docs-index__count,
.docs-index .docs-index__n,
.docs-index .docs-index__chev {
transition: none;
}
}