/* Samsung 2017–2018 engines predate CSS Grid. The same six slides retain
   their order, content and 16:9 canvas with block/flex layouts. */
@supports not (display:grid) {
  .masthead,.inner-header .topbar{display:flex}
  .masthead>.program-logo,.topbar>.program-logo{flex:0 0 auto;margin-right:2em}
  .mast-context,.bar-label{flex:1;min-width:0}
  .kn-wrap{margin-left:auto}
  .achievement-body{display:block}
  .metrics{display:flex;height:35%}
  .metric{display:block;width:24.4%;margin-right:.8%;height:100%}
  .metric:last-child{margin-right:0}
  .metric-index{float:left;margin-right:.5em}
  .metric-number,.metric-label,.metric-note{display:block}
  .metric-index{line-height:2.7em;text-align:center}
  .achievement-lower{display:flex;height:61%;margin-top:1.2em}
  .win-panel{width:66%;margin-right:1%}.progress-panel{width:33%}
  .win{display:flex}.win img{width:42%;margin-right:1.4em}.win-copy{flex:1}
  .voice-body{display:flex}.quote-panel{width:64%;margin-right:1%}.voice-side{width:35%;display:block}
  .voice-side>.panel{height:53%;margin-bottom:.8em}.voice-side>.panel:last-child{height:43%;margin-bottom:0}
  .quote-content{display:flex;align-items:center}.quote-icon{flex:0 0 .7em;margin-right:.2em}.quote{flex:1}
  .quote-content.has-photo .report-photo{width:40%;margin-right:1.1em}
  .next-body{display:flex}.action-details{flex:1}.qr{width:6.4em;margin-left:.9em}
  .operations-body{display:block;overflow:hidden}.timeline-panel{float:left;width:63%;height:57%;margin-right:1%}
  .watch-panel{float:left;width:36%;height:57%}.focus-panel{clear:both;top:.82em;height:39%}
  .timeline,.watch-list{display:flex;flex-direction:column;justify-content:center}
  .timeline-item{display:flex;margin-bottom:.72em}.timeline-item:last-child{margin-bottom:0}
  .timeline-item .time{width:5.5em;flex:0 0 auto;margin-right:1em}.timeline-item i{flex:0 0 .85em;margin-right:1em}.timeline-item b{flex:1}
  .watch-list div{margin-bottom:.5em}.watch-list div:last-child{margin-bottom:0}
  .focus-list{display:flex}.focus-list div{width:29%}.focus-list img{margin-left:.7em}
  .coming-body{display:flex}.events-panel{width:64%;margin-right:1%}.coming-side{width:35%;display:block}
  .coming-side>.panel{height:52%;margin-bottom:.8em}.coming-side>.panel:last-child{height:44%;margin-bottom:0}
  .event-list,.meeting-list{display:flex;flex-direction:column;justify-content:center}
  .event{display:block;margin-bottom:.68em}.event:last-child{margin-bottom:0}.event-date{float:left;width:28%;padding-top:.6em}.event b,.event small{display:block;margin-left:29%}
  .meeting-list div{margin-bottom:.8em}.meeting-list div:last-child{margin-bottom:0}
  .milestone{display:flex}.milestone>span{width:4.8em;flex:0 0 auto;line-height:3.9em;text-align:center;margin-right:.8em}.milestone>div{flex:1}.milestone img{margin-left:.8em}
  .acted-body{display:block}.process-panel{height:56%;margin-bottom:.82em}
  .process{display:flex}.process-step{display:block;width:30%;height:80%}.process-step>span{float:left;line-height:2.4em;text-align:center;margin-right:.6em}.process-step b,.process-step small{display:block;margin:.4em 0}.process>i{margin:0 .25em}
  .impact-panel{float:left;width:63%;height:40%;margin-right:1%}.status-panel{float:left;width:36%;height:40%}
  .impact-list{display:flex}.impact-list div{width:33.333%}
  .status-body{display:block;position:relative;padding-top:1.4em;padding-right:8em}
  .status-body .action-status{float:left;margin-right:1em}
  .status-body b,.status-body small{display:block;margin-bottom:.5em}
  .status-body img{position:absolute;right:1em;top:50%;width:7em;height:4.5em;transform:translateY(-50%)}
}
/* Flexbox gap arrived much later than flexbox itself. Use margins on the
   branding and remote-control rows so both old and current TVs agree. */
.mast-context,.live,.commitments,.chrome,.dots{gap:0}
.mast-context>*+*{margin-left:1.2em}
.live:before{margin-right:.55em}
.commitments>*+*{margin-left:.72em}
.chrome>*+*{margin-left:.5em}
.dots>*+*{margin-left:.36em}