.location {
    font-size: 1.2em;
}

ul.entries li {
    margin-bottom: 0.5em;
}

.cityState {
    font-size: 0.8em;
}

.noUnit {
    font-weight: bold;
    background-color: whitesmoke;
}

.instructions {
    font-size: 0.8em;
    color: #787878;
}

.time {
    white-space: nowrap;
}

.notes {
    font-style: italic;
}

.promoImage, #map {
    height: 350px;
    margin-bottom: 1em;
}

#map iframe {
    width: 100%;
    height: 350px;
    border: 0px;
}

.promoImage {
    background-position: center center;
    background-size: cover;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.35);
}

.staffType {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #787878;
}

.chief {
    text-transform: uppercase;
    font-size: 0.8em;
}

.scoresButtons {
    xmargin-top: 0.5em;
}

.recapButton {
    font-size: 0.8em;
}

.scores .divisionName {
    font-weight: bold;
    background-color: #939393 !important;
    color: white;
}

h2 small {
    font-size: 0.4em;
}

.scores .score {
    text-align: right;
}

#alert p {
    margin: 0;
}

/* hero styles*/
.event-address {
    gap: 24px;
    align-items: center;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;

}

.event-title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 36px !important;
    line-height: 40px;
    letter-spacing: 0.37px;
    border: unset !important;
    padding-bottom: unset !important;
}
.custom-badge {
    background: rgba(45, 95, 111, 1);
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;

}
#heroCarousel .carousel-item {
    height: 400px;
}
@media (max-width: 768px){
    #heroCarousel .carousel-item { height: 220px; }
}
#heroCarousel .event-hero__zoom { opacity: 0; }
#heroCarousel:hover .event-hero__zoom { opacity: 1; }

#heroCarousel .carousel-item .event-hero__bg{
    position: absolute;
    inset: 0;
}
.event-hero{ height:400px; }
@media (max-width:768px){ .event-hero{ height:220px; } }
.event-hero__overlay { z-index: 3; }
.event-hero__control { z-index: 6; }
.event-hero__zoom { z-index: 7; }
.event-back-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: rgba(45, 95, 111, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}
.event-back-link:hover { color: rgb(45, 83, 101); text-decoration: #0c5460; }

#heroCarousel {
    box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

#heroCarousel h1 {
    border-bottom: unset !important;
    padding-bottom: unset !important;
}
.event-hero-wrap { margin: 0 15px; }

.event-hero{
    position:relative;
    min-height:280px;
    border-radius:6px;
    overflow:hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
}
.event-hero__bg{
    position:absolute; inset:0;
    background-size:cover;
    background-position:center;
    transform: scale(1.02);
}

.event-hero__overlay{
    position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.72));
    display:flex;
    align-items:flex-end;
    padding:32px;
    pointer-events:none;
}
.event-hero__content{ pointer-events:none; }

/* Controls appear on hover */
.event-hero__control{
    opacity: 0;
    transition: opacity .2s ease;
}
.event-hero__control{ opacity: 1; }

/* Zoom button centered; appears on hover */
.event-hero__zoom{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index: 25;
    opacity:0;
    transition: opacity .2s ease;
    color:#fff;
    text-decoration:none;
    width: 223px;
    height: 40px;
    border-radius: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    gap: 10px;
    backdrop-filter: blur(4px);
    font-size:18px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;


}

.event-hero__zoom:hover{ background: rgba(0,0,0,.6); color:#fff; text-decoration:none; }

/* Keep overlay text readable */
.event-hero h1{ font-size: 2rem; }
@media (max-width: 768px){
    .event-hero h1{ font-size: 1.5rem; }
    .event-hero{ min-height: 380px; }
    .event-hero__alert { width: 90% !important;}
}

.carousel-control-prev-icon{
    background-image: url("/includes/images/events/arrow-left-small.svg");
    background-size: 100% 100%;
}
.carousel-control-next-icon{
    background-image: url("/includes/images/events/arrow-right-small.svg");
    background-size: 100% 100%;
}

/* 1) Make the clickable control a round translucent button */
#heroCarousel .carousel-control-prev,
#heroCarousel .carousel-control-next {
    width: 44px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;

    background: rgba(0, 0, 0,  0.29);

    /* light translucent like your mock */
    border-radius: 999px;
    backdrop-filter: blur(2px);

    /* reset Bootstrap default 15% wide overlay */
    bottom: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#heroCarousel .carousel-control-prev{ left: 16px; }
#heroCarousel .carousel-control-next{ right: 16px; }

/* 2) Make the arrow small and centered */
#heroCarousel .carousel-control-prev-icon,
#heroCarousel .carousel-control-next-icon {
    background-size: 28px;
    filter: brightness(0) invert(1);     /* makes Bootstrap svg arrow white */
}

