/* Full-screen case scenes: native HTML and SVG, independent of the original tall canvas. */ #case-view .presentation-scene{position:absolute;inset:0;height:100%;min-height:0;padding:0;overflow:auto;overscroll-behavior:contain;container-type:normal;background:white;border-radius:0} #case-view .presentation-scene .scene-body{position:relative;display:grid;gap:20px;width:100%;max-width:1120px;min-width:0;height:auto;min-height:100%;margin:0 auto;padding:36px 32px;aspect-ratio:auto;align-content:center} #case-view .presentation-scene .scene-body>*{position:relative;inset:auto;order:0;width:auto;height:auto;min-width:0;margin:0} #case-view .presentation-scene :is(h2,h3,h4,p){max-width:100%;overflow-wrap:anywhere;text-wrap:initial} #case-view .presentation-scene h2{font:500 38px/1.15 var(--display);letter-spacing:-.035em;margin:0} #case-view .presentation-scene h3{font:500 22px/1.25 var(--display);letter-spacing:-.025em;margin:0} #case-view .presentation-scene h4{font:500 18px/1.3 var(--body);margin:0} #case-view .presentation-scene p{font:400 15px/1.5 var(--body);margin:8px 0 0} #case-view .presentation-scene :is(.cm-label,.yaml-label,.idm-label,.arch-label,.history-step-meta,.hero-micro-heading,.cover-meta,.finale-kicker,.cm-eyebrow,.yaml-eyebrow,.idm-eyebrow){font-size:14px;line-height:1.4} #case-view .presentation-scene :is(.cm-eyebrow,.yaml-eyebrow,.idm-eyebrow){display:flex;flex-wrap:wrap;gap:12px;align-items:center} #case-view .presentation-scene :is(.cm-intro,.yaml-intro,.idm-intro,.arch-intro){width:100%;margin:0} #case-view .presentation-scene :is(.cm-intro,.yaml-intro,.idm-intro,.arch-intro) h2{width:auto;margin:10px 0 0} #case-view .presentation-scene :is(.cm-intro,.arch-intro) p{position:static;inset:auto;width:auto;font-size:15px;margin-top:10px} #case-view .presentation-scene :is(.icon,.cm-icon,.yaml-icon,.idm-icon,.arch-icon){width:22px;height:22px;flex:none} #case-view .presentation-scene :is(.cm-flow,.cm-ui-annotations,.yaml-flow,.idm-flow,.arch-flow,.history-connectors,.history-decals,.idm-relationship-lines,.cm-pipeline-wires){display:none} #case-view .presentation-scene :is(.shot,.panel-shot){width:100%;max-width:100%;margin:0;box-shadow:none} #case-view .presentation-scene .shot:not(.cm-result-frame) img{position:static;width:100%;height:auto;max-height:300px;object-fit:contain} #case-view .presentation-scene :is(.yaml-report,.idm-report) img{width:100%;height:auto;max-height:300px;object-fit:contain} #case-view .presentation-scene .screen-links{position:static;inset:auto;display:flex;flex-wrap:wrap;gap:14px;padding:8px 0 0;margin:0} #case-view .presentation-scene .screen-link{font-size:14px;line-height:1.4;min-height:36px;padding:6px 0} #case-view .presentation-scene .report-caption{display:flex;flex-wrap:wrap;align-items:center;align-self:auto;gap:12px;width:auto;max-width:100%;margin:0;font-size:14px} #case-view .presentation-scene .report-caption>.icon{width:24px;height:24px;margin:0} #case-view .presentation-scene .report-caption b{font:500 18px/1.3 var(--display);padding:0} #case-view .presentation-scene .report-caption p{font-size:14px;margin-top:4px} #case-view .presentation-scene :is(.cm-ci,.cm-pr,.cm-controls,.cm-result-heading):before{display:none} #case-view .presentation-scene .diagram-zoom{display:inline-flex;align-items:center;justify-self:start;gap:10px;width:auto;max-width:100%;height:auto;min-height:40px;margin:0;font:400 14px/1.4 var(--body);padding:8px 14px;white-space:normal} #case-view .presentation-scene .diagram-zoom>span{min-width:0;overflow-wrap:anywhere} /* Cover: one compact hardware scene, with labels outside the registered device. */ #case-view .presentation-scene[data-kind="cover"] .scene-body{gap:12px} #case-view .presentation-scene[data-kind="cover"] .cover-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px} #case-view .presentation-scene[data-kind="cover"] .hero-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0} #case-view .presentation-scene[data-kind="cover"] .wordmark h1{font:600 clamp(76px,9vw,120px)/1 var(--display);letter-spacing:-.04em;margin:0} #case-view .presentation-scene[data-kind="cover"] .hero-intro{width:330px;max-width:45%;padding:0;margin:0} #case-view .presentation-scene[data-kind="cover"] .hero-sub{font-size:20px;line-height:1.3;width:auto;margin:0;white-space:normal;text-wrap:initial} #case-view .presentation-scene[data-kind="cover"] .hero-intro-note{font-size:14px;line-height:1.5;margin:8px 0 0;white-space:normal} #case-view .presentation-scene[data-kind="cover"] .hero-intro-caption{font-size:14px;gap:8px;margin-top:12px} #case-view .presentation-scene[data-kind="cover"] .hero-stage{display:grid;grid-template-columns:150px minmax(0,1fr)140px;align-items:center;gap:16px;height:auto;padding:0;margin:0;aspect-ratio:auto} #case-view .presentation-scene[data-kind="cover"] .hero-device{grid-column:2;grid-row:1;width:100%;max-width:520px;margin:0 auto;top:0;aspect-ratio:3/2} #case-view .presentation-scene[data-kind="cover"] .hero-construction{left:50%;right:auto;top:0;width:min(100%,600px);height:100%;transform:translateX(-50%);opacity:.6} #case-view .presentation-scene[data-kind="cover"] :is(.hero-catalog,.hero-run){position:relative;inset:auto;grid-row:1;width:auto;min-width:0;margin:0} #case-view .presentation-scene[data-kind="cover"] .hero-catalog{grid-column:1} #case-view .presentation-scene[data-kind="cover"] .hero-catalog ul{gap:14px;margin-top:14px} #case-view .presentation-scene[data-kind="cover"] .hero-catalog li{font-size:14px;gap:6px;white-space:normal} #case-view .presentation-scene[data-kind="cover"] .hero-catalog li>span{min-width:0} #case-view .presentation-scene[data-kind="cover"] .hero-run{grid-column:3;gap:22px;padding-left:16px} #case-view .presentation-scene[data-kind="cover"] .hero-run>div:before{left:-19px} #case-view .presentation-scene[data-kind="cover"] .hero-run :is(small,span){font-size:14px;white-space:normal} /* Overview keeps the three evidence objects visible together. */ #case-view .presentation-scene[data-kind="overview"]{background:var(--ink);color:white} #case-view .presentation-scene[data-kind="overview"] .overview-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0} #case-view .presentation-scene[data-kind="overview"] .overview-tool{position:relative;inset:auto;display:block;width:auto;min-width:0} #case-view .presentation-scene[data-kind="overview"] .overview-tool-copy>small{font-size:14px;gap:10px;margin-bottom:10px} #case-view .presentation-scene[data-kind="overview"] .overview-tool h3{font-size:22px} #case-view .presentation-scene[data-kind="overview"] .overview-tool p{font-size:14px;margin-top:8px} #case-view .presentation-scene[data-kind="overview"] .overview-pipeline{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin-top:18px} #case-view .presentation-scene[data-kind="overview"] .overview-pipeline:before,#case-view .presentation-scene[data-kind="overview"] .overview-pipeline:after{display:none} #case-view .presentation-scene[data-kind="overview"] .overview-stage{padding:10px 12px} #case-view .presentation-scene[data-kind="overview"] .overview-stage :is(span,b){font-size:14px;line-height:1.3} #case-view .presentation-scene[data-kind="overview"] .overview-stage>b{margin-top:6px;gap:8px;white-space:normal} #case-view .presentation-scene[data-kind="overview"] .overview-link{width:22px;height:20px;justify-self:center;transform:rotate(90deg)} #case-view .presentation-scene[data-kind="overview"] .overview-tree{margin-top:18px} #case-view .presentation-scene[data-kind="overview"] :is(.overview-directory,.overview-file){font-size:15px;min-height:34px;gap:8px;flex-wrap:wrap} #case-view .presentation-scene[data-kind="overview"] .overview-tree ul{padding-left:20px;margin-left:8px} #case-view .presentation-scene[data-kind="overview"] .overview-tree li:before{left:-20px;width:14px;height:17px} #case-view .presentation-scene[data-kind="overview"] .overview-tree li:not(:last-child):after{left:-20px} #case-view .presentation-scene[data-kind="overview"] .overview-approval{font-size:14px;gap:6px;padding:5px 7px} #case-view .presentation-scene[data-kind="overview"] .overview-roles{display:grid;grid-template-columns:minmax(0,1fr)44px minmax(0,1fr);gap:12px;margin-top:18px;padding:0} #case-view .presentation-scene[data-kind="overview"] .overview-role{min-width:0;min-height:100px;padding:12px} #case-view .presentation-scene[data-kind="overview"] .overview-role :is(small,b){font-size:14px;overflow-wrap:anywhere} #case-view .presentation-scene[data-kind="overview"] .overview-role-owner{width:44px;height:44px} #case-view .presentation-scene[data-kind="overview"] .overview-role:first-child:after,#case-view .presentation-scene[data-kind="overview"] .overview-role:nth-child(3):before{width:12px} #case-view .presentation-scene[data-kind="overview"] .overview-conflict{margin-top:12px} #case-view .presentation-scene[data-kind="overview"] .overview-conflict:before{display:none} #case-view .presentation-scene[data-kind="overview"] .overview-conflict>span{top:0;padding:0;margin-bottom:8px;font-size:14px} #case-view .presentation-scene[data-kind="overview"] .overview-conflict>div{font-size:14px;gap:8px;padding:7px 10px} /* The type specimen and its SVG construction remain one graphic. */ #case-view .presentation-scene[data-kind="visual"] .visual-board{display:grid;grid-template-columns:1.2fr 1fr;grid-template-areas:"title title" "type palette" "caption palette" "status-heading status-heading" "statuses statuses";gap:18px;height:auto;aspect-ratio:auto} #case-view .presentation-scene[data-kind="visual"] .visual-board>*{position:relative;inset:auto;width:auto;height:auto;min-width:0;margin:0;order:0} #case-view .presentation-scene[data-kind="visual"] .visual-title{grid-area:title;font-size:36px} #case-view .presentation-scene[data-kind="visual"] .visual-display{grid-area:type;container-type:inline-size;max-width:440px;aspect-ratio:810/416} #case-view .presentation-scene[data-kind="visual"] .visual-large-type{font-size:51.358025cqw;line-height:1} #case-view .presentation-scene[data-kind="visual"] .visual-display-caption{grid-area:caption;display:flex;flex-wrap:wrap;gap:24px} #case-view .presentation-scene[data-kind="visual"] .visual-display-caption h3{font-size:18px} #case-view .presentation-scene[data-kind="visual"] .visual-display-caption span{font-size:14px;margin-top:4px} #case-view .presentation-scene[data-kind="visual"] .visual-palette{grid-area:palette;max-width:380px} #case-view .presentation-scene[data-kind="visual"] .visual-palette h3{font-size:20px} #case-view .presentation-scene[data-kind="visual"] .visual-palette-samples{margin-top:14px;max-height:270px} #case-view .presentation-scene[data-kind="visual"] .visual-status-caption{grid-area:status-heading} #case-view .presentation-scene[data-kind="visual"] .visual-status-caption h3{font-size:18px;white-space:normal} #case-view .presentation-scene[data-kind="visual"] .visual-status-grid{grid-area:statuses;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} #case-view .presentation-scene[data-kind="visual"] .visual-status{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 10px;font-size:14px} #case-view .presentation-scene[data-kind="visual"] .visual-status>svg{grid-column:1;grid-row:1/span 2;width:28px;height:28px} #case-view .presentation-scene[data-kind="visual"] .visual-status>span{grid-column:2;min-width:0} #case-view .presentation-scene[data-kind="visual"] .visual-status>br{display:none} /* Change Management: input, corroboration, classification, report. */ #case-view .presentation-scene[data-kind="cm-input"] .scene-body{grid-template-columns:1fr 1.65fr;grid-template-areas:"intro form" "input form" "check form";gap:34px 48px} #case-view .presentation-scene[data-kind="cm-input"] .cm-intro{grid-area:intro} #case-view .presentation-scene[data-kind="cm-input"] .cm-input-note{grid-area:input} #case-view .presentation-scene[data-kind="cm-input"] .cm-check-note{grid-area:check;display:block} #case-view .presentation-scene[data-kind="cm-input"] .cm-form-screen{grid-area:form;align-self:center} #case-view .presentation-scene .cm-period{max-width:280px;margin-top:14px;padding-bottom:16px;font-size:15px} #case-view .presentation-scene .cm-period>span{font-size:14px} #case-view .presentation-scene .cm-input-note h3{font-size:22px;margin:10px 0 0} #case-view .presentation-scene .cm-choice-mark{margin-top:12px;gap:6px} #case-view .presentation-scene[data-kind="cm-sources"] .scene-body{grid-template-columns:1.45fr 1fr;grid-template-areas:"release release" "ci pr" "ci tracker";gap:30px 42px} #case-view .presentation-scene .cm-release-root{grid-area:release;justify-self:center;width:280px;max-width:100%;border:1px solid var(--ink);padding:12px 18px;text-align:center} #case-view .presentation-scene .cm-release-root h3{font-size:20px} #case-view .presentation-scene .cm-release-root span{font-size:14px;margin-top:3px} #case-view .presentation-scene .cm-ci{grid-area:ci} #case-view .presentation-scene .cm-pr{grid-area:pr} #case-view .presentation-scene .cm-tracker{grid-area:tracker} #case-view .presentation-scene .cm-tracker-route-label{grid-area:route;font-size:14px} #case-view .presentation-scene .cm-record{height:auto;padding:16px} #case-view .presentation-scene .cm-record-source{font-size:14px;gap:10px;flex-wrap:wrap} #case-view .presentation-scene .cm-record-source small{font-size:14px;max-width:none;text-align:left} #case-view .presentation-scene .cm-system-label{font-size:14px;line-height:1.3;padding:4px 7px;white-space:normal} #case-view .presentation-scene .cm-record h3{font-size:20px;margin:10px 0 0} #case-view .presentation-scene :is(.cm-ci-intro,.cm-record-context,.cm-tracker-note){font-size:14px;line-height:1.5;margin-top:8px} #case-view .presentation-scene .cm-job-map{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 30px;height:auto;width:auto;margin-top:20px;padding:0;border:0} #case-view .presentation-scene .cm-job-map>div{position:relative;inset:auto;display:block;width:auto;height:auto;min-height:76px;min-width:0;padding:10px} #case-view .presentation-scene .cm-job-map>div:before{display:none} #case-view .presentation-scene .cm-job-failed{grid-column:1;grid-row:1} #case-view .presentation-scene .cm-job-approval{grid-column:2;grid-row:1} #case-view .presentation-scene .cm-job-deploy{grid-column:2;grid-row:2} #case-view .presentation-scene .cm-job-map>.cm-job-manual{grid-column:1;grid-row:2;padding:10px} #case-view .presentation-scene .cm-job-map span{font-size:14px;line-height:1.35;min-width:0;padding:0;overflow-wrap:anywhere} #case-view .presentation-scene .cm-job-map b{font-size:14px;line-height:1.35;gap:5px;margin-top:8px;min-width:0;flex-wrap:wrap} #case-view .presentation-scene .cm-node-icon{width:18px;height:18px} #case-view .presentation-scene .cm-manual-user{position:static;float:right;width:20px;height:20px;margin:0 0 4px 4px;transform:none} #case-view .presentation-scene .cm-bypass-caption{position:relative;inset:auto;grid-column:1/-1;grid-row:3;font-size:14px;line-height:1.5;margin:0} #case-view .presentation-scene .cm-pr-link{font-size:14px;gap:12px;padding:8px 0;margin-top:10px} #case-view .presentation-scene .cm-pr-facts{margin-top:10px} #case-view .presentation-scene .cm-pr-facts>div{height:auto;min-height:30px;padding:5px 0;gap:12px} #case-view .presentation-scene .cm-pr-facts :is(b,span){font-size:14px;min-width:0;overflow-wrap:anywhere} #case-view .presentation-scene[data-kind="cm-bypass"] .scene-body{grid-template-columns:1.5fr 1fr;gap:40px} #case-view .presentation-scene .cm-skip-detail{position:relative;inset:auto;grid-column:1;grid-row:1/3;width:auto;margin:0;padding:20px;background:var(--paper);border:0} #case-view .presentation-scene .cm-skip-detail h3{font-size:25px;margin:0} #case-view .presentation-scene .cm-skip-purpose{font-size:14px;line-height:1.5;max-width:none;margin-top:12px} #case-view .presentation-scene .cm-skip-evidence{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0} #case-view .presentation-scene .cm-skip-evidence>div+div{padding-left:12px} #case-view .presentation-scene .cm-skip-evidence dt{font-size:14px} #case-view .presentation-scene .cm-skip-evidence dd{font-size:18px;margin-top:6px} #case-view .presentation-scene .cm-skip-outcomes{padding:8px 0;margin-top:16px} #case-view .presentation-scene .cm-skip-outcomes>div{grid-template-columns:minmax(0,1fr)18px minmax(0,1fr);gap:10px;min-height:40px;padding:6px 0;font-size:14px} #case-view .presentation-scene .cm-skip-outcomes :is(span,b){min-width:0;overflow-wrap:anywhere} #case-view .presentation-scene .cm-controls{grid-column:2;grid-row:1;text-align:left;padding:0} #case-view .presentation-scene .cm-verdict{grid-column:2;grid-row:2;margin:0;padding:0} #case-view .presentation-scene :is(.cm-controls,.cm-verdict) h3{font-size:23px;margin-top:8px} #case-view .presentation-scene .cm-output-states{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px} #case-view .presentation-scene .cm-output-states>span{display:grid;grid-template-columns:26px minmax(0,1fr);gap:0 10px;min-height:32px;font-size:14px} #case-view .presentation-scene .cm-output-states>span>svg{grid-column:1;grid-row:1/span 2;width:26px;height:26px} #case-view .presentation-scene .cm-output-states>span>span{grid-column:2;min-width:0} #case-view .presentation-scene .cm-output-states>span>br{display:none} #case-view .presentation-scene[data-kind="cm-result"] .cm-result-heading h3{font-size:32px} #case-view .presentation-scene[data-kind="cm-result"] .cm-result-heading p{font-size:15px} #case-view .presentation-scene .cm-result-frame{justify-self:center;width:min(100%,680px);aspect-ratio:1488/756} #case-view .presentation-scene .cm-result-frame img{position:absolute;width:129.032258%;max-width:none;left:-20.698925%;top:-19.57672%;height:auto} #case-view .presentation-scene[data-kind="cm-result"] .cm-workbook{justify-self:end} /* YAML: preserve configuration, policy objects and findings as native elements. */ #case-view .presentation-scene[data-kind="yaml-input"] .scene-body{grid-template-columns:1.35fr 1fr;grid-template-areas:"intro intro" "input-heading tree-heading" "form tree" "branch analysis";gap:34px 46px} #case-view .presentation-scene .yaml-intro{grid-area:intro} #case-view .presentation-scene .yaml-input-heading{grid-area:input-heading;margin:0} #case-view .presentation-scene .yaml-tree-heading{grid-area:tree-heading;margin:0} #case-view .presentation-scene .yaml-form-screen{grid-area:form} #case-view .presentation-scene .yaml-file-tree{grid-area:tree;max-width:none} #case-view .presentation-scene :is(.yaml-input-heading,.yaml-tree-heading) h3{font-size:20px;margin-top:4px} #case-view .presentation-scene .yaml-file-tree ul{padding-left:22px;margin-left:8px} #case-view .presentation-scene .yaml-file-tree li{padding-top:10px} #case-view .presentation-scene .yaml-file-tree li:before{left:-22px;width:16px;height:28px} #case-view .presentation-scene .yaml-file-tree li:not(:last-child):after{left:-22px;top:28px} #case-view .presentation-scene :is(.yaml-tree-folder,.yaml-tree-file){font-size:15px;height:auto;min-height:32px;gap:8px;flex-wrap:wrap} #case-view .presentation-scene .yaml-tree-root{font-size:20px} #case-view .presentation-scene .yaml-tree-file small{width:auto;max-width:100%;height:auto;min-height:32px;font-size:14px;padding:5px 8px;gap:6px} #case-view .presentation-scene .yaml-tree-file small b{font-size:16px} #case-view .presentation-scene .yaml-rule-count{min-width:0;font-size:14px} #case-view .presentation-scene .yaml-file-tree>p{font-size:14px;margin-top:12px} #case-view .presentation-scene .yaml-branch-scene{grid-area:branch;width:150px;max-width:100%;height:68px;justify-self:end;margin:0} #case-view .presentation-scene .yaml-analysis-root{grid-area:analysis;position:relative;inset:auto;display:flex;width:auto;height:auto;min-height:56px;padding:10px 16px;gap:5px;margin:0} #case-view .presentation-scene .yaml-analysis-root h3{font-size:20px} #case-view .presentation-scene .yaml-analysis-root>span{font-size:14px} #case-view .presentation-scene[data-kind="yaml-checks"] .yaml-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:24px;height:auto;padding:0;background:white} #case-view .presentation-scene .yaml-check{min-width:0;padding-top:14px;border-bottom:0} #case-view .presentation-scene .yaml-check h3{font-size:21px} #case-view .presentation-scene .yaml-check>.yaml-label{font-size:14px;margin-top:6px} #case-view .presentation-scene .yaml-required-count{height:auto;gap:10px;margin-top:14px;flex-wrap:wrap} #case-view .presentation-scene .yaml-required-count>b{font-size:42px} #case-view .presentation-scene .yaml-required-count>span{font-size:15px} #case-view .presentation-scene .yaml-reviewers{gap:4px;margin-left:auto} #case-view .presentation-scene .yaml-reviewers i{width:30px;height:30px} #case-view .presentation-scene .yaml-reviewers .yaml-icon{width:20px;height:20px} #case-view .presentation-scene .yaml-group-floor{font-size:14px;margin-top:12px} #case-view .presentation-scene .yaml-check-approvals>small{font-size:14px;margin-top:8px} #case-view .presentation-scene .yaml-sticky-flow{grid-template-columns:minmax(0,1fr)64px minmax(0,1fr);gap:8px;margin-top:16px} #case-view .presentation-scene .yaml-sticky-flow>div{height:auto;min-height:82px;padding:8px 4px;gap:6px;font-size:14px} #case-view .presentation-scene .yaml-new-commit{font-size:14px;min-width:0} #case-view .presentation-scene .yaml-new-commit svg{height:16px;margin-top:8px} #case-view .presentation-scene .yaml-same-approval>small{font-size:14px} #case-view .presentation-scene .yaml-check-sticky>p{font-size:14px;margin-top:12px} #case-view .presentation-scene .yaml-check-disabling ul{gap:12px;margin-top:16px} #case-view .presentation-scene .yaml-check-disabling li{height:auto;min-height:30px;gap:8px;font-size:14px} #case-view .presentation-scene .yaml-history{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;height:auto;margin:12px 0 0;padding:16px 0 0;border-top:1px solid var(--line)} #case-view .presentation-scene .yaml-history h3{font-size:23px} #case-view .presentation-scene .yaml-history-stages{grid-template-columns:repeat(3,minmax(0,1fr))} #case-view .presentation-scene .yaml-history-stages>div{padding:0 10px} #case-view .presentation-scene .yaml-history-stages time{font-size:14px;min-height:0} #case-view .presentation-scene .yaml-history-stages b{display:flex;flex-wrap:wrap;font-size:32px;gap:8px;margin-top:8px} #case-view .presentation-scene .yaml-history-stages small{font-size:14px} #case-view .presentation-scene .yaml-history-gap em{font-size:14px;margin-top:8px} #case-view .presentation-scene[data-kind="yaml-result"] .scene-body{grid-template-columns:230px minmax(0,1fr);grid-template-areas:"heading heading" "summary report" "workbook workbook";gap:30px 42px} #case-view .presentation-scene .yaml-result-heading{grid-area:heading} #case-view .presentation-scene .yaml-result-heading h3{font-size:30px;margin-top:6px} #case-view .presentation-scene .yaml-result-summary{grid-area:summary;max-width:none} #case-view .presentation-scene .yaml-result-summary h3{font-size:20px;gap:12px} #case-view .presentation-scene .yaml-result-summary h3>b{font-size:64px} #case-view .presentation-scene .yaml-result-bar{height:6px;margin-top:14px} #case-view .presentation-scene .yaml-result-summary dl{margin-top:12px} #case-view .presentation-scene .yaml-result-summary dl>div{gap:14px;min-height:42px} #case-view .presentation-scene .yaml-result-summary dt{width:42px;font-size:23px} #case-view .presentation-scene .yaml-result-summary dd{font-size:14px} #case-view .presentation-scene .yaml-report{grid-area:report} #case-view .presentation-scene .yaml-workbook{grid-area:workbook;justify-self:end} /* Access: role pair, time overlap, additional approval and evidence. */ #case-view .presentation-scene[data-kind="idm-roles"] .scene-body{grid-template-columns:1fr 1fr;grid-template-areas:"intro intro" "relationship relationship" "matrix history";gap:18px 26px} #case-view .presentation-scene .idm-intro{grid-area:intro} #case-view .presentation-scene .idm-relationship{grid-area:relationship;display:grid;grid-template-columns:minmax(0,1fr)110px minmax(0,1fr);gap:32px 36px;align-items:center;height:auto;padding:0;background:white} #case-view .presentation-scene .idm-relationship>*{position:relative;inset:auto;order:0;width:auto;height:auto;min-width:0} #case-view .presentation-scene .idm-access{padding:14px 16px;min-height:110px} #case-view .presentation-scene .idm-access>div{font-size:14px} #case-view .presentation-scene .idm-access h3{font-size:20px;margin-top:8px} #case-view .presentation-scene .idm-access small{font-size:14px;line-height:1.4;margin-top:8px;overflow-wrap:anywhere} #case-view .presentation-scene .idm-access-a{grid-column:1;grid-row:1} #case-view .presentation-scene .idm-access-b{grid-column:3;grid-row:1} #case-view .presentation-scene .idm-identity{grid-column:2;grid-row:1;display:flex} #case-view .presentation-scene .idm-identity>span{font-size:14px} #case-view .presentation-scene .idm-identity-portrait{width:60px;height:60px;margin-top:8px} #case-view .presentation-scene .idm-identity-portrait>.icon{width:32px;height:32px} #case-view .presentation-scene .idm-identity>b{font-size:14px;margin-top:8px} #case-view .presentation-scene .idm-pair-tag{grid-column:1/-1;grid-row:2;justify-self:center;width:auto;height:auto;min-height:32px;padding:5px 14px;font-size:14px;gap:8px} #case-view .presentation-scene .idm-pair-tag svg{width:16px;height:16px} #case-view .presentation-scene .idm-matrix{grid-area:matrix} #case-view .presentation-scene .idm-source-history{grid-area:history} #case-view .presentation-scene .idm-source{height:auto;padding:0} #case-view .presentation-scene .idm-source-top{gap:8px;flex-wrap:wrap} #case-view .presentation-scene .idm-source-top>small{font-size:14px} #case-view .presentation-scene .idm-system-label{font-size:14px} #case-view .presentation-scene .idm-source h3{font-size:22px;margin-top:8px} #case-view .presentation-scene .idm-matrix-key{gap:8px;margin-top:12px;flex-wrap:wrap} #case-view .presentation-scene .idm-matrix-key>span{width:30px;height:30px;font-size:16px} #case-view .presentation-scene .idm-matrix-key>i{font-size:16px} #case-view .presentation-scene .idm-matrix-key>p{font-size:14px;margin:0} #case-view .presentation-scene .idm-source-history{padding-left:16px} #case-view .presentation-scene .idm-source-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px} #case-view .presentation-scene .idm-source-facts>span{gap:8px;font-size:14px;min-width:0} #case-view .presentation-scene[data-kind="idm-timeline"] .scene-body{grid-template-columns:.8fr 1.2fr;grid-template-areas:"input overlap" "form overlap";gap:28px 44px} #case-view .presentation-scene .idm-input-heading{grid-area:input;margin:0} #case-view .presentation-scene .idm-input-heading h3{font-size:22px;margin-top:8px} #case-view .presentation-scene .idm-form-screen{grid-area:form} #case-view .presentation-scene .idm-overlap{grid-area:overlap;position:relative;height:auto;padding:0;margin:0} #case-view .presentation-scene .idm-timeline-heading{max-width:none} #case-view .presentation-scene .idm-overlap h3{font-size:25px;margin-top:8px} #case-view .presentation-scene .idm-period-note{position:static;inset:auto;align-items:flex-start;width:auto;margin-top:14px;gap:5px} #case-view .presentation-scene .idm-period-note :is(span,b,small){font-size:14px;line-height:1.4} #case-view .presentation-scene .idm-timeline{width:100%;min-width:0;height:auto;margin-top:18px} #case-view .presentation-scene[data-kind="idm-result"] .scene-body{grid-template-columns:290px minmax(0,1fr);grid-template-areas:"warnings heading" "warnings summary" "warnings report" "warnings workbook";gap:30px 42px} #case-view .presentation-scene .idm-warnings{grid-area:warnings} #case-view .presentation-scene .idm-warning-intro h3{font-size:23px;margin-top:8px} #case-view .presentation-scene .idm-approval-route{grid-template-columns:minmax(0,1fr)42px minmax(0,1fr);height:auto;gap:8px;margin-top:16px} #case-view .presentation-scene .idm-approval-route>div{gap:8px} #case-view .presentation-scene .idm-approval-route span{font-size:14px;text-align:center} #case-view .presentation-scene .idm-approval-route .icon{width:32px;height:32px} #case-view .presentation-scene .idm-route-arrow{height:24px;margin-top:4px} #case-view .presentation-scene .idm-control-gap{gap:12px;padding:16px;margin-top:16px} #case-view .presentation-scene .idm-control-gap :is(div,strong){min-height:32px;font-size:14px;gap:10px} #case-view .presentation-scene .idm-control-gap>div:after{left:11px;top:32px;height:12px} #case-view .presentation-scene .idm-result-heading{grid-area:heading;margin:0} #case-view .presentation-scene .idm-result-summary{grid-area:summary;display:flex;flex-wrap:wrap;gap:24px} #case-view .presentation-scene .idm-result-summary h3{font-size:20px;gap:12px} #case-view .presentation-scene .idm-result-summary h3>b{font-size:48px} #case-view .presentation-scene .idm-result-summary strong{font-size:32px} #case-view .presentation-scene .idm-result-summary>div{gap:10px} #case-view .presentation-scene .idm-result-summary>div>span{font-size:14px} #case-view .presentation-scene .idm-report{grid-area:report} #case-view .presentation-scene .idm-workbook{grid-area:workbook;justify-self:end} /* The terrain and homography are cropped together, never translated separately. */ #case-view .presentation-scene[data-kind="history"] .scene-body{grid-template-columns:1.2fr 1fr;grid-template-areas:"heading scene" "live scene" "output scene";gap:36px 40px;align-items:start} #case-view .presentation-scene[data-kind="history"] .history-heading{grid-area:heading;position:relative;inset:auto;width:auto;height:auto;margin:0} #case-view .presentation-scene[data-kind="history"] .history-kicker{font-size:14px;gap:8px} #case-view .presentation-scene[data-kind="history"] .history-kicker>i{width:6px;height:6px} #case-view .presentation-scene[data-kind="history"] .history-heading h2{font-size:36px;margin-top:10px} #case-view .presentation-scene[data-kind="history"] .lede{position:static;inset:auto;font-size:15px;line-height:1.5;margin-top:12px} #case-view .presentation-scene[data-kind="history"] .history-scene{grid-area:scene;position:relative;inset:auto;z-index:0;order:0;width:300px;max-width:100%;height:auto;aspect-ratio:1/1.65;justify-self:center;overflow:hidden;margin:0;border-radius:0} #case-view .presentation-scene[data-kind="history"] :is(.history-scene-photo,.history-screen-stage){position:absolute;left:-108%;top:0;width:220%;max-width:none;height:auto;aspect-ratio:4/3;translate:none;scale:1} #case-view .presentation-scene[data-kind="history"] .history-step{position:relative;inset:auto;width:auto;height:auto;padding:0;order:0} #case-view .presentation-scene[data-kind="history"] .history-live{grid-area:live;display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px} #case-view .presentation-scene[data-kind="history"] .history-output{grid-area:output;display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px} #case-view .presentation-scene[data-kind="history"] .history-timer{width:100px;height:100px} #case-view .presentation-scene[data-kind="history"] .history-timer>b{font-size:24px} #case-view .presentation-scene[data-kind="history"] .history-timer>span{font-size:14px;margin-top:6px} #case-view .presentation-scene[data-kind="history"] .history-live h3{font-size:23px;margin-top:8px} #case-view .presentation-scene[data-kind="history"] :is(.history-step-meta,.history-output .history-step-meta){font-size:14px} #case-view .presentation-scene[data-kind="history"] .history-run-controls{font-size:14px;gap:8px;margin-top:12px} #case-view .presentation-scene[data-kind="history"] .history-file{width:64px;height:73px} #case-view .presentation-scene[data-kind="history"] .history-file>b{left:19px;top:42px;font-size:14px} #case-view .presentation-scene[data-kind="history"] .history-output h3{font-size:23px;margin-top:8px;white-space:normal} #case-view .presentation-scene[data-kind="history"] .history-download{font-size:14px;gap:8px;margin-top:12px} /* Architecture graphics stay native SVG; the surrounding copy uses a compact grid. */ #case-view .presentation-scene[data-kind="arch-layers"] .scene-body{grid-template-columns:.9fr 1.1fr;grid-template-areas:"intro intro" "front stack" "api stack" "worker stack" "note stack";gap:24px 52px} #case-view .presentation-scene .arch-intro{grid-area:intro} #case-view .presentation-scene .arch-layer-front{grid-area:front} #case-view .presentation-scene .arch-layer-api{grid-area:api} #case-view .presentation-scene .arch-layer-worker{grid-area:worker} #case-view .presentation-scene .arch-layer{display:flex;gap:14px;align-items:flex-start} #case-view .presentation-scene .arch-layer-index{font-size:14px;padding:0} #case-view .presentation-scene .arch-layer>div{min-width:0} #case-view .presentation-scene .arch-layer h3{font-size:23px;margin-top:5px} #case-view .presentation-scene .arch-layer p{font-size:15px;margin-top:6px} #case-view .presentation-scene .arch-stack{grid-area:stack;width:100%;max-width:none;height:360px;align-self:center;justify-self:center} #case-view .presentation-scene .arch-entrance-note{grid-area:note;width:auto;gap:10px;margin:0;font-size:14px} #case-view .presentation-scene[data-kind="arch-deploy"] .scene-body{grid-template-columns:1.2fr 1fr;grid-template-areas:"heading summary" "map map" "zoom zoom";gap:14px 28px} #case-view .presentation-scene .arch-deploy-heading{grid-area:heading;margin:0} #case-view .presentation-scene .arch-deploy-heading h3{font-size:32px;margin-top:10px} #case-view .presentation-scene .arch-deploy-summary{grid-area:summary;display:flex;flex-wrap:wrap;gap:12px;align-items:center} #case-view .presentation-scene .arch-deploy-summary>div{gap:10px;flex-wrap:wrap} #case-view .presentation-scene .arch-deploy-summary b{font-size:28px} #case-view .presentation-scene .arch-deploy-summary span{font-size:15px} #case-view .presentation-scene .arch-deploy-summary i{height:22px;margin:0 6px} #case-view .presentation-scene .arch-deploy-summary p{font-size:14px;max-width:none;margin:0} #case-view .presentation-scene .arch-deployment{grid-area:map;width:100%;height:340px;margin:0} #case-view .presentation-scene .arch-map-zoom{grid-area:zoom;display:inline-flex;order:0} #case-view .presentation-scene[data-kind="arch-storage"] .scene-body{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"heading map" "owner map";gap:20px 32px;align-items:center} #case-view .presentation-scene .arch-storage-heading{grid-area:heading;margin:0} #case-view .presentation-scene .arch-storage-heading h3{font-size:32px;margin-top:10px} #case-view .presentation-scene .arch-vault{grid-area:map;width:100%;height:350px;margin:0} #case-view .presentation-scene .arch-history-result{grid-area:owner;gap:12px;padding:16px 0;margin:0} #case-view .presentation-scene .arch-history-result>div{min-width:0} #case-view .presentation-scene .arch-history-result h4{font-size:20px} #case-view .presentation-scene .arch-history-result p{font-size:14px;margin-top:6px} #case-view .presentation-scene[data-kind="finale"]{background:var(--blue);color:white} #case-view .presentation-scene[data-kind="finale"] .finale-heading{position:relative;inset:auto;width:auto} #case-view .presentation-scene[data-kind="finale"] .finale-kicker{font-size:14px;color:#eee8ff} #case-view .presentation-scene[data-kind="finale"] .finale-heading h2{font-size:36px;margin-top:10px;color:white} #case-view .presentation-scene[data-kind="finale"] .finale-scene{position:relative;inset:auto;width:100%;height:320px;margin:0;overflow:visible} #case-view .presentation-scene[data-kind="finale"] .finale-zoom{display:inline-flex;background:white;color:var(--blue);border-color:white} #case-view .presentation-scene[data-kind="finale"] .finale-mobile-summary{display:block;font-size:14px;margin:0;color:#eee8ff} /* Mobile scenes scroll internally at readable sizes. */ @media(max-width:599px){ #case-view .presentation-scene .scene-body{display:flex;flex-direction:column;gap:32px;padding:28px 20px;min-height:100%;justify-content:safe center} #case-view .presentation-scene .scene-body>*{grid-area:auto;grid-column:auto;grid-row:auto} #case-view .presentation-scene h2{font-size:30px} #case-view .presentation-scene h3{font-size:22px} #case-view .presentation-scene[data-kind="cover"] .hero-heading{display:block} #case-view .presentation-scene[data-kind="cover"] .hero-intro{width:100%;max-width:none;margin-top:18px} #case-view .presentation-scene[data-kind="cover"] .hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px} #case-view .presentation-scene[data-kind="cover"] .hero-device{grid-column:1/-1;grid-row:1;width:100%;max-width:500px} #case-view .presentation-scene[data-kind="cover"] .hero-catalog{grid-column:1;grid-row:2} #case-view .presentation-scene[data-kind="cover"] .hero-run{grid-column:2;grid-row:2} #case-view .presentation-scene[data-kind="cover"] .hero-construction{height:auto;aspect-ratio:1440/850;top:0} #case-view .presentation-scene[data-kind="overview"] .overview-tools{grid-template-columns:minmax(0,1fr);gap:32px} #case-view .presentation-scene[data-kind="overview"] .overview-pipeline{grid-template-columns:1fr 24px 1fr 24px 1fr;gap:6px} #case-view .presentation-scene[data-kind="overview"] .overview-link{width:100%;height:24px;transform:none} #case-view .presentation-scene[data-kind="overview"] .overview-roles{grid-template-columns:minmax(0,1fr)52px minmax(0,1fr)} #case-view .presentation-scene[data-kind="visual"] .visual-board{display:flex;flex-direction:column;gap:22px} #case-view .presentation-scene[data-kind="visual"] .visual-display{width:100%;max-width:440px;height:auto} #case-view .presentation-scene[data-kind="visual"] .visual-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #case-view .presentation-scene[data-kind="yaml-checks"] .yaml-controls{grid-template-columns:minmax(0,1fr);gap:28px} #case-view .presentation-scene .yaml-history{grid-template-columns:minmax(0,1fr);gap:16px} #case-view .presentation-scene .yaml-branch-scene{align-self:flex-end} #case-view .presentation-scene .yaml-result-summary{max-width:400px} #case-view .presentation-scene .idm-relationship{grid-template-columns:minmax(0,1fr)90px minmax(0,1fr);gap:14px} #case-view .presentation-scene .idm-access{padding:12px} #case-view .presentation-scene .idm-access h3{font-size:17px} #case-view .presentation-scene .idm-source-history{padding-left:16px} #case-view .presentation-scene .idm-result-summary{gap:20px} #case-view .presentation-scene .idm-timeline-viewport{overflow-x:auto} #case-view .presentation-scene .idm-timeline{min-width:0} #case-view .presentation-scene .idm-timeline-scroll-hint{display:none} #case-view .presentation-scene[data-kind="history"] .history-heading h2{font-size:30px} #case-view .presentation-scene[data-kind="history"] .history-scene{width:300px;max-width:100%;align-self:center} #case-view .presentation-scene .arch-stack{height:auto;max-height:420px} #case-view .presentation-scene .arch-deployment{height:auto;min-height:240px} #case-view .presentation-scene .arch-vault{height:auto;min-height:200px} #case-view .presentation-scene[data-kind="finale"] .finale-heading h2{font-size:30px} #case-view .presentation-scene[data-kind="finale"] .finale-scene{height:auto;min-height:180px} } @media(max-width:499px){ #case-view .presentation-scene .scene-body{padding:20px 16px} #case-view .presentation-scene h2{font-size:26px} #case-view .presentation-scene[data-kind="cover"] .wordmark h1{font-size:clamp(68px,21vw,100px)} #case-view .presentation-scene[data-kind="cover"] .hero-stage{grid-template-columns:minmax(0,1fr)} #case-view .presentation-scene[data-kind="cover"] .hero-device{grid-column:1;grid-row:1} #case-view .presentation-scene[data-kind="cover"] .hero-catalog{grid-column:1;grid-row:2} #case-view .presentation-scene[data-kind="cover"] .hero-run{grid-column:1;grid-row:3} #case-view .presentation-scene[data-kind="overview"] .overview-pipeline{grid-template-columns:minmax(0,1fr);gap:8px} #case-view .presentation-scene[data-kind="overview"] .overview-link{width:22px;height:20px;transform:rotate(90deg)} #case-view .presentation-scene[data-kind="overview"] .overview-roles{grid-template-columns:minmax(0,1fr);gap:12px} #case-view .presentation-scene[data-kind="overview"] .overview-role-owner{justify-self:center} #case-view .presentation-scene[data-kind="overview"] .overview-role:first-child:after,#case-view .presentation-scene[data-kind="overview"] .overview-role:nth-child(3):before{display:none} #case-view .presentation-scene[data-kind="visual"] .visual-status-grid{grid-template-columns:minmax(0,1fr)} #case-view .presentation-scene .cm-job-map{grid-template-columns:minmax(0,1fr);gap:26px} #case-view .presentation-scene .cm-job-map>div,#case-view .presentation-scene .cm-job-map>.cm-job-manual,#case-view .presentation-scene .cm-bypass-caption{grid-column:auto;grid-row:auto;min-height:0} #case-view .presentation-scene .cm-job-failed{order:0} #case-view .presentation-scene .cm-job-map>.cm-job-manual{order:1} #case-view .presentation-scene .cm-bypass-caption{order:2} #case-view .presentation-scene .cm-job-approval{order:3} #case-view .presentation-scene .cm-job-deploy{order:4} #case-view .presentation-scene .cm-skip-detail{padding:16px} #case-view .presentation-scene .cm-skip-evidence{display:grid;grid-template-columns:minmax(0,1fr);gap:12px} #case-view .presentation-scene .cm-skip-evidence>div,#case-view .presentation-scene .cm-skip-evidence>div+div{display:block;border:0;padding:0} #case-view .presentation-scene .cm-skip-evidence dd{margin-top:4px;text-align:left} #case-view .presentation-scene .yaml-history-stages{grid-template-columns:minmax(0,1fr);gap:16px} #case-view .presentation-scene .yaml-history-stages>div{padding:10px 12px} #case-view .presentation-scene .yaml-history-stages time{display:block} #case-view .presentation-scene .yaml-history-stages i{margin-right:0} #case-view .presentation-scene .idm-relationship{grid-template-columns:minmax(0,1fr);gap:26px} #case-view .presentation-scene :is(.idm-access-a,.idm-access-b,.idm-identity,.idm-pair-tag){grid-column:auto;grid-row:auto} #case-view .presentation-scene .idm-identity{order:1} #case-view .presentation-scene .idm-access-a{order:0} #case-view .presentation-scene .idm-access-b{order:2} #case-view .presentation-scene .idm-pair-tag{order:3;justify-self:start;max-width:100%;flex-wrap:wrap} #case-view .presentation-scene .idm-source-facts{grid-template-columns:minmax(0,1fr)} #case-view .presentation-scene[data-kind="history"] .history-live,#case-view .presentation-scene[data-kind="history"] .history-output{grid-template-columns:minmax(0,1fr);gap:14px} #case-view .presentation-scene[data-kind="history"] .history-timer,#case-view .presentation-scene[data-kind="history"] .history-file{justify-self:center} #case-view .presentation-scene[data-kind="history"] .history-scene{max-width:280px} #case-view .presentation-scene .arch-deploy-summary{gap:14px} #case-view .presentation-scene .arch-deployment{min-height:180px} } /* The live phone screenshot is part of the registered foreignObject, not a slide thumbnail. */ #case-view .presentation-scene[data-kind="history"] .history-mobile-shot img{width:100%;height:auto;max-height:none;object-fit:initial} @media(min-width:600px) and (max-width:959px){ #case-view .presentation-scene .scene-body{padding:26px 22px;gap:28px} #case-view .presentation-scene h2{font-size:30px} #case-view .presentation-scene h3{font-size:19px} #case-view .presentation-scene .cm-record{padding:12px} #case-view .presentation-scene .cm-job-map{gap:26px 22px} #case-view .presentation-scene .cm-job-map>div{padding:8px} #case-view .presentation-scene .idm-access h3{font-size:17px} #case-view .presentation-scene .arch-stack{height:290px} #case-view .presentation-scene .arch-deployment{height:290px} #case-view .presentation-scene[data-kind="finale"] .finale-scene{height:280px} } @media(min-width:600px) and (max-width:959px){ #case-view .presentation-scene[data-kind="cm-sources"] .scene-body{grid-template-columns:1fr 1fr} #case-view .presentation-scene .cm-pr-facts>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px} #case-view .presentation-scene .cm-pr-facts b{width:auto;overflow-wrap:normal} #case-view .presentation-scene .cm-record h3{font-size:19px} #case-view .presentation-scene .cm-record-source{gap:6px;font-size:13px} #case-view .presentation-scene .cm-record-source small{font-size:12px} } @media(min-width:600px) and (max-width:959px){ #case-view .presentation-scene .cm-manual-user{float:none;display:block;margin:0 0 6px} #case-view .presentation-scene .cm-job-manual>span{overflow-wrap:normal} } #case-view .presentation-scene[data-kind="cm-sources"] .scene-body{padding-block:24px;gap:28px 42px} #case-view .presentation-scene .cm-ci{align-self:start} #case-view .presentation-scene .cm-bypass-caption{padding-top:0} #case-view .presentation-scene[data-kind="cm-input"] .cm-form-screen{width:min(100%,560px);justify-self:center} #case-view .presentation-scene[data-kind="cm-input"] .cm-form-screen img{max-height:none} #case-view .presentation-scene[data-kind="cm-input"] .cm-intro h2{font-size:32px} #case-view .presentation-scene[data-kind="yaml-input"] .scene-body{padding-block:24px;gap:22px 46px} #case-view .presentation-scene[data-kind="yaml-input"] .yaml-intro h2{font-size:32px} #case-view .presentation-scene[data-kind="cover"] .hero-stage{grid-template-columns:170px minmax(0,1fr)160px} @media(max-width:599px){ #case-view .presentation-scene[data-kind="cover"] .hero-stage{grid-template-columns:minmax(0,1fr)} #case-view .presentation-scene[data-kind="cm-input"] .cm-intro h2,#case-view .presentation-scene[data-kind="yaml-input"] .yaml-intro h2{font-size:26px} } @media(min-width:600px) and (max-width:959px){ #case-view .presentation-scene[data-kind="cm-input"] .scene-body{grid-template-columns:1fr 1.4fr;grid-template-areas:"intro intro" "input form" "check form";gap:24px 32px} #case-view .presentation-scene[data-kind="cm-input"] .cm-intro h2{font-size:30px} #case-view .presentation-scene[data-kind="yaml-input"] .scene-body{padding-block:20px} #case-view .presentation-scene[data-kind="cover"] .hero-stage{grid-template-columns:1fr 1fr;gap:18px 28px} #case-view .presentation-scene[data-kind="cover"] .hero-device{grid-column:1/-1;grid-row:1;width:400px;max-width:85%} #case-view .presentation-scene[data-kind="cover"] .hero-catalog{grid-column:1;grid-row:2} #case-view .presentation-scene[data-kind="cover"] .hero-run{grid-column:2;grid-row:2;gap:14px} #case-view .presentation-scene[data-kind="cover"] .hero-construction{height:290px;width:480px;max-width:100%} } #case-view .presentation-scene .timeline-zoom{display:none} @media(max-width:599px){#case-view .presentation-scene .timeline-zoom{display:inline-flex}} #case-view .presentation-scene{overflow-x:hidden} #case-view .presentation-scene .cm-pr-facts>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px} #case-view .presentation-scene .cm-pr-facts b{width:auto;overflow-wrap:normal}