/* Scoped refinements over the preserved REVISION23 design. */
.system-layers-overview{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:28px;align-items:start}.system-layers-overview .system-layers-text{min-width:0}.system-layers-overview .principle-label:first-child{margin-top:0}.system-layers-overview .system-layers-figure{width:100%;max-width:310px;margin:0 auto}.system-layers-figure img{display:block;width:100%;height:auto}.system-layers-figure figcaption{font-size:.85rem;line-height:1.6;color:var(--muted,#63718a);margin-top:12px}.principle-third{margin-top:20px}.documentation-path{display:flex;flex-direction:column;gap:16px}.documentation-path-step{position:relative;padding:20px 24px 20px 80px;border:1px solid #e0e7f1;border-radius:14px;background:#f3f7fd}.documentation-path-step:nth-child(2){background:#f2f8f8}.documentation-path-step:nth-child(3){background:#f6f5fc}.documentation-path-step:nth-child(4){background:#f5f7fa}.documentation-path-step .path-number{position:absolute;top:20px;left:20px;width:40px;height:40px;display:grid;place-items:center;background:#e0eaff;border-radius:12px;color:#245bd7;font-size:23px;font-weight:700}.documentation-path-step .doc-label{margin:0 0 8px}.documentation-path-links a{display:block;margin:5px 0}.side .docs-nav-group{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:normal;text-transform:none;color:var(--text,#203453);margin:18px 0 5px;padding-top:12px;border-top:1px solid var(--line,#dbe3ef)}.side .mobile-docs-close+.docs-nav-group{border-top:0;margin-top:0;padding-top:0}.side>a:not(.mobile-docs-web){padding-left:14px}.dark .documentation-path-step{background:#18263b;border-color:#34415a}.dark .documentation-path-step .path-number{background:#283d61;color:#b9d0ff}.dark .side .docs-nav-group{color:#e2eaff}
#custom-kiosk-controls .brand-guide-figure{margin:20px 0;width:100%;max-width:100%}#custom-kiosk-controls .brand-guide-figure img{display:block;width:100%;max-width:100%;height:auto!important;object-fit:contain;aspect-ratio:2167/726}
@media(max-width:700px){.system-layers-overview{display:flex;flex-direction:column;gap:18px}.system-layers-overview .system-layers-figure{max-width:300px}.documentation-path-step{padding:18px 18px 18px 65px}.documentation-path-step .path-number{left:15px;top:18px;width:34px;height:34px;font-size:21px}.side .docs-nav-group{font-size:15px}}

/* Final cleanup of the approved layout. */
@media(min-width:1000px){.system-layers-overview{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);column-gap:86px}}
.documentation-path{gap:10px}.documentation-path-step{padding:13px 18px 13px 65px}.documentation-path-step .path-number{top:14px;left:15px;width:32px;height:32px;font-size:20px}.documentation-path-step p{margin:6px 0}.documentation-path-step .doc-label{margin:0 0 5px}.documentation-path-links{display:flex;flex-wrap:wrap;gap:3px 16px}.documentation-path-links a{display:inline-block;margin:0;line-height:1.7}
#custom-kiosk-controls .controls-caption{font-size:.85rem;color:var(--muted,#63718a);line-height:1.6;margin-top:8px}.controls-caption p{margin:4px 0}.calling-conventions>.doc-label{margin-top:0}.calling-conventions>ul{margin-bottom:0}
@media(max-width:800px){body.docs-menu-open .side{height:calc(100dvh - var(--ss-docs-header-h) - 24px)!important;min-height:0!important;box-sizing:border-box!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}body.docs-menu-open .wrap{transform:none!important}}
@media(max-width:800px){body.docs-menu-open .mobile-docs-close{position:fixed!important;right:26px!important;top:calc(var(--ss-docs-header-h) + 24px)!important}}

/* Balanced branding details and a shared marker treatment. */
.branding-detail-row{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.branding-detail-row .brand-guide-figure{min-width:0;margin-top:0}.branding-detail-row img{width:100%;height:auto}.branding-overlay-detail figcaption{font-size:.85rem;line-height:1.6}.overlay-number text{font-family:Arial,sans-serif}
@media(max-width:700px){.branding-detail-row{grid-template-columns:1fr}}
.brand-legend-item{display:inline-flex;gap:10px;align-items:center;color:#123b65;font:12px Arial,sans-serif}.brand-number-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0064cc;color:white;font-weight:700;font-size:15px}.dark .brand-legend-item{color:#b9d2f3}

.branding-diagram-caption{font-size:.85rem;line-height:1.6;color:var(--muted,#63718a);margin:8px 0 22px}