/* GWS reader visuals reuse the documentation tokens and leave the app shell intact. */
.gws-figure{margin:28px 0;border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);overflow:hidden;background:var(--color-canvas)}
.gws-figure figcaption{padding:18px 20px;border-bottom:1px solid var(--color-hairline)}
.gws-figure figcaption strong,.gws-figure figcaption span{display:block}
.gws-figure figcaption span{font-size:14px;margin-top:6px;color:var(--color-dark-gray);line-height:1.65}
.gws-illustration>img{display:block;width:100%;height:auto}
.gws-scene-captions{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 20px 16px}
.gws-scene-captions p{margin:0}.gws-scene-captions strong,.gws-scene-captions span{display:block}
.gws-scene-captions span{font-size:14px;line-height:1.6;margin-top:6px}
.doc-article .gws-image-caption{padding:16px 20px;margin:0;font-size:14px;line-height:1.7}
.gws-stage{margin:24px 0;padding:18px 20px;border-top:3px solid var(--color-primary);background:var(--color-secondary)}
.doc-article .gws-eyebrow{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.02em}
.doc-article .gws-step-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:6px}
.gws-step-list li{margin:0;min-width:0}
.gws-step-list a{display:flex;align-items:center;gap:7px;padding:9px 5px;text-decoration:none;color:inherit;border-bottom:2px solid var(--color-hairline);font-size:13px;line-height:1.5;word-break:normal}
.gws-step-list a[aria-current=step]{font-weight:700;border-bottom:3px solid var(--color-primary)}
.gws-step-number{font-weight:700;flex-shrink:0}
.gws-step-list a{height:100%;box-sizing:border-box}
.gws-eyebrow span{font-weight:400}
.doc-article .gws-task{margin:16px 0 10px}.gws-stage-context{font-size:13px;line-height:1.8;margin:0}
.gws-stage-context div{display:grid;grid-template-columns:88px 1fr;gap:10px}.gws-stage-context dt{font-weight:600}.gws-stage-context dd{margin:0}
.doc-article .gws-position-note{font-size:12px;margin:12px 0 0;color:var(--color-dark-gray)}
.doc-article .gws-diagram-hint{font-size:12px;margin:0;padding:10px 20px;color:var(--color-dark-gray);border-bottom:1px solid var(--color-hairline)}
.gws-diagram-scroll{overflow-x:auto;background:var(--color-canvas);overscroll-behavior-x:contain;scrollbar-gutter:stable}
.gws-diagram-sheet{width:max-content;min-width:100%;padding:20px;box-sizing:border-box}
.gws-diagram-sheet img{display:block;max-width:none;margin:auto;height:auto}
.gws-figure-footer{padding:14px 20px;border-top:1px solid var(--color-hairline);font-size:14px;line-height:1.7}
.doc-article .gws-figure-footer p{margin:0 0 8px}
.gws-text-alternative{border-top:1px solid var(--color-hairline);padding:12px 20px;font-size:14px}
.gws-text-alternative summary{cursor:pointer;font-weight:600;min-height:28px}
.gws-text-alternative li{margin:8px 0}.gws-diagram-scroll:focus-visible,.gws-stage a:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}
.gws-storage-comparison{display:grid;gap:16px;padding:20px}
.gws-storage-comparison section{border:1px solid var(--color-dark-gray);padding:16px}
.gws-storage-buckets{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gws-storage-buckets>div{border:1px solid var(--color-hairline);padding:12px;font-size:13px}
.doc-article .gws-document-token{padding:8px 10px;border-left:3px solid var(--color-primary);background:var(--color-secondary);margin:12px 0 0}
.doc-article .gws-empty-token{font-size:12px;margin:12px 0 0}
html[data-theme=dark] .gws-figure{background:var(--color-surface-dark);border-color:var(--color-dark-gray)}
html[data-theme=dark] .gws-stage,html[data-theme=dark] .gws-document-token{background:var(--color-surface-dark-alt)}
html[data-theme=dark] .gws-figure figcaption span,html[data-theme=dark] .gws-position-note,html[data-theme=dark] .gws-diagram-hint{color:var(--color-on-surface-dark)}
@media(max-width:600px){.gws-stage{padding:16px 12px}.gws-step-list a{flex-direction:column;gap:3px;font-size:12px;text-align:center}.gws-stage-context div{grid-template-columns:1fr;gap:0;margin-top:8px}.gws-figure figcaption,.gws-figure-footer,.gws-text-alternative{padding:14px}.gws-scene-captions{gap:12px;padding:0 14px 14px}.gws-scene-captions strong{font-size:14px}.gws-scene-captions span{font-size:12px}.gws-storage-comparison{padding:14px}.gws-storage-buckets{gap:8px}.gws-storage-buckets>div{padding:8px}.gws-storage-comparison section{padding:12px}}
@media print{.gws-stage,.gws-figure{background:white!important;color:black!important}.gws-stage{break-inside:avoid}.gws-figure{overflow:visible;break-inside:auto}.gws-diagram-hint,.gws-figure-footer>a{display:none}.gws-diagram-scroll{overflow:visible}.gws-diagram-sheet{min-width:0;width:100%;padding:12px}.gws-diagram-sheet img{max-width:100%;max-height:190mm;width:auto;height:auto;object-fit:contain}.gws-figure figcaption,.gws-figure-footer{break-inside:avoid}.gws-diagram-scroll{break-inside:avoid}.gws-illustration{break-inside:avoid}.gws-text-alternative{break-before:auto}.gws-position-note,.gws-figure figcaption span{color:black!important}}
