/* Let titles use a whole line instead of squeezing between icons and weather. */
.match-heading{position:relative;display:block!important}
.match-heading>div{width:100%;min-width:0}
.match-heading>.badge{display:inline-flex;margin:0 0 8px;font-size:10px}
.match-heading .icon-heading,.event-detail .icon-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.match-heading .weather-title,.event-detail .weather-title{display:flex;flex:1 1 100%;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;width:100%}
.match-heading .weather-title>span:first-child,.event-detail .weather-title>span:first-child{flex:1 1 100%;min-width:0;word-break:normal;overflow-wrap:break-word}
.match-heading .subpage-heading{flex-wrap:wrap}
.match-heading .subpage-heading h2{flex:1 1 100%;min-width:0;margin-top:4px}
.match-heading .subpage-heading .back-icon{min-width:44px;min-height:44px}
.self-profile{margin:10px 0}.self-profile summary{min-height:44px;display:flex;align-items:center;font-weight:650}
.self-profile fieldset{border:0;padding:0;margin:0;min-width:0}
.self-profile input{max-width:100%}
.combine-statistics .compact-filter-bar{margin:10px 0}.combine-benchmark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.combine-benchmark-grid>div{padding:10px;background:#f2f5f8;border-radius:9px}.combine-benchmark-grid small{display:block;color:#617083}.combine-benchmark-grid strong{display:block;font-size:22px}
@media(max-width:760px){.match-heading h2{font-size:21px!important;line-height:1.25}.self-profile input{font-size:16px}.home-shortcuts{display:grid!important;grid-template-columns:1fr 1fr}.home-shortcuts button{min-width:0;min-height:44px;font-size:12px}}
