.layout-resonance {}
.layout-resonance { color-scheme:dark; }
.resonance-shell { background:#18181b; }
.resonance-bars { display:flex; gap:3px; align-items:flex-end; height:32px; margin-bottom:16px; }
.resonance-bars span { width:4px; background:var(--theme-primary); border-radius:2px; }
.resonance-bars span:nth-child(1){height:40%}.resonance-bars span:nth-child(2){height:70%}.resonance-bars span:nth-child(3){height:100%}.resonance-bars span:nth-child(4){height:55%}.resonance-bars span:nth-child(5){height:80%}
.resonance-footer { padding:24px 16px 48px; border-top:2px solid var(--theme-primary); font-size:0.8rem; }

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