html body .cb-site .featured-team-avatar{width:64px!important;height:64px!important;flex:none;margin-bottom:8px}
html body .platform-reference-matches article,.home-match-row{display:flex!important;gap:7px;align-items:flex-start}
.match-row-avatars{display:flex!important;flex-direction:column;gap:3px;flex:0 0 24px;width:24px;padding:3px 0}
.match-row-avatars>span,.match-row-avatars img{display:block;width:24px!important;height:24px!important;object-fit:contain}
.match-row-content{flex:1;min-width:0}.match-row-content>div{display:flex;justify-content:space-between}
html body .platform-reference-matches article,html body #Matches_Recent .site-live-row,html body #Matches_Upcoming .site-live-row{padding:0!important;border:0!important;border-bottom:1px dotted #b4b4b4!important;background:linear-gradient(110deg,#07141e,#292f33)!important}
.home-community-row{position:relative;min-height:38px;padding-left:42px!important}.home-community-row>.community-thread-icon{position:absolute;left:6px;top:8px;width:24px;height:24px;object-fit:contain}
.home-community-row>.profile-blog-date{position:absolute;left:3px;top:3px;width:30px;height:34px;text-align:center;background:linear-gradient(#ddd,#fff);color:#222;border:1px solid #aaa;float:none;margin:0}
.home-community-row>.profile-blog-date b{display:block;font:bold 9px/12px Arial}.home-community-row>.profile-blog-date strong{display:block;font:bold 20px/21px Arial}
html body .cb-site .team-reference-columns{align-items:stretch!important}html body .cb-site .team-ad-column{display:flex!important;align-self:stretch!important}html body .cb-site .team-ad-column .legacy-ad{height:auto!important;min-height:90px;flex:1;margin-bottom:0!important}
html body .cb-site .reference-fidelity.profile-reference-page .profile-tabs:after{right:0!important}
html body .cb-site .reference-fidelity.profile-reference-page .profile-tabs.profile-staff-tabs:after{content:"Staff"!important;background-image:none!important;color:#eee!important;font-weight:bold;text-align:right;padding-right:6px}
html body .cb-site .achievement-search{display:flex!important;align-items:flex-end!important;gap:10px}
html body .cb-site .achievement-search label{margin:0!important;flex:1}
html body .cb-site .achievement-search input,html body .cb-site .achievement-search button{height:26px!important;box-sizing:border-box!important;margin:0!important;vertical-align:bottom!important}
html body .cb-site .credit-pack-art{padding:0!important;border:0!important;box-shadow:none!important;background:none!important;height:auto!important}
.credit-pack-art img{display:block;width:100%;height:150px;object-fit:contain}
html body .platform-reference-matches article>.match-row-content{display:block!important}
.platform-reference-matches .match-row-content header>span{min-width:0;flex:1}.platform-reference-matches .match-row-content header>a{flex:none}
html body .cb-site .team-reference-columns #team-roster>.legacy-panel{margin-bottom:0!important}

html body .cb-site .platform-reference-header>div{min-width:0;flex:1}
html body .cb-site .platform-reference-header h1{line-height:1.12!important;margin:0 0 6px!important;overflow-wrap:break-word}
html body .cb-site .platform-reference-header p{line-height:16px!important;margin:0!important}
html body .cb-site .platform-reference-badge{flex:0 0 64px}

html body .cb-site .team-name-request-line{display:flex!important;align-items:center!important;gap:8px;width:100%}
html body .cb-site .team-name-request-line #edit-team-name{flex:1;min-width:0;width:auto!important;margin:0!important}
html body .cb-site .team-name-request-line button{flex:none;float:none!important;margin:0!important;white-space:nowrap}

/* Shared match rows on the homepage and every console frontpage. */
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .home-match-row{padding:3px 8px!important;box-sizing:border-box;font:11px/14px Arial,Helvetica,sans-serif}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .match-row-content{display:block!important;min-width:0;flex:1}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .match-row-content header{display:flex!important;align-items:baseline;gap:8px;margin:0 0 2px;font:10px/14px Arial,Helvetica,sans-serif}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .match-row-content header>span{flex:1;min-width:0;color:#a8b7bf}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .match-row-content header>a{flex:none;white-space:nowrap;font:11px/14px Arial,Helvetica,sans-serif}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .home-match-side{display:flex!important;justify-content:space-between;gap:8px;line-height:14px}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .home-match-side>span{min-width:0;flex:1}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .home-match-side>b{flex:none;width:auto;text-align:right;color:#e1ebf1}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .home-match-side>b.win{color:#00df00}
html body #Competition_NewTournaments>.site-live-row{padding:0!important;border:0!important;border-bottom:1px dotted #b4b4b4!important;background:linear-gradient(110deg,#07141e,#292f33)!important}
html body .home-tournament-row{border:0;background:none;padding:5px;min-height:38px;gap:8px;align-items:stretch}
.home-tournament-row>div{min-width:0;align-self:center}
.home-tournament-row>div>a{overflow-wrap:anywhere}
.home-tournament-row .home-tournament-join{flex:none;align-self:center}
.home-tournament-logo{position:relative;display:block;flex:0 0 38px;min-height:38px}
.home-tournament-logo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}


/* Match the homepage legacy typography, including its compact names and scores. */
html body .cb-site .platform-reference-matches .home-match-row{padding:3px 8px!important;font:11px/14px Arial,Helvetica,sans-serif!important}
html body .cb-site .platform-reference-matches .match-row-content header{display:flex!important;align-items:baseline!important;gap:8px!important;margin:0 0 2px!important;padding:0!important;font:10px/14px Arial,Helvetica,sans-serif!important}
html body .cb-site .platform-reference-matches .match-row-content header>span,html body .cb-site .platform-reference-matches .home-match-side>span{font:400 8px/12px "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif!important}
html body .cb-site .platform-reference-matches .match-row-content header>a{font:400 11px/14px Arial,Helvetica,sans-serif!important}
html body .cb-site .platform-reference-matches .home-match-side{padding:2px 0!important;margin:0!important;font:11px/14px "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif!important}
html body .cb-site .platform-reference-matches .home-match-side>b{font:700 10px/14px "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif!important}
html body .cb-site .platform-reference-tabs[aria-label="Match activity"] button{box-sizing:border-box!important;height:27px!important;min-height:27px!important;padding:0 8px!important;font:700 10px "Lucida Grande",Tahoma,Helvetica,sans-serif!important}

html body .cb-site .platform-reference-matches .match-row-avatars{gap:3px!important}

/* Competition heading spans the row; each team keeps its own logo and name together. */
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .home-match-row{display:block!important}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .home-match-side{align-items:center!important;min-height:24px}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .home-match-side>.match-side-avatar{display:block!important;flex:0 0 24px!important;width:24px!important;height:24px!important}
html body :is(#Matches_Recent,#Matches_Upcoming,.platform-reference-matches) .match-side-avatar img{display:block!important;width:24px!important;height:24px!important;object-fit:contain}
