/* IE11 fallback only. The .ie11 class is set by a tiny script in the head.
   The approved styles for other browsers remain unchanged. */
.ie11 .container{width:calc(100% - 48px);max-width:1180px;margin-left:auto;margin-right:auto}
.ie11 h1{font-size:38px}
.ie11 .page-home .hero h1{font-size:40px}
.ie11 .photo-card .zoom-image img{width:80%;max-width:384px}
.ie11 #lightbox{max-width:96vw;width:auto}
.ie11 .tooltip-pop{max-width:360px}
.ie11 .page-home .feature-icon{display:flex}
.ie11 [hidden]{display:none!important}
.ie11 .ui-icon{flex-shrink:0}
.ie11 .site-header nav a{margin:0 11px 5px 0}
.ie11 .header-inner{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}
.ie11 .header-inner .logo{margin-right:25px}
.ie11 .site-header .header-inner nav{display:-ms-flexbox;display:flex;justify-content:flex-end;flex-wrap:wrap}
.ie11 .breadcrumbs>span,.ie11 .breadcrumbs>a{margin-right:10px}
.ie11 .actions>*{margin-right:12px;margin-bottom:8px}
.ie11 .button{display:-ms-inline-flexbox;display:inline-flex;align-items:center;justify-content:center}
.ie11 .hero{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.ie11 .hero>*{width:47%;max-width:47%;min-width:0}
.ie11 .hero>.zoom-image{flex:0 1 47%}
.ie11 .features{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between}
.ie11 .features>.card{width:32%;flex:0 1 32%}
.ie11 .page-home .features>.card{width:32%;flex:0 1 32%}
.ie11 .two-col{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between}
.ie11 .two-col>*{width:49%;flex:0 1 49%}
.ie11 .page-home .use-cases .feature-card{display:block}
.ie11 .page-home .use-cases .feature-title{display:-ms-flexbox;display:flex}
.ie11 .page-home .use-cases p{margin-left:0}
.ie11 .box-section{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}
.ie11 .box-section>*:first-child{width:36%;max-width:36%}
.ie11 .box-section>*:last-child{width:61%;max-width:61%;min-width:0}
.ie11 .feature-title>.feature-icon{margin-right:18px}
.ie11 .feature-title{display:-ms-flexbox;display:flex;align-items:center}
.ie11 .cpu-top{display:-ms-flexbox;display:flex;align-items:flex-start;justify-content:space-between}
.ie11 .cpu-top>.cpu-photos{width:59%;flex:0 1 59%}
.ie11 .cpu-top>.toc{width:37%;flex:0 1 37%}
.ie11 .cpu-photos{display:-ms-flexbox;display:flex;justify-content:space-between}
.ie11 .cpu-photos figure{width:48%;flex:0 1 48%}
.ie11 .cpu-photos img{width:100%;height:auto}
.ie11 .stats{display:-ms-flexbox;display:flex;justify-content:space-between;flex-wrap:wrap}
.ie11 .stats>div{width:24%;flex:0 1 24%}
.ie11 .media-grid{display:-ms-flexbox;display:flex;justify-content:space-between;align-items:flex-start}
.ie11 .media-grid>section:first-child{width:60%;flex:0 1 60%}
.ie11 .media-grid>section:last-child{width:37%;flex:0 1 37%}
.ie11 .photo-nav{display:-ms-flexbox;display:flex;justify-content:space-between}
.ie11 .photo-nav>*{width:49%;flex:0 1 49%}
.ie11 .catalog{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between}
.ie11 .catalog>li{width:24%;flex:0 1 24%;margin-bottom:10px}
.ie11 .bench-home{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between}
.ie11 .bench-home>.bench-home-heading{width:100%;flex:0 1 100%}
.ie11 .bench-home>.bench-home-example,.ie11 .bench-home>.bench-home-top{width:48.5%;flex:0 1 48.5%}
.ie11 .bench-home-top li strong{margin-left:12px}
.ie11 .bench-score-metrics>div{margin-right:12px;margin-bottom:8px}
.ie11 .bench-compare-list{display:block}
.ie11 .bench-compare-row{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;margin-bottom:7px}
.ie11 .bench-rank{width:43px;flex:0 0 43px}
.ie11 .bench-model{width:175px;flex:0 0 175px;word-wrap:break-word;min-width:0}
.ie11 .bench-svg{width:auto;flex:1 1 auto;min-width:95px;margin:0 10px}
.ie11 .bench-points{width:92px;flex:0 0 92px}
.ie11 .bench-legend span{margin-right:18px}
.ie11 .bench-concept-grid{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between}
.ie11 .bench-concept{width:49%;flex:0 1 49%;margin-bottom:18px}
.ie11 .bench-concept-image img{width:100%;height:auto}
.ie11 .benchmark-education{width:100%}
.ie11 .comparison-split{display:-ms-flexbox;display:flex;justify-content:space-between;flex-wrap:wrap}
.ie11 .comparison-split>section{width:49%;flex:0 1 49%}
.ie11 .comparison-scroller{overflow-x:auto}
.ie11 .bench-modal{top:0;right:0;bottom:0;left:0}
/* IE11 has no native <dialog>: the ES5 script opens this fixed overlay. */
.ie11 #lightbox{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1102;background:#fff;width:auto;max-width:94%;max-height:94%;overflow:auto;box-shadow:0 10px 50px rgba(0,0,0,.4)}
.ie11 #lightbox.ie-open{display:block}
.ie11 #lightbox img{max-width:85vw;max-height:75vh;width:auto;height:auto}
.ie11 .ie-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(1,15,40,.84);z-index:1101}
.ie11 body.ie-lightbox-open{overflow:hidden}
.ie11 .tooltip-pop{max-width:360px}
.ie11 body{background:#f3f7fb;}
.ie11 a{color:#0867ee;}
.ie11 h1,.ie11 h2,.ie11 h3{color:#08204f;}
.ie11 small,.ie11 .muted{color:#64738c;}
.ie11 .site-header{border-bottom:1px solid #d5e2f2;}
.ie11 .logo{color:#08204f;}
.ie11 .chip{color:#0867ee;}
.ie11 nav a{color:#08204f;}
.ie11 nav a[aria-current=page]{color:#0867ee; border-bottom:3px solid #0867ee;}
.ie11 .card{border:1px solid #d5e2f2; border-radius:12px;}
.ie11 .button{border:1px solid #0867ee; background:#0867ee;}
.ie11 .button.outline{color:#0867ee;}
.ie11 .button.outline:hover{background:#edf5fd;}
.ie11 .search-results li{border-bottom:1px solid #d5e2f2;}
.ie11 .examples a{background:#edf5fd;}
.ie11 .breadcrumbs{color:#64738c;}
.ie11 .cpu-photos img{border:1px solid #d5e2f2;}
.ie11 .toc{border:1px solid #d5e2f2;}
.ie11 .toc a{color:#0867ee;}
.ie11 .toc a.active{background:#0867ee;}
.ie11 .stats small{color:#08204f;}
.ie11 .stats strong{color:#08204f;}
.ie11 .spec-section{border:1px solid #d5e2f2;}
.ie11 .summary{border:1px solid #d5e2f2;}
.ie11 .site-footer{border-top:1px solid #d5e2f2;}
.ie11 .random-cpu{border:1px solid #d5e2f2;}
.ie11 .current-date{color:#64738c;}
.ie11 .copyright{border-top:1px solid #d5e2f2; color:#64738c;}
.ie11 #lightbox{border:1px solid #d5e2f2;}
.ie11 .lightbox-close{color:#08204f;}
.ie11 .legend li::marker{color:#0867ee;}
.ie11 .history article>div{border:1px solid #d5e2f2;}
.ie11 .author-name{color:#0867ee;}
.ie11 .catalog li{border:1px solid #d5e2f2;}
.ie11 details{border-bottom:1px solid #d5e2f2;}
.ie11 summary{color:#08204f;}
.ie11 .bench-home h2,.ie11 .bench-score h2,.ie11 .bench-compare h2,.ie11 .bench-article h2{color:#08204f;}
.ie11 .bench-home-example{border:1px solid #d5e2f2;}
.ie11 .bench-home-number{color:#08204f;}
.ie11 .bench-home-top li{border-bottom:1px solid #d5e2f2;}
.ie11 .bench-legend span:before{background:#39FF14;}
.ie11 .bench-legend span.bench-legend-red:before{background:#FF2020;}
.ie11 .benchmark-education h2{color:#08204f;}

@media (max-width:900px){
 .ie11 .container{width:calc(100% - 32px)}
 .ie11 .header-inner{flex-direction:column}
 .ie11 .site-header .header-inner nav{justify-content:center}
 .ie11 .features>.card,.ie11 .page-home .features>.card{width:100%;flex:0 1 100%}
 .ie11 .stats>div{width:49%;flex:0 1 49%;margin-bottom:10px}
 .ie11 .cpu-top>.cpu-photos{width:56%;flex:0 1 56%}
 .ie11 .cpu-top>.toc{width:41%;flex:0 1 41%}
}
@media (max-width:750px){
 .ie11 .bench-compare-row{flex-wrap:wrap}
 .ie11 .bench-rank{width:30px;flex:0 0 30px}
 .ie11 .bench-model{flex:1 1 auto;width:auto}
 .ie11 .bench-points{width:85px;flex:0 0 85px}
 .ie11 .bench-svg{order:4;flex:0 0 calc(100% - 45px);width:calc(100% - 45px);height:12px;margin:4px 0 0 40px}
 .ie11 .bench-home>.bench-home-example,.ie11 .bench-home>.bench-home-top{width:100%;flex:0 1 100%}
}
@media (max-width:650px){
 .ie11 .page-home .hero,.ie11 .hero{display:block}
 .ie11 .page-home .hero>*,.ie11 .hero>*{width:100%;max-width:100%}
 .ie11 .two-col{display:block}
 .ie11 .two-col>*{width:100%;max-width:100%}
 .ie11 .box-section{display:block}
 .ie11 .box-section>*:first-child,.ie11 .box-section>*:last-child{width:100%;max-width:100%}
 .ie11 .page-home .hero h1{font-size:32px}
 .ie11 .bench-concept{width:100%;flex:0 1 100%}
 .ie11 .comparison-split>section{width:100%;flex:0 1 100%}
}
@media (max-width:600px){
 .ie11 .container{width:calc(100% - 28px)}
 .ie11 h1{font-size:29px}
 .ie11 .cpu-top{display:block}
 .ie11 .cpu-top>.cpu-photos,.ie11 .cpu-top>.toc{width:100%;max-width:100%}
 .ie11 .media-grid{display:block}
 .ie11 .media-grid>section:first-child,.ie11 .media-grid>section:last-child{width:100%;max-width:100%}
 .ie11 .photo-nav{display:block}
 .ie11 .photo-nav>*{width:100%;max-width:100%;margin-bottom:10px}
}
/* Preserve contrast after the color-variable fallback's selector specificity. */
.ie11 .button{color:#fff}
.ie11 .button.outline{color:#0867ee;background:#fff}
.ie11 .spec-section h2{color:#fff}
.ie11 .toc a.active{color:#fff}