/* 3) Hover state like the mock (slightly stronger) */
#heroCarousel .carousel-control-prev:hover,
#heroCarousel .carousel-control-next:hover{
    background: rgba(255,255,255,.22);
}

.event-hero__alert{
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    z-index: 20;

    /* look like overlay card */
    margin: 0;
    padding: 14px 16px;
    border-radius: 8px;

    /* soften + keep readable on photo */
    box-shadow: 0 8px 22px rgba(0,0,0,.18);

    width: 97%;
}

/* center it like your screenshot */
@media (min-width: 992px){
    .event-hero__alert{
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 97%;
    }
}

/* make inner <p> not add extra spacing */
.event-hero__alert p{ margin: 0; }
/*end hero styles*/

/*regsitsration styles*/
/* ===== Registration card ===== */
.reg-card{
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
}


.reg-meta{
    text-align: center;
    color: rgba(74, 85, 101, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;


}

.reg-price{
    text-align: center;
    color: rgba(45,95,111,1);
    margin: 6px 0 10px;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.37px;

}

.reg-availability{
    display:flex;
    justify-content: space-between;
    font-size: 12px;
    color:#6c757d;
    margin: 6px 0 6px;
}

.reg-progress{
    height: 6px;
    border-radius: 999px;
    background: #e9ecef;
    overflow: hidden;
    margin-bottom: 14px;
}
.reg-progress > span{
    display:block;
    height:100%;
    background: rgba(45,95,111,1);
    width: 0%;
}

.reg-btn{
    border-radius: 8px;
    font-weight: 700;
    padding: 10px 12px;
}

.reg-btn-primary{
    background: rgba(13, 74, 92, 1);
    border: 0;
    color: #fff;
}
.reg-btn-primary:hover{ background: rgb(34, 78, 92); color:#fff; }

.reg-btn-muted{
    background: #8f98a3;
    border: 0;
    color: #fff;
    cursor: not-allowed;
}

.reg-btn-warning{
    background: #f0ad4e;
    border: 0;
    color: #fff;
}

.reg-btn-warning:hover{
    background: #e19a35;
    color: #fff;
}

.reg-btn-warning:disabled{
    background: #f0ad4e;
    color: #fff;
    opacity: .8;
    cursor: not-allowed;
}

.reg-note{
    font-size: 12px;
    color:#6c757d;
    margin-top: 10px;
}

.reg-selector{
    margin-bottom: 14px;
}

.reg-selector__label{
    display: block;
    margin-bottom: 6px;
    color: #4a5565;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}

.reg-selector__input{
    display: block;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    background: #fff;
    color: #212529;
    font-size: 14px;
    line-height: 20px;
}

.reg-units{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.reg-unit{
    border-top: 1px solid #e9ecef;
    padding-top: 14px;
}

.reg-unit:first-child{
    border-top: 0;
    padding-top: 0;
}

.reg-unit__head{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.reg-unit__name{
    color: #1f2937;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

.reg-unit__fee{
    color: rgba(45,95,111,1);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
}

.reg-status{
    font-size: 13px;
    line-height: 20px;
    color: #4a5565;
}

.reg-alert{
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
}

.reg-alert a{
    font-weight: 700;
}
/*end registration styles*/

/*sidebar styles*/
.organizer-card {
    font-family: "Inter", sans-serif;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
    background: linear-gradient(180deg, #0D4A5C 0%, #206276 100%) !important;
}

.organizer-card__body {
    padding: 16px;
}

.organizer-card__label {
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;

}

.organizer-card__name {
    color: #fff;
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.44px;

}

.organizer-card__btn {
    background: #fff;
    border: 0;
    color: rgba(13, 74, 92, 1);
    border-radius: 8px;
    padding: 10px 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;

}

.organizer-card__btn:hover {
    background: rgba(255, 255, 255, .92);
    color: rgba(13, 94, 115, 1);
}
/*end sidebar styles*/

/*tabs styles*/

.card, .event-tabs-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.1),
    0px 10px 15px -3px rgba(0,0,0,0.1);
    overflow: hidden;
    border: unset !important;
}

/* Tabs bar */
.event-tabs-nav{
    border-bottom: 1px solid #e9ecef;
    padding: 10px 12px 0 12px;
    background: #fff;
    font-family: "Inter", sans-serif;
}

/* Remove bootstrap tab borders */
.event-tabs-nav .nav-link{
    border: 0 !important;
    color: #495057;
    color: rgba(74, 85, 101, 1);
    font-weight: 500;
    padding: 12px 14px;
    border-radius: 8px 8px 0 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
}

/* Active tab: darker + underline */
.event-tabs-nav .nav-link.active{
    color: #0D4765; /* your teal */
    background: transparent;
}

.event-tabs-nav .nav-item{
    position: relative;
}

.event-tabs-nav .nav-item .nav-link.active::after{
    content: none;
}

.event-tabs-nav .nav-item:has(.nav-link.active)::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: rgba(45, 95, 111, 1);
    border-radius: 3px;
}
.event-tabs-nav .nav-link:hover{
    color: #0D4765;
    background: rgba(13,71,101,.06);
}

.event-tabs-content{
    padding: 18px 18px 22px 18px;
}
.event-tabs-nav{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 12px 0 12px;
}

.event-tabs-nav .nav-item{
    flex: 1 1 0;
    text-align: center;
}

.event-tabs-nav .nav-link{
    width: 100%;
    justify-content: center;
    white-space: nowrap;
}
.tab-icon{
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: currentColor; /* icon follows text color */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.tab-icon-doc{
    -webkit-mask-image: url("/includes/images/events/document.svg");
    mask-image: url("/includes/images/events/document.svg");
}
.tab-icon-cup{
    -webkit-mask-image: url("/includes/images/events/cup.svg");
    mask-image: url("/includes/images/events/cup.svg");
}
.tab-icon-calendar{
    -webkit-mask-image: url("/includes/images/events/calendar.svg");
    mask-image: url("/includes/images/events/calendar.svg");
}
/* end tabs styles*/

/*tickets styles*/
.tickets-modern, .tickets-modern * { font-family: "Inter", sans-serif; }

.tickets-modern{
    border: 1px solid #eef1f4;
    border-radius: 10px;
    box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.1),
    0px 10px 15px -3px rgba(0,0,0,0.1);
}

.tickets-modern__label{
    text-align:center;
    color: #6c757d;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;

}

.tickets-modern__price{
    text-align:center;
    color: rgba(45,95,111,1);
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.37px;

}

.tickets-modern__buy{
    background: #b80000; /* red button from figma */
    border: 0;
    color:#fff;
    border-radius: 8px;
    font-weight: 700;
    padding: 10px 12px;
}
.tickets-modern__buy:hover{ background:#9f0000; color:#fff; }

.tickets-modern__primary{
    border-radius: 8px;
    font-weight: 700;
    padding: 10px 12px;
    background: rgba(13, 74, 92, 1);
    color: #fff;
    border: 0;
}
.tickets-modern__primary:hover,
.tickets-modern__primary:visited,
.tickets-modern__primary:focus-within,
.reg-btn-primary:hover{
    background: rgba(45,95,111,1);
    color: #fff;
}

.tickets-modern__actions{
    display:flex;
    gap:10px;
    margin-top: 12px;
}

.tickets-modern__action{
    border-radius: 8px;
    font-weight: 600;
    padding: 8px 10px;
}
/* Container: 2 equal columns */
.tickets-modern__actions{
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

/* Make the wrappers equal width too */
.tickets-modern__actions > div{
    flex: 1 1 0;
}

.tickets-modern__action{
    white-space: nowrap;
}

/* if the sidebar is narrow, reduce font a bit so it doesn't wrap */
@media (max-width: 1200px){
    .tickets-modern__action{
        font-size: 13px;
        padding: 10px 10px;
    }
}
/* Button fills its column */
.tickets-modern__action{
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    background: #fff;

    border: 1px solid rgba(209, 213, 220, 1);
    color: #0b1f2a;

    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;

    padding: 10px 12px;
}

.tickets-modern__action:hover{
    background: #f7f9fb;
    border-color: #c9d3dd;
    color: #0b1f2a;
}

/* icon sizing */
.tickets-modern__action i{
    font-size: 16px;
}
/* end tickets styles*/

/* ===== Event Details tab ===== */

.event-details h2{
    font-size: 22px;
    font-weight: 700;
    color: #0b1f2a;
    margin: 0 0 14px 0;
    font-family: "Inter", sans-serif !important;

}
.event-details  .description {
    font-family: "Inter", sans-serif !important;
}

.value small{
    font-weight: 700;
}
/* chips container */
.event-details .chips{
    gap: 10px;
    padding: 13px 16px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 18px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25) inset;
    background: rgba(245, 245, 245, 1);

}

/* chip */
.event-details .chip{
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 5px 8px;
    border-radius: 5px;
    background: #fff;
    color: rgba(45, 95, 111, 1);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.31px;


}

/* chip icon */
.event-details .chip i,
.event-details .chip img{
    width: 16px;
    height: 16px;
    display: inline-block;
}

.chip {
    cursor: pointer;
    transition: all 0.2s ease;
}

.chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* description typography */
.event-details .description{
    font-size: 14px;
    line-height: 1.6;
    color: rgb(54, 65, 83);
}

/* teal info panel */
.event-details .info-panel{
    border-radius: 10px;
    padding: 24px;
    color: #fff;
    margin-top: 18px;
    background: linear-gradient(90deg, #0D4A5C 0%, #196D86 100%);
}

.event-details .info-panel h3{
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 14px 0;
    color: #fff;
    letter-spacing: -0.45px;
    line-height: 28px;
}

.event-details .info-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 22px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;

}

@media (max-width: 768px){
    .event-details .info-grid{ grid-template-columns: 1fr; }
}

.event-details .info-item{
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.event-details .info-item .icon{
    width: 22px;
    flex: 0 0 22px;
    opacity: .95;
}

.event-details .info-item .label{
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.45px;

}

.event-details .info-item .value{
    opacity: .95;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
}
/*end event details tab*/

/* ===== Downloads tab ===== */
.downloads-title{
    color: #0b1f2a;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.07px;
}

.downloads-list{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.download-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    background: rgba(245, 245, 245, 1);
    border-radius: 10px;
    padding: 12px 14px;
    text-decoration: none;
}

.download-item:hover{
    background: #eef2f5;
    text-decoration: none;
}

.download-item__left{
    min-width: 0;
}

.download-item__title{
    color: #b71c1c;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;

}

.download-item__desc{
    margin-top: 4px;
    color: #6c757d;
    font-size: 13px;
    line-height: 1.35;
}

.download-item__right{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-item__icon{
    width: 18px;
    height: 18px;
    background-color: rgba(201, 48, 44, 1);

    -webkit-mask: url("/includes/images/events/download-red.svg") no-repeat center / contain;
    mask: url("/includes/images/events/download-red.svg") no-repeat center / contain;
}

.download-item:hover .download-item__icon{
    background-color: rgba(201, 48, 44, 1);
}
/*end downloads tab*/

/* Use Inter in tab content */
.event-tabs-card, .event-tabs-card .schedule-table {
    font-family: "Inter", sans-serif;
}

/* ===== Schedule tab ===== */
#tab-schedule * {
    font-family: "Inter", sans-serif !important;
}

.schedule-title{
    font-size: 20px;
    font-weight: 700;
    margin: 6px 0 14px 0;
    color: #0b1f2a;
}

.schedule-table{
    border-top: 1px solid #e9ecef;
}

.schedule-row{
    display: grid;
    grid-template-columns: 1.2fr 1.2fr .6fr .7fr;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(243, 244, 246, 1);
    align-items: center;
}
#warmupSchedule .schedule-row {
    grid-template-columns: 0.8fr 1fr .5fr .7fr .5fr;
}
.schedule-cell{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
}

.schedule-head{
    padding: 10px 0;
    border-bottom: 1px solid #e9ecef;
}

.schedule-head .schedule-cell{
    font-size: 12px;
    font-weight: 700;
    color: #6c757d;
}

.band-name{
    font-weight: 500;
    color: rgba(16, 24, 40, 1);

}

.school-name{
    font-weight: 400;
    color: rgba(74, 85, 101, 1);

}

/* times */
.time-link{
    font-weight: 500;
    color: rgba(45, 95, 111, 1);

}
.warmup {
    color: rgba(16, 24, 40, 1);
}

/* Break row styling */
.schedule-break{
    grid-template-columns: 1fr 120px;
    gap: 16px;
}
.schedule-break .break-label{
    color: #0b1f2a;
    font-weight: 600;
}

/* Note box */
.schedule-note{
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(255, 243, 205, .55);
    border: 1px solid rgba(255, 193, 7, .35);
    color: #5c4b10;
    font-size: 13px;
    line-height: 1.4;
}

/* Responsive */
@media (max-width: 768px){
    .schedule-row{
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .schedule-head{ display:none; }
    .schedule-break{
        grid-template-columns: 1fr;
    }
}
/*end schedule tab*/

/* ===== Scores tab ===== */
.scores-tab { padding-top: 2px; }

.scores-title{
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.07px;
    color: #0b1f2a;
    line-height: 32px;
}
/* ===== Staff tab ===== */
.staff-tab * {
    font-family: "Inter", sans-serif !important;
}

.staff-tab__title{
    color: rgba(16, 24, 40, 1);
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.07px;

}
.staff-tab__section{
    color: rgba(45, 62, 80, 1);
    margin: 16px 0 12px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.45px;

}

/* Card */
.staff-card{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.1),
    0px 10px 15px -3px rgba(0,0,0,0.1);
    border: 1px solid #eef1f4;
}
.staff-card__inner{
    display: flex;
    gap: 14px;
    padding: 14px;
    align-items: center;
}

.staff-avatar{
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
}
.staff-avatar__img{
    width: 56px;
    height: 56px;
    border-radius: 999px;
    object-fit: cover;
    display: block;
}
.staff-avatar__placeholder{
    width: 56px;
    height: 56px;
    border-radius: 999px;
    background: #e9ecef;
}

.staff-meta{ min-width: 0; }

.staff-name{
    color: rgba(0, 0, 0, 1);
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 28.8px;
    letter-spacing: 0;

}
.staff-name:hover{ text-decoration: underline; }

.staff-role{
    margin-top: 2px;
    font-size: 13px;
    color: #6c757d;
    font-weight: 600;
}
/*end staff tab*/



.scores-division{
    margin-bottom: 18px;
}

.scores-division__name{
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #1e3a47;
    margin: 0 0 8px 0;
    font-size: 14px;
}

.scores-table{
    border-top: 1px solid #e9ecef;
}

.scores-row{
    display: grid;
    grid-template-columns: 90px 1fr 110px;
    gap: 10px;
    padding: 14px 0;
    border-bottom: 1px solid #f1f3f5;
    align-items: center;
}

.scores-head{
    padding: 10px 0;
    border-bottom: 1px solid #e9ecef;
}

.scores-head .scores-cell{
    font-size: 12px;
    font-weight: 700;
    color: #6c757d;
    text-transform: none;
}

.scores-rank .rank-num{
    font-weight: 700;
    color: #0b1f2a;
}

.band-name{
    font-weight: 700;
    color: #0b1f2a;
    line-height: 1.15;
}

.band-sub{
    font-size: 12px;
    color: #6c757d;
    margin-top: 3px;
}

.scores-score{
    text-align: right;
    font-weight: 700;
    color: rgba(45, 95, 111, 1); /* your teal */
}

@media (max-width: 768px){
    .scores-row{
        grid-template-columns: 70px 1fr 80px;
    }
}
.schedule-header {
    margin-bottom: 1.5rem;
}

.schedule-toggle-btn {
    min-width: 200px;
}
/*end scores tab*/