/* The case inherits the approved hero's charcoal, neutral gray and coral. */
#experience{--ink:#343a40;--muted:#626a73;--line:#d9dde1;--surface:#fff;--paper:#f4f5f6;--coral-deep:#ad4329}
#experience .asset-experience-heading h2{font-size:clamp(27px,2.6vw,36px);font-weight:600;letter-spacing:-1px;line-height:1.45;color:var(--ink)}
#experience .section-intro{color:#68717b;letter-spacing:.4px}
#experience .asset-experience-heading>div>p:last-child{font-size:13px;line-height:1.8;color:#606872;margin-top:12px}
.case-dot{padding:0 5px;color:#a0a6ad}
#experience .snapshot-label{font-size:11px;color:#68717b;background:none;border:0}
#experience .product-frame{border-color:#cfd4da;background:#fff;box-shadow:0 24px 64px #2d35400a;border-radius:14px}
#experience .product-toolbar{background:#fafbfc;border-color:var(--line);min-height:60px}
#experience .product-toolbar strong{font-size:13px;font-weight:500;color:#444b53}
#experience .asset-columns{grid-template-columns:minmax(275px,30fr) minmax(400px,45fr) minmax(255px,25fr);height:790px;background:#fff}
#experience .asset-pane{border-color:var(--line)}
#experience .pane-heading{min-height:57px;padding-inline:20px}
#experience .pane-heading h3{font-weight:500;font-size:13px}
#experience .source-video{height:auto;aspect-ratio:16/9;background:#343a40}
#experience .source-video video{object-fit:contain}
#experience .source-video{position:relative}
#experience .source-video video{position:absolute;inset:0;width:100%;height:100%}
#experience .source-video video[hidden],#experience #follow-playback[hidden]{display:none}
.source-video-link{display:block;position:absolute;inset:0;color:#fff;text-decoration:none}
.source-video-link .case-cover{display:block;width:100%;height:100%;object-fit:cover}
.source-video-link:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#17202c94);pointer-events:none}
.source-open{position:absolute;bottom:13px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;font-size:12px;z-index:1;color:#fff;text-shadow:0 1px 4px #0006}
.source-open>span:first-child{padding:9px 12px;background:#202a36b0;border:1px solid #ffffff40;border-radius:5px}
#experience .source-identity{padding:18px 20px 7px;gap:5px;border-bottom:1px solid var(--line)}
#experience .source-identity strong{font-size:15px;display:flex;align-items:center;gap:9px;font-weight:600}
.source-platform{font-size:10px;color:#6c747d;font-weight:400}
#experience .source-identity>span{font-size:12px;line-height:1.8;color:var(--muted)}
#experience .source-identity a{font-size:11px;color:#66707a}
#experience .transcript-heading{padding-top:10px}
#experience .transcript-heading h4{font-size:13px;font-weight:500}
#experience .transcript-heading h4 span{font-size:10px;color:#7b838c;margin-left:4px;font-weight:400}
#experience #follow-playback{font-size:11px;color:#626a73}
#experience #follow-playback:before{background:#f4f5f6;border-color:#dce0e4}
#experience #follow-playback[aria-pressed=true] span{color:#e76c4d}
#experience .transcript-quote{grid-template-columns:40px minmax(0,1fr);border-radius:5px}
#experience .transcript-quote p{font-size:13px;line-height:1.9;color:#505862}
#experience .transcript-quote button{font-size:10px;color:#7b838b}
#experience .transcript-quote[data-active=true],#experience .transcript-quote[data-playing=true]{background:#fff3ed;border-color:#f4d4c6}
#experience .transcript-quote[data-active=true] p,#experience .transcript-quote[data-playing=true] p{color:#744535}
#experience .reader-tabs{min-height:57px;padding:0 16px;gap:0;justify-content:space-between;flex-wrap:nowrap}
#experience .reader-tabs button{font-size:12px;min-height:57px;padding:0 6px;color:#68717a}
#experience .reader-tabs button[aria-selected=true]{color:#343a40;font-weight:600}
#experience .reader-scroll{padding:28px 30px 32px;background:#fdfdfd}
#experience .reader-meta{font-size:10px;letter-spacing:0;color:#7b838c;display:flex;align-items:center;justify-content:space-between;gap:8px}
#experience .reader-meta span:first-child{display:flex;align-items:center;gap:5px}
#experience .reader-meta img{filter:none;background:#00aeec;border-radius:4px;padding:2px}
#experience .asset-reading-title{font-size:28px;line-height:1.5;font-weight:600;color:#343a40;letter-spacing:-.6px;margin:18px 0 26px}
.case-summary{padding:23px 24px;background:#f4f5f6;border:1px solid #e4e7ea;border-radius:10px}
#experience .module-eyebrow{font-size:11px;letter-spacing:.5px;color:#8b4d37;margin:0 0 12px;display:block}
#experience .case-summary .module-eyebrow{color:#454e58;font-size:12px;font-weight:600;letter-spacing:0}
#experience .case-summary .reader-lead{margin:0;font-size:15px;line-height:1.95;color:#444d57}
.case-source-count{display:block;color:#858c94;font-size:10px;margin-top:17px}
#experience .module-label{margin:27px 0 15px;gap:8px}
#experience .module-label h3{font-size:15px;font-weight:600}
#experience .module-label .text-action{padding:0;min-height:44px;border:0;background:none;color:#6a727c;font-size:11px}
#experience .overview-points{list-style:none;padding:0;gap:20px;margin-top:0;counter-reset:case-point}
#experience .overview-points li{padding:0 0 19px;border-bottom:1px solid #e6e9ec}
#experience .overview-points li:before{content:none}
#experience .overview-points h3{font-size:15px;font-weight:600;line-height:1.8;color:#424b55}
#experience .overview-points h3:before{counter-increment:case-point;content:counter(case-point,decimal-leading-zero);color:#ad624b;font-size:10px;letter-spacing:1px;margin-right:10px;font-weight:500}
#experience .overview-points p,#experience .chapter p{font-size:14px;line-height:1.95;color:#555e68}
#experience .evidence-link{font-size:10px;color:#8a4c34;line-height:1.7;min-height:44px}
#experience .save-highlight{font-size:11px;background:#fafafa;border-color:#d9dde1;color:#5b646e}
#experience .chapter{border-color:#e1e4e8;padding-block:17px}
#experience .chapter summary{font-size:15px;line-height:1.8;color:#424b55;min-height:44px}
#experience .module-title{font-size:25px;color:#343a40;line-height:1.5;font-weight:600;letter-spacing:-.5px}
#experience .module-description{font-size:13px;line-height:1.9;color:#69717b;margin-top:11px}
#experience .knowledge-map{margin-top:24px}
#experience .map-center{background:#edf0f3;border-color:#d8dee4;color:#3d4753;font-weight:600}
#experience .map-limb{border-color:#d8dee4}
#experience .map-limb h3{font-size:13px;color:#545e68}
#experience .map-leaves span{background:#f4f5f6;border-color:#e2e6ea;color:#58626d;font-size:12px}
#experience .flashcard{background:#f0f2f4;border-color:#dbe0e5;min-height:220px;padding:23px}
#experience .flashcard[aria-pressed=true]{background:#fcf2ec;border-color:#eccbbb}
#experience .flashcard strong{font-size:18px;line-height:1.8;color:#3e4852}
#experience .quiz-options button{color:#505a65;border-color:#dce1e5;font-size:12px;background:#fff}
#experience .quiz-options [aria-pressed=true]{background:#fff3ed;border-color:#e4ae96}
#experience .quiz-feedback{font-size:12px}
#experience .context-tabs{min-height:57px;padding-inline:20px;gap:25px}
#experience .context-tabs button{font-size:12px;min-height:57px}
#experience .context-view{padding:27px 22px;background:#fff}
.ask-title{font-size:17px;font-weight:600;color:#3f4852}
.ask-description{font-size:12px;line-height:1.8;color:#737c86;margin-top:9px}
#experience .question-chips{gap:9px;margin-top:22px}
#experience .question-chips button{font-size:12px;line-height:1.85;padding:12px 14px;border-color:#dfe3e7;background:#fff;color:#606b76}
#experience .question-chips [aria-pressed=true]{border-color:#d3a995;background:#fdf5f0;color:#6c4638}
#experience .question-bubble{display:none}
#experience .prepared-answer{margin-top:27px;padding-top:22px;border-top:1px solid #e6e9ec}
#experience .assistant-name{font-size:12px;font-weight:500;color:#444e59}
#experience .assistant-name>span{font-size:9px;color:#87909a;font-weight:400}
#experience .prepared-answer>p{font-size:13px;line-height:1.95;color:#545f6a;margin-top:14px}
#experience .save-answer{font-size:11px;color:#747e89}
#experience .question-form{margin-top:24px;border-color:#dbe0e5;background:#f8f9fa}
#experience .question-form input{font-size:12px}
#experience .context-hint{font-size:10px;line-height:1.85;color:#79838e}
#experience .saved-highlight{background:#fff5ef;border-color:#e9bca5;color:#6d4b3c;font-size:13px}
#experience .personal-note-label{font-size:13px}
#experience .personal-note-label span{font-size:10px}
#experience .product-footnote{border-color:#dde1e5;background:#f8f9fa;color:#7b838c;font-size:10px;line-height:1.9;padding:13px 20px;gap:12px}
.deck-actions{display:flex;align-items:center;gap:8px;margin:16px 0 8px;flex-wrap:wrap}
.deck-actions button,.deck-actions a,.deck-chapters button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;background:none;color:#606b75;font:inherit;font-size:11px;padding:0 11px;text-decoration:none}
.deck-actions button:before,.deck-actions a:before{content:"";position:absolute;inset:5px 0;z-index:-1;border:1px solid #dce1e5;border-radius:5px;background:#fff}
.deck-actions a:last-child{color:#a84b32}
#experience .slide-stage{display:block;aspect-ratio:16/9;min-height:0;padding:0;margin-top:12px;background:#f7f7f5;border:1px solid #d8dde2;border-radius:6px;isolation:auto}
#experience .slide-stage:after{display:none}
.slide-stage img,#expanded-stage img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.slide-caption{font-size:11px;color:#68717a;text-align:center;line-height:1.9;margin:12px 0 0}
.deck-chapters{display:flex;gap:5px;flex-wrap:wrap;margin-top:22px;border-top:1px solid #e4e7eb;padding-top:12px}
.deck-chapters button{padding-inline:8px;min-width:44px;color:#7b848d;font-size:10px}
.deck-chapters [aria-pressed=true]{color:#a84b32}
#slides-dialog{width:min(1100px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 40px);padding:24px;border:1px solid #d3d8de;border-radius:12px;background:#f4f5f6;overflow:auto;color:#424b55}
#slides-dialog .dialog-heading{align-items:center;margin-bottom:20px;gap:12px}
#slides-dialog h2{font-size:16px;font-weight:500;line-height:1.7}
#expanded-stage{border:1px solid #d9dde1;border-radius:5px;overflow:hidden;background:#fbfaf7}
#slides-dialog .slide-controls{margin-top:12px}
@media(min-width:1001px) and (max-width:1200px){#experience .asset-columns{grid-template-columns:minmax(250px,29fr) minmax(370px,45fr) minmax(240px,26fr)}#experience .reader-scroll{padding:23px}#experience .reader-tabs{padding-inline:8px}#experience .reader-tabs button{font-size:11px;padding-inline:4px}#experience .context-view{padding:24px 18px}}
@media(max-width:1000px){#experience .asset-columns{display:block;height:740px}#experience .asset-pane{height:100%}#experience .reader-scroll{padding:26px}#experience .reader-tabs{padding-inline:13px;display:flex;gap:0;justify-content:space-between}#experience .reader-tabs button{font-size:12px;min-width:0;min-height:50px;padding-inline:3px}#experience .asset-reading-title{font-size:27px}#experience .context-view{padding:26px}#experience .source-video{height:auto}#experience .transcript-quote p{font-size:14px}#experience .question-form input{font-size:16px}#experience .prepared-answer>p{font-size:14px}#experience .source-identity{padding:18px 24px 8px}}
@media(max-width:600px){#experience .asset-experience-heading h2{font-size:27px}#experience .asset-experience-heading>div>p:last-child{font-size:11px;line-height:1.9;max-width:290px}#experience .snapshot-label{font-size:10px;margin-top:10px}#experience .product-toolbar{min-height:56px}#experience .product-toolbar strong{font-size:11px}#experience .product-toolbar .compact{font-size:10px}#experience .asset-columns{height:690px}#experience .reader-tabs{padding:0 7px;min-height:48px}#experience .reader-tabs button{font-size:11px;min-height:48px;flex:1;letter-spacing:0;padding-inline:2px}#experience .reader-scroll{padding:23px 20px 28px}#experience .reader-meta{font-size:9px;gap:4px}#experience .asset-reading-title{font-size:25px;line-height:1.55;margin-bottom:23px}#experience .case-summary{padding:20px}#experience .case-summary .reader-lead{font-size:14px;line-height:1.95}#experience .module-title{font-size:23px}#experience .overview-points h3{font-size:14px}#experience .overview-points p,#experience .chapter p{font-size:14px}#experience .chapter summary{font-size:14px}#experience .context-view{padding:24px 20px}#experience .question-chips button{font-size:13px}#experience .prepared-answer>p{font-size:14px}#experience .source-identity{padding:16px 20px 7px}#experience .transcript-heading h4{font-size:12px}#experience .product-footnote{padding:12px 14px;font-size:10px}#experience .product-footnote>span:last-child{display:none}.deck-actions{gap:6px}.deck-actions button,.deck-actions a{font-size:11px;padding-inline:9px}.deck-chapters{gap:1px}.deck-chapters button{font-size:10px;padding-inline:5px}#slides-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:17px 12px;border-radius:10px}#slides-dialog h2{font-size:12px}#slides-dialog .dialog-heading{margin-bottom:14px}#slides-dialog .icon-button{flex:none}#slides-dialog .slide-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){#experience *{scroll-behavior:auto}}
