html, body { min-height: 100dvh; }
.theme-toggle { position:fixed; top:1rem; right:1rem; z-index:9999; }

.Page.example { padding: 2rem 1.5rem 4rem; max-width: 1200px; }
.Page.example .Page-Header { margin-bottom: 2.4rem; }
.Page.example .Page-Title { margin-bottom:0.25rem; }
.Page.example .Page-Subtitle { font-size:1rem; color:var(--text-muted); }


.example-section { margin-bottom: 3rem; }
.example-section > h2 { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); border-bottom: 1px solid var(--border); padding-bottom: 0.5rem; margin-bottom: 1.5rem; }
.example-row { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-bottom: 1rem; }
.example-label { font-size: 0.75rem; color: var(--text-muted); margin-bottom: 0.35rem; margin-top: 1rem; }
.example-label:first-child { margin-top: 0; }
.example-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; }