.reading-visual .guide-content .guide-heading{position:relative;isolation:isolate;gap:16px}.reading-visual .reading-visual-decoration{display:contents}.reading-visual .reading-visual-atmosphere{position:absolute;z-index:-1;inset:var(--hero-gradient-top, -20px) -16px -20px;border-radius:0;opacity:.22;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none}.reading-visual-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:13px;background:var(--page-bg);color:var(--text)}.reading-visual--docs .guide-content .guide-heading{padding-bottom:24px;border-bottom:1px solid var(--border)}.reading-visual .guide-content .guide-heading .glu-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.reading-visual .guide-content .guide-heading .glu-actions>*{max-width:100%}.reading-visual .reading-visual-preview{margin-block:24px 40px;min-width:0}.reading-visual .reading-visual-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.reading-visual .reading-visual-gallery>*{min-width:0}.reading-visual .reading-visual-preview .glu-scene-preview{margin:0}.reading-visual .reading-visual-preview .glu-scene-preview:not(.glu-scene-preview--intrinsic) .glu-sp-stage{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.reading-visual .reading-visual-preview .glu-scene-preview:not(.glu-scene-preview--intrinsic) .glu-sp-stage>.glu-product-scene{position:absolute;inset:0;margin:0}.reading-visual .reading-visual-preview .glu-scene-preview:not(.glu-scene-preview--intrinsic) .glu-finish-scene-image{height:100%}.reading-visual .reading-visual-preview .glu-scene-preview:not(.glu-scene-preview--intrinsic) img{display:block;width:100%;height:100%;object-fit:contain}.reading-visual .reading-visual-preview .glu-p-dialog img{height:auto}.reading-visual .guide-content .glu-code-block{border-radius:16px}.reading-visual .guide-content .glu-code-block figcaption{background:color-mix(in srgb,var(--text) 2%,var(--page-bg))}.reading-visual .guide-content :is(.glu-p-table-scroll,.glu-comparison-scroll){border:0;border-radius:0}.reading-visual .guide-content .glu-table-sticky{border-radius:0}.reading-visual .guide-content :is(.glu-p-prose-table,.glu-comparison table) :is(th,td){padding-block:14px;vertical-align:top}.reading-visual .guide-content .glu-p-annotated{padding:16px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}.reading-visual .guide-content .glu-p-annotated img{border-radius:12px}.reading-visual .guide-content :is(.glu-video-stage,.guide-audio-pair){border-radius:20px}.reading-visual .guide-content :is(.glu-p-practice,.glu-p-quiz,.glu-p-lesson-progress,.learn-path-detail){border:1px solid var(--border);border-radius:20px;background:var(--panel);padding:24px}.reading-visual .guide-content .glu-p-practice{background:linear-gradient(150deg,color-mix(in srgb,var(--focus) 3%,var(--page-bg)),var(--panel) 60%)}.reading-visual .guide-content .glu-p-practice textarea{background:var(--page-bg);border-radius:12px}.reading-visual .guide-content .glu-p-checklist{border-radius:12px;background:var(--page-bg)}.reading-visual .guide-content .glu-p-checklist label{padding-block:10px}.reading-visual .guide-content .glu-p-lesson-progress progress{accent-color:var(--primary, var(--text))}.reading-visual .guide-content .glu-p-prev-next{border-radius:16px}.reading-visual .guide-content :is(.glu-p-lesson-card,.glu-card){border-radius:18px}.reading-visual .guide-content .glu-p-lesson-card:hover{background:color-mix(in srgb,var(--text) 2%,var(--page-bg))}.reading-visual .guide-content .glu-resource-rows{padding-inline:0}.reading-visual .guide-content .glu-resource-rows a{padding-inline-start:0}.reading-visual .guide-content :is(#docs-next-step,#learn-next-step){padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}@media(max-width:640px){.reading-visual .reading-visual-gallery{grid-template-columns:minmax(0,1fr)}.reading-visual .reading-visual-atmosphere{inset-inline:-8px}.reading-visual .guide-content :is(.glu-p-practice,.glu-p-quiz,.glu-p-lesson-progress,.learn-path-detail,#docs-next-step,#learn-next-step){padding:16px;border-radius:18px}.reading-visual .guide-content .glu-p-annotated{padding:8px;border-radius:14px}}