/* One scrolling workspace. Supplements the existing shell, not a second scroll pane. */
html.pd-vnext .main-content:has(.ds-studio){display:block;overflow:auto}
html.pd-vnext .ds-studio{height:auto;overflow:visible;min-height:100%}
html.pd-vnext .ds-foundations{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
html.pd-vnext .ds-foundations>.ds-panel{grid-column:1!important;grid-row:auto!important}
.ds-single-breakpoint{display:block}.ds-single-breakpoint .ds-spacing-detail{width:100%;grid-column:auto;grid-row:auto}
.ds-anatomy-stage{border:1px solid #c3d6ee}.ds-anatomy-section>[data-anchor=content]{outline:1px dashed #87a3c8;outline-offset:0}
html.pd-vnext .ds-dimension span{font:600 11px/1.2 Inter,sans-serif;max-width:none;white-space:nowrap!important;padding:3px 5px}
.ds-anatomy-legend{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-anatomy-legend button{cursor:pointer}
.ds-color-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ds-document-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.ds-document-colors>div{display:grid;gap:6px;min-width:0}.ds-document-colors code{font-size:11px;overflow-wrap:anywhere}
.ds-type-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ds-type-comparison>section{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}.ds-type-comparison>section.active{border-color:#0B63F6;box-shadow:inset 0 3px #0B63F6}.ds-type-comparison article{border-top:1px solid var(--line);padding:16px 0}.ds-type-comparison header{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.ds-type-comparison p{overflow-wrap:anywhere;margin:16px 0}.ds-type-comparison code{font-size:11px;color:var(--muted)}.ds-type-comparison dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:12px}.ds-type-comparison dd{margin:0;text-align:right}.ds-type-comparison dt,.ds-type-comparison small{color:var(--muted)}
.production-style-library{position:static!important;margin-top:24px}.production-style-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
@media(max-width:900px){.ds-type-comparison,.ds-color-category-grid{grid-template-columns:1fr}.ds-document-colors,.ds-anatomy-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.ds-document-colors,.ds-anatomy-legend{grid-template-columns:1fr}}