.headline-grid{display:block;float:left;width:100%;margin:0;padding:0;list-style:none;background-color:#fff}.headline-grid>li{position:relative;float:left;width:100%;margin:0;padding:.75rem;padding-left:5.5rem;border-top:1px solid #dadada}.headline-grid>li>*{position:relative;display:block;float:left;width:100%}.headline-grid>li>.cover{position:absolute;top:.75rem;left:.75rem;bottom:.75rem;width:4rem;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#dadada;border-right:4px solid;overflow:hidden}.headline-grid>li>.cover>.overlay{display:none}.headline-grid>li>.details{position:relative}.headline-grid>li>.details>.type{display:none}.headline-grid>li>.details>.title,.headline-grid>li>.details>.subtitle,.headline-grid>li>.details>.meta{margin:0;padding:0}.headline-grid>li>.details>.title{font-size:1rem;line-height:1.1}.headline-grid>li>.details>.subtitle,.headline-grid>li>.details>.meta{font-size:.875rem;line-height:1.25}.headline-grid>li>.details>.subtitle{padding:.3rem 0 1rem}.headline-grid>li>.details>.meta>*{position:relative;float:left;vertical-align:middle}.headline-grid>li>.details>.meta>.author{float:left}.headline-grid>li>.details>.meta>.author>img{display:inline-block;margin-right:.2rem;border-radius:100%;vertical-align:middle}.headline-grid>li>.details>.meta>.author>span{font-weight:700;color:#202020}.headline-grid>li>.details>.meta>.button{float:right;padding:.3rem}.headline-grid>li.article .title>a{color:#303030}.headline-grid>li.review .title>a{color:#0190d5}.headline-grid>li.preview .title>a{color:#41a200}.headline-grid>li.news .title>a{color:#cf2559}.headline-grid>li.interview .title>a{color:#e75710}.headline-grid>li.guide .title>a{color:#a035ac}.headline-grid>li.guide-hub .title>a{color:#a035ac}.headline-grid>li.analysis .title>a{color:#dd9e07}.headline-grid>li.retrospective .title>a{color:#02bda5}.headline-grid>li.triple{width:100%;padding:.75rem;border-top:none;border-right:none}.headline-grid>li.triple>.cover{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;height:132px;margin-bottom:.75rem;border-right:none;border-bottom:6px solid}.headline-grid>li.triple>.details>.title{font-size:1.3rem}.headline-grid>li.video{padding:.75rem}.headline-grid>li.video>*{width:100%}.headline-grid>li.video>.video{margin-bottom:.75rem}.headline-grid>li.video>.video>.video-container{position:relative;float:left;width:100%;height:0;padding-bottom:56.25%;background-color:#dadada}.headline-grid>li.video>.video>.video-container>*{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.headline-grid>li.video>.video>.video-container>br,.headline-grid>li.video>.video>.video-container>p,.headline-grid>li.video>.video>.video-container>a,.headline-grid>li.video>.video>.video-container>i{display:none!important}.headline-grid>li.video>.details>.title>a{color:#cc181e}.headline-grid>li.mobile-mpu{padding:.75rem 0}.headline-grid .article .cover{border-color:#303030!important}.headline-grid .article .cover .overlay{background-color:rgba(48,48,48,.95)}.headline-grid .review .cover{border-color:#0190d5!important}.headline-grid .review .cover .overlay{background-color:rgba(1,144,213,.95)}.headline-grid .video .cover{border-color:#cc181e!important}.headline-grid .video .cover .overlay{background-color:rgba(204,24,30,.95)}.headline-grid .preview .cover{border-color:#41a200!important}.headline-grid .preview .cover .overlay{background-color:rgba(65,162,0,.95)}.headline-grid .news .cover{border-color:#cf2559!important}.headline-grid .news .cover .overlay{background-color:rgba(207,37,89,.95)}.headline-grid .interview .cover{border-color:#e75710!important}.headline-grid .interview .cover .overlay{background-color:rgba(231,87,16,.95)}.headline-grid .guide .cover,.headline-grid .guide-hub .cover{border-color:#a035ac!important}.headline-grid .guide .cover .overlay,.headline-grid .guide-hub .cover .overlay{background-color:rgba(160,53,172,.95)}.headline-grid .analysis .cover{border-color:#dd9e07!important}.headline-grid .analysis .cover .overlay{background-color:rgba(221,158,7,.95)}.headline-grid .retrospective .cover{border-color:#02bda5!important}.headline-grid .retrospective .cover .overlay{background-color:rgba(2,189,165,.95)}@media only screen and (min-width:767px){.headline-grid>li{padding:.75rem;border-right:1px solid #dadada}.headline-grid>li>.cover{position:relative;display:block;width:100%;height:0;padding-bottom:176px;border-right-width:0;border-bottom:6px solid;top:auto;bottom:auto;left:auto;right:auto;margin-bottom:.75rem}.headline-grid>li>.cover>.overlay{display:block;position:absolute;top:100%;left:0;color:#fff;height:5.5rem;padding:.75rem;font-size:.875rem;-webkit-font-smoothing:antialiased;background-color:rgba(0,0,0,.75);transition:.3s}.headline-grid>li>.cover>.overlay>span{display:block;clear:both;margin:0 0 .25rem}.headline-grid>li>.cover>.overlay>span:last-of-type{margin:0}.headline-grid>li>.cover>.overlay>span>i{display:inline-block;min-width:1.5rem;text-align:center;opacity:.9}.headline-grid>li:hover>.cover>.overlay{margin-top:-5.5rem}.headline-grid>li>.details{position:static}.headline-grid>li>.details>.type{display:block;position:absolute;margin-top:-1.875rem;right:1.5rem;border-radius:100%}.headline-grid>li>.details>.title{font-size:1.375rem;padding-bottom:.4rem;margin-bottom:.2rem}.headline-grid>li>.details>.subtitle{border-top:1px solid #f3f3f3;font-size:.9375rem;padding-top:.5rem;padding-bottom:2.5rem}.headline-grid>li>.details>.meta{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;font-size:.875rem}.headline-grid>li.single,.headline-grid>li.round-up{width:50%}.headline-grid>li.double{width:100%}.headline-grid>li.triple>.cover{height:248px;border-bottom-width:8px}.headline-grid>li.triple>.details>.title{position:relative;font-size:2.25rem;background-color:#fff;padding-top:.5rem;padding-right:.75rem;margin-top:-3rem;line-height:1;max-width:17em}.headline-grid>li.triple>.details>.subtitle{font-size:1rem}.headline-grid>li.mobile-mpu{display:none}}.headline-grid>.round-up{float:left;width:100%;padding:0;border-top:0;border-right:0}@media only screen and (min-width:767px){.headline-grid>.round-up{width:50%}.headline-grid>.round-up.single{min-height:340px}}.headline-grid>.round-up:last-of-type{border-left:1px solid #dadada}.headline-grid>.round-up.reviews .heading{background-color:#0190d5}.headline-grid>.round-up.reviews .title>a{color:#0190d5}.headline-grid>.round-up.reviews{border-left:3px solid #0190d5}.headline-grid>.round-up.discussions .heading{background-color:#cf2559}.headline-grid>.round-up.discussions .title>a{color:#cf2559}.headline-grid>.round-up.discussions{border-left:3px solid #cf2559}.headline-grid>.round-up>.heading{border:none;padding:.5rem;padding-left:0;color:#fff}.headline-grid>.round-up>ul{margin:0;padding:.75rem .75rem 0}.headline-grid>.round-up>ul>li{position:relative;float:left;width:100%;clear:both;list-style:none;padding:0 0 .75rem;padding-right:3.5rem;margin:0 0 .75rem;border-bottom:1px solid #f3f3f3}.headline-grid>.round-up>ul>li:last-of-type{border:none;margin-bottom:0}.headline-grid>.round-up>ul>li>.title{display:block;float:left;font-size:.875rem;font-weight:400;letter-spacing:normal;margin:0;line-height:1.15}.headline-grid>.round-up>ul>li>.button{position:absolute;right:0;font-size:.75rem;padding:.25rem .3rem}.headline-grid>.round-up>ul>li>.button i{margin-right:.1rem}.headline-grid>.round-up>ul li:last-of-type{border-bottom:none}@media only screen and (min-width:767px){.headline-grid.plain>li{width:33.333%;border:none;padding:0 .75rem 1.5rem 0}.headline-grid.plain>li:nth-of-type(4){clear:left}.headline-grid.plain>li>.details>.subtitle{padding-bottom:0}.headline-grid.plain>li>.details>.meta{display:none}}h1{display:none}.page{background-color:#eaeaea}.page .top-story{float:left;width:100%}.page .guides{display:none;float:left;width:100%}@media only screen and (min-width:767px){.page .headlines{width:66%}.page .guides{display:block;width:34%;height:100%}}.page .guides{border-left:3px solid #a035ac}.page .guides .advert-container{margin-bottom:.5rem}.page .guides>.heading{background-color:#a035ac;border-top:none;padding:.5rem;padding-left:0;margin:0 0 .5rem}.page .guides>ul,.page .guides>ul>li{position:relative;float:left;width:100%;margin:0;padding:0;list-style:none}.page .guides>ul{padding:0 .5rem}.page .guides>ul>.advert-container,.page .guides>ul .yafa{display:block;position:relative;visibility:visible;float:left;clear:both;width:100%}.page .guides>ul>.advert-container>div,.page .guides>ul .yafa>div{display:block;visibility:visible}.page .guides>ul>li{padding:0 0 .5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1);min-height:3rem}.page .guides>ul>li:last-of-type{border:none;margin:0}.page .guides>ul>li>.cover{position:relative;display:block;width:100%;height:100px;margin:0 0 .5rem;background-size:cover;background-repeat:no-repeat;background-position:center center;background-color:#fff}.page .guides>ul>li>h3,.page .guides>ul>li>p{margin:0;padding:0}.page .guides>ul>li>h3{font-size:.9375rem;font-weight:700;line-height:1.25;letter-spacing:normal;padding-right:2.75rem;padding-bottom:.125rem}.page .guides>ul>li>h3>a{color:#a035ac}.page .guides>ul>li>p{font-size:.875rem}.page .guides>ul>li>ul,.page .guides>ul>li>ul>li{position:relative;margin:0;padding:0;list-style:none}.page .guides>ul>li>ul{margin-top:.125rem;padding-right:.25rem}.page .guides>ul>li>ul>li{list-style:square;margin-left:1.25rem;padding-top:.125rem;line-height:1.2}.page .guides>ul>li>ul>li>h3{margin:0;padding:0;font-size:.875rem;font-weight:400}.page .guides>ul>li>ul>li>h3 a{color:#a035ac}.page .guides>ul>li>.button{position:absolute;top:107px;right:0;font-size:.75rem;padding:.2rem;line-height:1}.page .load-more{position:relative;background-color:#f3f3f3;border-top:1px solid #dadada;z-index:2;float:left;display:block;clear:both;width:100%;padding:1.25rem 1rem;font-size:.9rem}.page .load-more>.button{display:block;float:none;max-width:320px;margin:0 auto;text-align:center;font-weight:700}.page .load-more>.button>i{visibility:hidden;margin-right:.25rem}.page .load-more>.button.working>i{visibility:visible}@media only screen and (min-width:1024px){.page .low-leaderboard-container{padding:1.25rem;border-top:1px solid #dadada;background-color:#fff}}.page .heading{float:left;width:100%;margin:0;color:#202020;padding:.75rem;background-color:#f3f3f3;border-top:1px solid #dadada;line-height:1;font-size:1rem;font-weight:700}.page .heading a{color:#fff}.page .heading i{margin-right:.3rem;padding:.5rem;min-width:1.5rem;text-align:center;background-color:rgba(0,0,0,.15)}.social-promo{position:relative;float:left;width:100%;clear:both;padding:.75rem;border-top:1px solid #dadada;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100% #e4e4e4));background-image:-webkit-linear-gradient(top,#fff 0,#e4e4e4 100%);background-image:-moz-linear-gradient(top,#fff 0,#e4e4e4 100%);background-image:-ms-linear-gradient(top,#fff 0,#e4e4e4 100%);background-image:-o-linear-gradient(top,#fff 0,#e4e4e4 100%);background-image:linear-gradient(top,#fff 0,#e4e4e4 100%);line-height:1}.social-promo p{margin:0;padding:0;font-size:.875rem}.social-promo p>strong{font-weight:700;color:#000}.social-promo p>*{display:block;margin:0 0 .5rem}.social-promo p>:last-child{margin-bottom:0}@media only screen and (min-width:767px){.social-promo p>*{display:inline-block;vertical-align:middle;margin:0 .25rem 0 0}}.social-promo p>.button{padding:.375rem;font-size:.75rem;background-color:#fafafa;background-image:none;border:1px solid #dadada}.social-promo p>.button i{opacity:1;display:inline-block;vertical-align:middle}.social-promo p>.button.facebook{color:#3d5b97}.social-promo p>.button.twitter{color:#24aeec}.social-promo p>.button.twitch{color:#6441a5}.social-promo p>.button.youtube{color:#cc181e}