.qcdeck-page { min-height: 100vh; background: var(--color-bg); color: var(--color-text); }
.qcdeck-main { width: var(--content); margin-inline: auto; padding-block: var(--space-16) var(--space-24); }
.qcdeck-intro { display: grid; gap: var(--space-5); max-width: 52rem; padding-block: var(--space-12) var(--space-10); border-bottom: 1px solid var(--color-rule); }
.qcdeck-intro h1 { max-width: 13ch; margin: 0; font-size: clamp(3.0625rem, 10vw, 5.9375rem); font-weight: 650; line-height: 1; letter-spacing: -.055em; }
.qcdeck-intro__meta { margin: 0; color: var(--color-muted); font-family: var(--font-mono); font-size: .8125rem; line-height: 1.25rem; letter-spacing: .04em; }
.qcdeck-intro__lead { max-width: 60ch; margin: 0; color: var(--color-text-soft); font-size: 1.25rem; line-height: 2rem; }
.qcdeck-nav { display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-6); padding-block: var(--space-5); border-bottom: 1px solid var(--color-rule); font-family: var(--font-mono); font-size: .8125rem; line-height: 1rem; }
.qcdeck-nav a { display: inline-flex; min-height: var(--component-control-height); align-items: center; color: var(--color-accent); text-decoration: underline; text-underline-offset: .25rem; }
.qcdeck-body { width: min(100%, 52rem); }
.qcdeck-section { scroll-margin-top: 6rem; padding-block: var(--space-10); border-bottom: 1px solid var(--color-rule); }
.qcdeck-section h2 { margin: 0 0 var(--space-4); font-size: 1.953125rem; font-weight: 500; line-height: 2.5rem; letter-spacing: -.04em; }
.qcdeck-section h3 { margin: var(--space-6) 0 var(--space-3); font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; }
.qcdeck-section p, .qcdeck-section li { max-width: 65ch; color: var(--color-text-soft); font-size: 1rem; line-height: 1.5rem; }
.qcdeck-section p { margin: 0 0 var(--space-4); }
.qcdeck-section p:last-child { margin-bottom: 0; }
.qcdeck-section ul, .qcdeck-section ol { display: grid; gap: var(--space-3); margin: var(--space-4) 0 0; padding-left: var(--space-6); }
.qcdeck-section li::marker { color: var(--color-accent); }
.qcdeck-section a, .qcdeck-footer-note a { display: inline-flex; min-height: var(--component-control-height); align-items: center; color: var(--color-accent); text-decoration: underline; text-underline-offset: .25rem; vertical-align: middle; }
.qcdeck-page .store-footer a { display: inline-flex; min-height: var(--component-control-height); align-items: center; }
.qcdeck-callout { margin-top: var(--space-6); padding: var(--space-5); border-left: 3px solid var(--color-accent); background: rgba(232,197,71,.06); }
.qcdeck-callout p { margin: 0; }
.qcdeck-approval { color: var(--color-muted); font-family: var(--font-mono); font-size: .8125rem; line-height: 1.25rem; }
.qcdeck-footer-note { margin-top: var(--space-8); color: var(--color-muted); font-size: .8125rem; line-height: 1.25rem; }
@media (min-width: 40rem) { .qcdeck-main { padding-block: var(--space-20) var(--space-32); } .qcdeck-intro { padding-block: var(--space-16) var(--space-12); } }
@media (prefers-reduced-motion: reduce) { .qcdeck-page * { scroll-behavior: auto; } }