/* Page-specific compatibility hooks. The shared light system lives in site.css. */
.app-page .app-preview { padding: clamp(2rem, 6vw, 5rem); border-bottom: 1px solid var(--line); }
.app-preview-heading { max-width: 600px; margin-bottom: 3rem; }
.app-preview-heading h2 { margin: 0 0 .7rem; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 500; letter-spacing: -.055em; }
.app-preview-heading p { color: var(--muted); }
.app-preview-note { margin: 2rem 0 0; color: var(--soft); font-size: .72rem; }
.app-name { display: block; margin-bottom: 1.1rem; color: var(--accent); font: .75rem var(--mono); letter-spacing: .08em; }