/* Who sees what (#/access): one panel per audience, the same colours as the sidebar's sections. Locky Design System
   tokens only. */
.view[data-page="access"] { --locky: url("/img/locky-read.png"); --locky-shows: block; }
.ws-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 900px) { .ws-grid { grid-template-columns: minmax(0, 1fr); } }
.ws-panel { --ws-face: var(--face-green); box-shadow: inset 0 6px 0 var(--ws-face), var(--slab); padding-top: 18px; }
.ws-lead { --ws-face: var(--face-sky); }
.ws-admin { --ws-face: var(--face-coral); }
.ws-superadmin { --ws-face: var(--face-gold); }
.ws-views { --ws-face: var(--face-lav); }
.ws-why { margin: 2px 0 0; }
.ws-list { display: grid; gap: 6px; margin: 4px 0 12px; padding: 0 16px; list-style: none; }
.ws-item { padding: 8px 0; border-top: 2px solid var(--keyline); }
.ws-item:first-child { border-top: 0; }
.ws-name { font-weight: 800; }
.ws-extras { display: grid; gap: 4px; margin: 6px 0 0; padding: 0; list-style: none; }
.ws-extra { padding-left: 10px; border-left: 3px solid var(--face-sky); color: var(--muted); font-size: 14px; }
.ws-x-admin { border-left-color: var(--face-coral); }
.ws-who { color: var(--ink); font-weight: 800; }