:root { --card-h: 64px; --card-w: 180px; --gap-r1: 16px; --col-gap: 40px; --line-w: 2px;
--line-color: #94a3b8;  --c2c-1: calc(var(--card-h) + var(--gap-r1));
--c2c-2: calc(var(--c2c-1) * 2);
--c2c-3: calc(var(--c2c-2) * 2);
--c2c-4: calc(var(--c2c-3) * 2); --mt-1: 0px;
--mt-2: calc(var(--mt-1) + (var(--c2c-1) / 2));
--mt-3: calc(var(--mt-2) + (var(--c2c-2) / 2));
--mt-4: calc(var(--mt-3) + (var(--c2c-3) / 2)); --mb-1: calc(var(--c2c-1) - var(--card-h));
--mb-2: calc(var(--c2c-2) - var(--card-h));
--mb-3: calc(var(--c2c-3) - var(--card-h));
--mb-4: calc(var(--c2c-4) - var(--card-h));
}
* { box-sizing: border-box; }
.ncaa-bracket-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
background-color: #f8fafc;
padding: 40px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
overflow-x: auto;
}
.bracket-side { display: flex; flex-direction: column; gap: 40px; }
.bracket-region { display: flex; gap: var(--col-gap); align-items: flex-start; }
.right-side .bracket-region { flex-direction: row-reverse; }
.bracket-round {
display: flex;
flex-direction: column;
width: var(--card-w);
} .bracket-matchup {
width: var(--card-w);
height: var(--card-h);
background: #fff;
border: 1px solid #cbd5e1;
border-radius: 6px;
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
z-index: 5;
} .round_1 .bracket-matchup { margin-bottom: var(--mb-1); }
.round_2 .bracket-matchup { margin-bottom: var(--mb-2); }
.sweet_16 .bracket-matchup { margin-bottom: var(--mb-3); }
.elite_8 .bracket-matchup { margin-bottom: var(--mb-4); } .round_1 .bracket-matchup:first-child { margin-top: var(--mt-1); }
.round_2 .bracket-matchup:first-child { margin-top: var(--mt-2); }
.sweet_16 .bracket-matchup:first-child { margin-top: var(--mt-3); }
.elite_8 .bracket-matchup:first-child { margin-top: var(--mt-4); } .bracket-matchup:last-child { margin-bottom: 0 !important; }   .left-side .bracket-round:not(:last-child) .bracket-matchup::after {
content: ''; position: absolute;
right: calc(var(--col-gap) * -0.5);
top: calc(50% - (var(--line-w) / 2));
width: calc(var(--col-gap) * 0.5);
border-top: var(--line-w) solid var(--line-color);
z-index: 1;
} .left-side .bracket-round:not(.round_1) .bracket-matchup::before {
content: ''; position: absolute;
left: calc(var(--col-gap) * -0.6);
top: 50%; transform: translateY(-50%);
width: calc(var(--col-gap) * 0.5);
border-left: var(--line-w) solid var(--line-color);
z-index: 1;
}  .right-side .bracket-round:not(:last-child) .bracket-matchup::after {
content: ''; position: absolute;
left: calc(var(--col-gap) * -0.5);
top: calc(50% - (var(--line-w) / 2));
width: calc(var(--col-gap) * 0.5);
border-top: var(--line-w) solid var(--line-color);
z-index: 1;
} .right-side .bracket-round:not(.round_1) .bracket-matchup::before {
content: ''; position: absolute;
right: calc(var(--col-gap) * -0.5);
top: 50%; transform: translateY(-50%);
width: calc(var(--col-gap) * 0.6);
border-right: var(--line-w) solid var(--line-color);
z-index: 1;
} .round_2 .bracket-matchup::before { height: var(--c2c-1); }
.sweet_16 .bracket-matchup::before { height: var(--c2c-2); }
.elite_8 .bracket-matchup::before { height: var(--c2c-3); } .team {
display: flex; align-items: center;
padding: 0 10px;
height: 50%; font-size: 13px; color: #334155;
}
.team.top { border-bottom: 1px solid #e2e8f0; }
.team .seed { font-size: 10px; color: #64748b; width: 18px; font-weight: bold; }
.team .name { flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.team .score { font-weight: 700; margin-left: 10px; }
.team.winner { font-weight: bold; color: #0f172a; background-color: #f1f5f9; }
.team-logo { width: 18px; height: 18px; object-fit: contain; margin-right: 6px; } .bracket-center { padding: 0 var(--col-gap); display: flex; align-items: center; }
.final-four-logo {
background: #0f172a; color: #fff; padding: 20px 30px;
font-weight: bold; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);
white-space: nowrap; margin-top: var(--mt-4);
} .bracket-center { 
padding: 0 var(--col-gap); 
display: flex; 
flex-direction: column;
justify-content: center;
align-items: center; 
}
.center-games-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
} .final-four-header {
background: #0f172a; 
color: #fff; 
padding: 10px 25px;
font-weight: bold; 
font-size: 16px;
border-radius: 6px; 
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
text-align: center;
letter-spacing: 1px;
margin-top: var(--mt-4); } .center-label {
text-align: center;
font-size: 11px;
font-weight: 700;
color: #64748b;
text-transform: uppercase;
margin-bottom: 12px;
letter-spacing: 1px;
}
.championship-label {
color: #d97706; margin-top: 15px;
}
.final-four-round {
display: flex;
flex-direction: column;
gap: 20px;
width: var(--card-w);
}
.championship-round {
display: flex;
flex-direction: column;
align-items: center;
width: var(--card-w);
} .championship-round .bracket-matchup {
border: 2px solid #fbbf24;
box-shadow: 0 4px 15px rgba(251, 191, 36, 0.25);
}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}