.presentation-hero,
.presentation-docs { inline-size: min(calc(100% - (var(--aicjm-layout-gutter-mobile) * 2)), var(--aicjm-layout-container-max)); margin-inline: auto; }
.presentation-hero { padding-block: var(--aicjm-layout-section-space-max); }
.presentation-hero > p:first-child, .layout-doc > header span, .narrative-doc header p { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); text-transform: uppercase; }
.presentation-hero > p:last-child { max-inline-size: 52rem; color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-lead); }
.presentation-docs { padding-block-end: var(--aicjm-layout-section-space-max); }
.layout-doc, .narrative-doc { padding-block: var(--aicjm-layout-section-space-max); border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.layout-doc > header { display: grid; grid-template-columns: minmax(var(--aicjm-space-112), .45fr) minmax(var(--aicjm-space-0), 1fr) minmax(var(--aicjm-space-112), .7fr) auto; gap: var(--aicjm-space-24); }
.layout-doc header h2, .narrative-doc h2 { margin: var(--aicjm-space-0); font-size: var(--aicjm-type-size-heading-medium); }
.layout-doc header p { margin: var(--aicjm-space-0); color: var(--aicjm-text-secondary); }
.layout-doc header a, .narrative-doc header a { color: var(--aicjm-action-primary); }
.slide-frame { margin-block-start: var(--aicjm-space-32); overflow: hidden; border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); background: var(--aicjm-surface-subtle); }
.demo-slide { aspect-ratio: 16 / 9; padding: 4%; background: var(--aicjm-surface-page); color: var(--aicjm-text-primary); container-type: inline-size; }
.demo-slide > p:first-child { color: var(--aicjm-action-primary); font-size: 1.2cqw; text-transform: uppercase; }
.demo-slide h3 { max-inline-size: 80%; margin-block: 3cqw; font-size: 4.5cqw; line-height: .98; }
.demo-slide h3 em { color: var(--aicjm-action-primary); font-style: normal; }
.demo-slide small { color: var(--aicjm-text-secondary); font-size: 1.25cqw; }
.demo-slide > div, .demo-slide > ol { display: grid; grid-template-columns: repeat(3, minmax(var(--aicjm-space-0), 1fr)); gap: 2cqw; }
.demo-slide article, .demo-slide li, .demo-slide aside { padding: 2cqw; border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.demo-slide strong { color: var(--aicjm-action-primary); font-size: 2.4cqw; }
.demo-slide span, .demo-slide td, .demo-slide th { font-size: 1.4cqw; }
.demo-slide ol { padding: var(--aicjm-space-0); list-style: none; }
.demo-slide table { inline-size: 100%; border-collapse: collapse; }
.demo-slide th, .demo-slide td { padding: 1.1cqw; border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); text-align: start; }
.demo-slide--section-divider, .demo-slide--system-map, .demo-slide--decision { background: var(--aicjm-surface-deep); color: var(--aicjm-text-on-deep); }
.demo-slide--section-divider h3, .demo-slide--decision h3 { font-size: 7cqw; }
.demo-slide--system-map > div { display: flex; align-items: center; justify-content: space-between; }
.demo-slide--system-map > div span, .demo-slide--system-map > div strong { padding: 2cqw; border: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); }
.demo-slide--system-map > div strong { background: var(--aicjm-action-secondary); color: var(--aicjm-action-on-secondary); }
.layout-doc > footer, .narrative-doc > footer { display: flex; margin-block-start: var(--aicjm-space-16); gap: var(--aicjm-space-8); color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-metadata); }
.layout-doc > footer span { padding: var(--aicjm-space-8); border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.narrative-doc header { display: flex; align-items: center; justify-content: space-between; gap: var(--aicjm-space-24); }
.narrative-doc ol { display: flex; margin-block-start: var(--aicjm-space-32); padding: var(--aicjm-space-0); overflow-x: auto; list-style: none; }
.narrative-doc li { display: grid; min-inline-size: 12rem; padding: var(--aicjm-space-24); border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); gap: var(--aicjm-space-8); }
.narrative-doc li span, .narrative-doc li small { color: var(--aicjm-action-primary); }
.presentation-entry { display: grid; grid-template-columns: repeat(3, minmax(var(--aicjm-space-0), 1fr)); }
.presentation-entry a { display: grid; min-block-size: 18rem; padding: var(--aicjm-space-32); border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); color: var(--aicjm-text-primary); text-decoration: none; }
.presentation-entry strong { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-display-min); }
.presentation-entry span { align-self: end; }
@media (max-width: 48rem) { .layout-doc > header { grid-template-columns: 1fr; } .narrative-doc header { align-items: start; flex-direction: column; } .presentation-entry { grid-template-columns: 1fr; } }