.layout-quartz {}
.quartz-shell { background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #f0fdfa 100%); min-height: 100vh; }
.quartz-header { display:flex; justify-content:space-between; padding:24px 16px; border-bottom:1px solid #cbd5e1; max-width:var(--content-max-width); margin:0 auto; }
.quartz-code { font-size:0.7rem; color:var(--theme-primary); letter-spacing:0.15em; margin:0 0 4px; }
.quartz-footer { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; padding:24px 16px 48px; border-top:2px dashed #94a3b8; font-size:0.8rem; }

.quartz-main { width: min(var(--content-max-width), calc(100% - 32px)); margin: 0 auto; padding-bottom: 40px; }
.quartz-main a { color: var(--theme-primary); }
.quartz-intro { margin: 24px 0; }
.quartz-intro h2 { font-family: var(--font-display); margin: 0 0 8px; }
.quartz-about { margin-top: 32px; padding: 20px; border: 1px solid var(--border-color); background: var(--theme-card); }
.quartz-tag { margin: 8px 0 0; font-size: 0.85rem; color: var(--text-muted); }
.quartz-shell h1 a, .quartz-shell .brand-title a { text-decoration: none; color: inherit; }