/* Card-based presentation: use filled surfaces and spacing for grouping. */
.slide,.type-cover,.type-cycle{background-image:none!important}
.slide *,.slide *::before,.slide *::after{border:0!important}
.slide .media-slot::before,.slide .media-slot::after,.slide .agent-node::before,
.slide .cycle-step::after,.slide .cycle-return i,.slide .pipeline-step::after,
.slide .flow-strip>span::after,.slide .collab-strip span::after{display:none!important}
.diagram-container svg > path,.diagram-container svg > line,.diagram-container svg > polyline{display:none}
.diagram-container svg [data-role="node"] rect{stroke:none;rx:14px}
.agenda-layout{display:grid;gap:12px}
.agenda-row{background:#101a2b;border-radius:14px!important;padding-left:24px!important;padding-right:24px!important}
.agenda-row:hover,.agenda-row:focus-visible{background:#0756f8}
.cover-goals{gap:12px!important}
.cover-goals>div{background:#101a2b;border-radius:12px;padding:13px 18px!important}
.grok-case,.employee-question,.core-pillar,.dual-panel,.media-slot,.business-track,.future-hero,.phase,.cost-panel,.asset-library,.foundation,.shared-base,.rhythm,.explore-strip,.shopping-scenario,.shopping-takeaway{border-radius:16px!important}
.cycle-steps,.numbered-steps,.capabilities,.roles,.timeboxes,.training-topics,.checks,.data-metrics{gap:12px}
.cycle-step,.agent-node,.pipeline-step,.numbered-step,.stage-group,.capabilities>div,.roles>div,.timeboxes>div,.training-topics li,.checks>div,.data-metrics>div,.sharing-template>div:not(.template-heading),.showcase-item,.sales-lane{background:#101a2b;border-radius:14px;padding:16px!important}
.type-cycle .cycle-step{background:#ffffff1c}
.flow-strip,.collab-strip,.accept-flow,.asset-strip,.lane-items,.panel-items{gap:8px}
.flow-strip>span,.collab-strip>span,.accept-flow>span,.asset-strip>span,.lane-items>span,.panel-items>span{background:#15243d;border-radius:10px;padding:10px 12px!important}
.slide-note{background:#101a2b;border-radius:10px;padding:10px 14px}
.text-link{background:#15243d;border-radius:10px;padding:10px 14px;text-decoration:none}
.diagram-container svg rect{stroke:none}
@media(max-width:850px){.agenda-row{padding:16px!important}.cycle-step,.numbered-step,.stage-group,.capabilities>div,.roles>div,.timeboxes>div,.training-topics li,.checks>div,.data-metrics>div{padding:12px!important}}
@media (min-width:851px) and (max-height:900px){
  .type-agenda .slide-head{margin-bottom:16px}
  .agenda-layout{flex:0 1 auto;gap:8px}
  .agenda-row{padding:10px 24px!important}
  .agenda-title{font-size:clamp(25px,3vw,36px);line-height:1.2}
}
.app-header,.app-footer,.chapter-rail,.page-actions,.page-actions button,.tool-btn,.overview-dialog,.overview-section button,.overview-section,.dialog-header,.close-dialog{border:0!important}
.app-footer,.page-actions,.tool-btn,.overview-dialog{border-radius:12px}
.progress-track button::before{height:8px!important;border-radius:8px}

.cover-title-line{white-space:nowrap;font-size:clamp(36px,7vw,130px)}

/* Stretch each agenda card across the available slide width. */
.agenda-layout{grid-template-columns:minmax(0,1fr);justify-content:stretch;max-width:none}
.agenda-row{width:100%;box-sizing:border-box}
.agenda-arrow{text-align:right}

/* Production applications on the two-sided AI needs slide. */
#slide-6 .dual-0 .panel-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:20px}
#slide-6 .dual-0 .panel-items>span{font-size:clamp(16px,1.55vw,21px);line-height:1.35;overflow-wrap:anywhere}
#slide-6 .dual-0 .panel-items>span:nth-child(-n+3){text-align:center}
#slide-6 .dual-0 .panel-items>span:nth-child(n+4){grid-column:1/-1}

/* Sales applications on the two-sided AI needs slide. */
#slide-6 .dual-1 .panel-items{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:20px}
#slide-6 .dual-1 .panel-items>span{font-size:clamp(16px,1.55vw,21px);line-height:1.35;overflow-wrap:anywhere}

/* Keep the slide 6 panel titles on a single line. */
#slide-6 .dual-panel h2{white-space:nowrap;font-size:clamp(18px,2.6vw,34px);line-height:1.5}

/* Two independent video uploads for the teaching comparison. */
.video-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;flex:1;min-height:0}
.comparison-panel{display:flex;flex-direction:column;gap:16px;min-width:0}
.video-comparison .media-section-title h2{margin:0;font-size:clamp(24px,2.4vw,34px)}
.video-comparison .media-slot{flex:1;min-height:300px}
.video-comparison .media-caption{font-size:clamp(16px,1.5vw,21px)}
@media(max-width:620px){.video-comparison{grid-template-columns:1fr;gap:24px}.video-comparison .media-slot{min-height:230px}}

/* Live interactive learning examples. */
.embedded-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;flex:1;min-height:480px}
.embedded-card{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#101b2e;min-width:0}
.embedded-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px}
.embedded-card-head h2{font-size:clamp(20px,1.8vw,28px);line-height:1.4;margin:0}
.embedded-card-head .text-link{font-size:16px;white-space:nowrap;margin:0;padding:10px 12px}
.embedded-card iframe{display:block;flex:1;width:100%;min-height:400px;border:0;background:#fff}
@media(max-width:720px){.embedded-showcase{grid-template-columns:1fr}.embedded-card iframe{height:520px;flex:none}}

/* Four-stage roadmap and the long-term Agent goal. */
.type-roadmap .roadmap{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:0}
.type-roadmap .phase{display:flex;flex-direction:column;gap:14px;padding:24px;background:#101b2e;border:0;min-width:0}
.type-roadmap .phase:last-child{background:#0756f8}
.type-roadmap .phase-top{flex-direction:column;align-items:flex-start;gap:8px}
.type-roadmap .phase-top>span{font-size:40px;color:#85adff}
.type-roadmap .phase-top>b{font-size:17px;color:#c8d8f4}
.type-roadmap .phase h2{font-size:clamp(22px,1.9vw,30px);line-height:1.4;margin:0}
.type-roadmap .phase p{font-size:clamp(18px,1.5vw,23px);line-height:1.6;margin:0}
.type-roadmap .phase-deliver{font-size:16px;color:#c8d8f4;border:0;padding-top:12px}
.type-roadmap .phase:last-child .phase-top>span,.type-roadmap .phase:last-child .phase-top>b,.type-roadmap .phase:last-child p,.type-roadmap .phase:last-child .phase-deliver{color:#edf4ff}
.agent-goal-layout{display:flex;flex-direction:column;gap:22px;flex:1}
.agent-goal-base{border-radius:16px;background:#0756f8;padding:28px 32px}
.agent-goal-base>span{font-size:15px;letter-spacing:.14em;color:#c8dcff}
.agent-goal-base h2{font-size:clamp(30px,3vw,48px);line-height:1.35;margin:14px 0 10px}
.agent-goal-base p{color:#e5efff;margin:0}
.agent-goal-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.agent-goal-pillars article{background:#101b2e;border-radius:16px;padding:24px}
.agent-goal-pillars h3{font-size:clamp(23px,2vw,30px);line-height:1.4;margin:12px 0}
.agent-goal-pillars p{font-size:clamp(18px,1.6vw,24px);line-height:1.65;margin:0}
@media(max-width:1100px){.type-roadmap .roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.type-roadmap .phase{padding:22px;gap:10px}}
@media(max-width:620px){.type-roadmap .roadmap,.agent-goal-pillars{grid-template-columns:1fr}.agent-goal-base{padding:24px}.agent-goal-pillars article{padding:22px}}

/* Teaching-material production Agent: application, orchestration, foundation. */
.type-productionAgent .intro{display:none}
.type-productionAgent .slide-head{margin-bottom:24px}
.production-agent-stack{display:flex;flex-direction:column;justify-content:center;flex:1;gap:0;min-width:0}
.production-agent-layer{background:#101b2e;border-radius:16px;padding:18px 22px}
.architecture-label{display:flex;align-items:center;gap:12px;color:#b5c7e5;font-size:17px;font-weight:600;margin-bottom:14px}
.architecture-label>span{color:#80aaff;font:600 17px Arial,sans-serif}
.production-application-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.production-application-grid>div{display:flex;align-items:center;justify-content:center;background:#1a2b46;border-radius:10px;min-height:48px;padding:9px 8px;font-size:clamp(18px,1.7vw,25px);line-height:1.35;text-align:center;overflow-wrap:anywhere}
.production-agent-stack .agent-layer{background:#0756f8}
.agent-layer .architecture-label,.agent-layer .architecture-label>span{color:#dbe8ff}
.production-agent-stack .agent-layer h2{font-size:clamp(30px,3vw,46px);line-height:1.3;text-align:center;margin:0 0 8px;color:#fff}
.architecture-connector{height:30px;display:flex;align-items:center;justify-content:center;font:26px Arial,sans-serif;color:#6f9fff}
.production-foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.production-foundation-grid>div{display:flex;align-items:center;justify-content:center;min-height:52px;background:#1a2b46;border-radius:10px;padding:10px;font-size:clamp(20px,1.9vw,28px);font-weight:650;text-align:center;line-height:1.35;overflow-wrap:anywhere}
@media(max-width:1100px){.production-application-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.production-agent-layer{padding:18px 16px}.production-application-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.production-foundation-grid{grid-template-columns:1fr}.architecture-label{font-size:16px}}

/* Commerce uses the shared three-layer Agent architecture. */
.type-commerceArchitecture .intro{display:none}
.type-commerceArchitecture .slide-head{margin-bottom:24px}
.type-commerceArchitecture .production-application-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.production-foundation-grid.foundation-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.type-commerceArchitecture .production-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-foundation-grid.foundation-count-2{grid-template-columns:1fr}}

/* Complete content-to-delivery workflow, with feedback into the next cycle. */
.type-contentPipeline .slide-head{margin-bottom:20px}
.type-contentPipeline .feature-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.type-contentPipeline .feature-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.type-contentPipeline .status-text{font-size:18px;margin:0 0 12px}
.type-contentPipeline .numbered-steps{display:flex;flex-direction:column;gap:8px}
.type-contentPipeline .numbered-step{position:relative;display:flex;align-items:flex-start;gap:12px;padding:10px 14px!important}
.type-contentPipeline .numbered-step:not(:last-child):after{content:"↓";position:absolute;bottom:-10px;left:22px;z-index:1;color:#7ca6ff;font:16px Arial,sans-serif;line-height:12px}
.type-contentPipeline .step-num{font-size:17px;line-height:1.5;min-width:23px}
.type-contentPipeline .feature-copy .numbered-step h3{font-size:clamp(20px,1.8vw,25px);line-height:1.3;margin:0}
.type-contentPipeline .feature-copy .numbered-step p{font-size:17px;line-height:1.4;margin:4px 0 0}
.pipeline-feedback{display:flex;gap:10px;align-items:center;background:#132d58;border-radius:10px;padding:12px 14px;margin-top:12px;color:#9fc0ff;font-size:16px;line-height:1.4}
.pipeline-feedback>span{font:26px Arial,sans-serif}
.type-contentPipeline .media-caption{font-size:18px;line-height:1.6}
@media(max-width:620px){.type-contentPipeline .feature-layout{grid-template-columns:1fr}.type-contentPipeline .large-media{min-height:240px}.type-contentPipeline .media-caption{font-size:16px}}

/* Four independently replaceable commerce workflow screenshots. */
.type-dataFlow .data-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px}
.data-workflows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.data-workflows .media-slot{height:auto;min-height:230px}
.data-workflows .media-add{min-height:230px;padding:22px 14px}
.data-workflows .media-title{font-size:22px;line-height:1.35}
.data-workflows .media-caption{font-size:16px;line-height:1.5}
.data-workflows .media-add-label{font-size:16px}
.data-workflows .media-icon{width:38px;height:38px;font-size:24px}
.data-workflows .media-kind{font-size:11px;top:12px;right:12px}
@media(max-width:850px){.type-dataFlow .data-layout{grid-template-columns:1fr}.data-workflows .media-slot,.data-workflows .media-add{min-height:220px}}
@media(max-width:520px){.data-workflows{grid-template-columns:1fr}}

/* Full-width content workflow after removing its video placeholder. */
.type-contentPipeline .feature-layout{grid-template-columns:minmax(0,1fr)}
.type-contentPipeline .feature-copy{width:100%;justify-content:center}
.type-contentPipeline .status-text{font-size:22px;margin-bottom:22px}
.type-contentPipeline .numbered-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.type-contentPipeline .numbered-step{flex-direction:column;gap:14px;padding:28px!important;min-height:180px}
.type-contentPipeline .numbered-step:not(:last-child):after{display:none}
.type-contentPipeline .step-num{font-size:23px}
.type-contentPipeline .feature-copy .numbered-step h3{font-size:clamp(26px,2.2vw,34px)}
.type-contentPipeline .feature-copy .numbered-step p{font-size:23px;line-height:1.55;margin-top:12px}
.type-contentPipeline .pipeline-feedback{font-size:22px;margin-top:22px;padding:18px 24px}
@media(max-width:850px){.type-contentPipeline .numbered-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.type-contentPipeline .numbered-step{min-height:160px;padding:22px!important}.type-contentPipeline .feature-copy .numbered-step p{font-size:21px}}
@media(max-width:520px){.type-contentPipeline .numbered-steps{grid-template-columns:1fr}.type-contentPipeline .numbered-step{min-height:0}.type-contentPipeline .pipeline-feedback{font-size:20px}}

@media(min-width:851px) and (max-height:850px){.type-contentPipeline .slide-head{margin-bottom:16px}.type-contentPipeline .status-text{font-size:18px;margin-bottom:14px}.type-contentPipeline .numbered-steps{gap:14px}.type-contentPipeline .numbered-step{min-height:140px;gap:8px;padding:18px!important}.type-contentPipeline .step-num{font-size:18px}.type-contentPipeline .feature-copy .numbered-step h3{font-size:24px}.type-contentPipeline .feature-copy .numbered-step p{font-size:20px;line-height:1.4;margin-top:8px}.type-contentPipeline .pipeline-feedback{font-size:18px;margin-top:14px;padding:12px 18px}.type-contentPipeline .slide-note{padding-top:16px}}

/* Human and Agent companion work, piloted in the technology team. */
.companion-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;flex:1;align-content:center}
.companion-principles article{padding:30px 34px;background:#101a2b;border-top:2px solid #397bff;border-radius:10px}
.companion-principles article>span{font-size:23px;color:#82abff}
.companion-principles h2{font-size:clamp(30px,2.7vw,42px);margin:18px 0 12px}
.companion-principles p{font-size:clamp(24px,1.9vw,30px);line-height:1.65;margin:0}
.companion-architecture{flex:1;display:flex;align-items:center;overflow-x:auto;margin:0}
.companion-architecture svg{min-width:1080px;width:100%;height:auto;display:block}
.companion-responsibility{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
.companion-responsibility>div{border-top:1px solid #3a5d96;padding:18px 22px;background:#101a2b}
.companion-responsibility span{display:block;color:#86adff;font-size:21px;margin-bottom:8px}
.companion-responsibility strong{font-size:clamp(25px,2.1vw,34px)}
@media(min-width:851px) and (max-height:850px){.type-companionWork .slide-head,.type-companionImplementation .slide-head{margin-bottom:18px}.companion-principles{gap:16px}.companion-principles article{padding:20px 26px}.companion-principles article>span{font-size:19px}.companion-principles h2{font-size:29px;margin:12px 0 8px}.companion-principles p{font-size:23px;line-height:1.5}.companion-architecture svg{height:280px}.companion-responsibility>div{padding:12px 18px}.companion-responsibility span{font-size:18px;margin-bottom:6px}.companion-responsibility strong{font-size:24px}}
@media(max-width:850px){.companion-principles{grid-template-columns:1fr}.companion-principles article{padding:24px}.companion-principles h2{font-size:30px}.companion-principles p{font-size:23px}.companion-architecture{min-height:376px}.companion-responsibility{grid-template-columns:1fr}}

.companion-diagram-zoom{display:block;width:100%;padding:0;border:0;background:transparent;text-align:initial;cursor:zoom-in}.companion-diagram-zoom:focus-visible{outline:3px solid #78a5ff;outline-offset:4px}