html{overflow-y: scroll;}
*,*:before,*:after{box-sizing:border-box;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,q,fieldset,dl,dt,dd,iframe,table,tbody,thead,td,th,address,legend{
margin:0;
padding:0;
font-size: 1em;
color:#1f2b3d;
}
html,body,article{
width:100%;
max-width:100%;
}
body{
font-family: system-ui, -apple-system, "Segoe UI", arial, sans-serif;
font-size:13px;
line-height:1.45;
text-align:center;
background:#f0f2f5;
margin:0;
padding:0;
color:#1f2b3d;
}
article{
padding: 16px 24px 28px;
}
@media (min-width: 768px){
	article{
		padding: 20px 32px 36px;
	}
}
body *{
text-align:left;
}
p,li{
font-size:1em;
line-height:1.45;
margin:0 0 1em 0;
}
p.about{
font-size:.85em;
color:#555;
margin: 0 0 1.25em 0;
}
li{
margin:0;
}
h1{
font-size:21px;
line-height:1.25;
margin:0 0 12px 0;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
color:#111;
}
h2{
font-size:13px;
line-height:1.3;
margin:0;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
}
h3{
font-size:13px;
line-height:1.3;
margin: 8px 0;
}
h1 a, h2 a, h3 a{
text-decoration:none;
}
a img{border:0;}
a.invisible{text-decoration:none;cursor:default;color:inherit;}
p img,address img,li img,td img{vertical-align:middle;}
a:hover,a:active,:focus{outline: none;}
textarea{overflow: auto;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
label,input[type=button],input[type=submit],button{cursor: pointer;}
table{
border-collapse:collapse;
border-spacing:0;
width:100%;
max-width: 100%;
word-wrap:break-word;
margin:0 0 0 0;
font-size:12px;
background:#fff;
}
/* CONTENT */
a{
color:#333;
}
a:hover, td a{
text-decoration:none;
color:#111;
}
.table-responsive{
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
margin: 0;
}
.embed-section{
margin: 0;
}
.embed-section + .embed-logo + .embed-section,
.embed-section + .embed-section{
margin-top: 0;
}
.section-header{
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
background: #222;
color: #fff;
padding: 9px 14px;
font-size: 13px;
font-weight: 700;
border-radius: 4px 4px 0 0;
margin: 0;
}
.section-header,
.section-header span,
.section-header a{
color: #fff;
}
.section-more{
margin-left: auto;
font-weight: 500;
font-size: 12px;
color: #ddd;
white-space: nowrap;
text-decoration: none;
}
.section-more:hover{
color: #fff;
text-decoration: underline;
}
.embed-section .table-responsive,
.embed-section > table{
margin: 0;
border: 1px solid #e5e5e5;
border-top: 0;
}
.embed-section > p{
margin: 0;
padding: 12px 14px;
background: #fff;
border: 1px solid #e5e5e5;
border-top: 0;
border-radius: 0 0 4px 4px;
}
.embed-section .match + .match{
border-top: 1px solid #e5e5e5;
}
.embed-logo{
text-align: center;
margin: 18px 0;
padding: 0;
}
.embed-logo a{
display: inline-block;
}
.embed-logo img{
display: inline-block;
height: 40px;
width: auto;
vertical-align: middle;
}
table tr th, table tr th *{
height:auto;
color:#FFF;
text-align:center;
background:#222;
}
th{
padding: 8px 6px;
font-weight: 700;
font-size: 12px;
}
td{
border-bottom:1px solid #e5e5e5;
overflow:hidden;
text-align:center;
padding: 6px 4px;
margin: 0;
color: #1f2b3d;
}
tr:hover td{
background-color: #f7f7f7;
}
td.club{
	min-width: 0;
}
tr.even td{
background-color:#f7f7f7;
}
.match{
width: 100%;
table-layout: fixed;
}
.match thead th{
background: #f4f4f4;
color: #333;
text-align: left;
font-size: 12px;
font-weight: 700;
padding: 8px 14px;
}
.match thead th,
.match thead th *{
color: #333;
background: #f4f4f4;
}
.match td.separator{
width: 1.5em;
text-align: center;
color: #888;
}
.match td.result{
width: 4.5em;
white-space: nowrap;
font-weight: 700;
}
.match td{
padding: 7px 8px;
vertical-align:middle;
}
td.club,td.form,th.club,th.form{
text-align:left;
}
.match td.club{
	padding-left: 10px;
}
.league td.club img{
	margin: 0 6px 0 0;
	max-height:24px;
	max-width: 24px;
	height: auto;
	width: auto;
	vertical-align: middle;
}
.match td.club img{
	max-height:22px;
	max-width: 22px;
	height: auto;
	width: auto;
	vertical-align: middle;
	margin-right: 6px;
}
.embed-section > table:last-of-type,
.embed-section .table-responsive:last-child{
	border-radius: 0 0 4px 4px;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	article{
		padding: 12px 16px 24px;
	}
	h1{
		font-size: 18px;
	}
	p.about{
		font-size:.85em;
	}
	td.club img {
		height: 20px;
		width: 20px;
	}
	.league td.club img {
		margin: 0 4px 0 0;
	}
	.match td.club img {
		margin: 0 4px 0 0;
	}
}