.video-game-titles{width:100%;box-sizing:border-box;}.video-game-titlestr:not(:first-child)th{width:256px;vertical-align:middle;text-align:center;background-color:transparent;}/* These selectors would potentially break nested tables, but I can't come up with any case where someone would do that in conjunction with this stylesheet.*/@mediaonlyscreenand(max-width:720px){/* On mobile, the table will be handled as something more responsive. */.video-game-titles,.video-game-titlesthead,.video-game-titlestbody,.video-game-titlestr,.video-game-titlesth,.video-game-titlestd,.video-game-titlestr:not(:first-child)th{display:block;width:auto;}/* With the cells vertically oriented, the table headers no longer apply. */.video-game-titlestr:first-childth{display:none;}/* No border on the table itself. */.video-game-titles{border:none;}/* Make sure borders aren't double-thick. (This particular selector relies on every row – not every TR, but every visual row – starting with a TH.) */.video-game-titlestd{border-top:none;}/* Separate items. */.video-game-titlestr:not(:nth-child(2))th{margin-top:3px;}/* Remove a break that unnecessarily takes vertical space on mobile. */.video-game-titlestrth:first-childbr:first-of-type{display:none;}}