/* MyJuve Matches Strip 2.7.8. All selectors scoped to .mjm. */
.mjm{--mjm-gold:#c8a84b;--mjm-gap:14px;position:relative;isolation:isolate;box-sizing:border-box;width:100vw!important;max-width:100vw!important;min-width:0;overflow:hidden;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:22px 0 24px;border-radius:0;background:#fff;border:0;font-family:'Fira Sans',Arial,sans-serif;color:#111}
.mjm *, .mjm *::before,.mjm *::after{box-sizing:border-box}
@supports (width: 100dvw){.mjm{width:100dvw!important;max-width:100dvw!important;margin-left:calc(50% - 50dvw)!important;margin-right:calc(50% - 50dvw)!important}}
/* 2.7.7: white full-width section; no black or striped overlay. */
.mjm::before{display:none!important}
/* Content is constrained to 90% of the screen, with 5% outer margins. */
.mjm__head,.mjm__viewport,.mjm__hint,.mjm__warning{position:relative;z-index:1;width:90%;max-width:90%;margin-left:auto!important;margin-right:auto!important}

.mjm__head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.mjm__title-wrap{display:flex;align-items:center;gap:18px;min-width:0}
.mjm__heading{color:#111!important;font:900 clamp(19px,2.2vw,29px)/1.15 'Fira Sans',Arial,sans-serif!important;letter-spacing:-.02em;text-transform:uppercase;margin:0!important;white-space:nowrap}
.mjm__title-rule{display:block;height:3px;min-width:36px;width:58px;background:var(--mjm-gold)}
.mjm__all{font:700 13px/1.3 'Fira Sans',Arial,sans-serif!important;text-decoration:none!important;color:#866616!important;white-space:nowrap}
.mjm__all:hover{color:#111!important}.mjm__all span{font-size:19px;margin-left:6px}
.mjm__viewport{min-width:0;overflow:visible;outline:none}.mjm__viewport:focus-visible{outline:2px solid var(--mjm-gold);outline-offset:2px}
.mjm__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mjm-gap);min-width:0;align-items:stretch}
.mjm__card{min-width:0;margin:0!important;padding:15px 13px 12px;min-height:244px;border-radius:12px;background:#fafafa;border:1px solid #dddddd;color:#141414;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 3px 9px rgba(0,0,0,.12)}
.mjm__card-top{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;min-height:25px}
.mjm__kind{color:#fff;border-radius:5px;display:inline-flex;align-items:center;min-height:23px;padding:4px 7px;font:800 10px/1 'Fira Sans',Arial,sans-serif;text-transform:uppercase;white-space:nowrap}
.mjm__kind--past{background:#4c4c4c}.mjm__kind--next{background:#aa851e}
.mjm__competition{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:#565656;font:600 10px/1.3 'Fira Sans',Arial,sans-serif;text-align:right}
.mjm__contest{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:7px;margin:13px 0 9px;min-width:0}
.mjm__team{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center}
.mjm__logo,.mjm__logo-fallback{display:block;width:58px!important;height:58px!important;max-width:100%;min-width:0;object-fit:contain;flex:none}
.mjm__logo-fallback{display:flex;align-items:center;justify-content:center;font-size:20px}
.mjm__team-name{color:#111;font:800 14px/1.17 'Fira Sans',Arial,sans-serif!important;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:34px}
.mjm__score{min-width:58px;border-radius:7px;background:#ededed;color:#111;padding:9px 5px;margin-top:5px;text-align:center;white-space:nowrap;font:900 19px/1.15 'Fira Sans',Arial,sans-serif!important;font-variant-numeric:tabular-nums}
.mjm__score--past{background:#eee3c4}
.mjm__date{display:flex;justify-content:center;align-items:center;gap:5px;min-height:17px;color:#464646;font:500 11px/1.3 'Fira Sans',Arial,sans-serif!important;text-align:center;flex-wrap:wrap}
.mjm .mjm__date > .mjm__calendar-icon{display:inline-block!important;width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;flex:0 0 15px!important;padding:0!important;margin:0!important;border:0!important;line-height:0!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23444444%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4M17%203v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;align-self:center!important}
.mjm__timezone{color:#777}
.mjm__status-area{text-align:center;min-height:23px;margin:6px 0 7px}
.mjm__result,.mjm__scheduled{display:inline-block;padding:3px 9px;border-radius:4px;font:700 11px/1.2 'Fira Sans',Arial,sans-serif}
.mjm__result--win{background:#e0f3e3;color:#146b2b}.mjm__result--draw{background:#f2f2f2;color:#5c5c5c}.mjm__result--loss{background:#fce3e3;color:#9e2727}
.mjm__scheduled{color:#737373;background:#f4f4f4}
.mjm__cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;min-height:34px;border-radius:6px;background:#eeeeee;color:#171717!important;text-decoration:none!important;font:800 12px/1.2 'Fira Sans',Arial,sans-serif!important;transition:background .2s ease}
.mjm__cta:hover{background:var(--mjm-gold);color:#111!important}.mjm__cta:focus-visible{outline:2px solid #947014;outline-offset:2px}
.mjm__cta span{font-size:18px}.mjm__hint{display:none}
.mjm__warning{padding:18px;background:#f5f5f5;color:#333;border:1px solid #dedede;border-radius:8px}
@media(min-width:768px) and (max-width:1050px){.mjm{padding:15px 0}.mjm{--mjm-gap:8px}.mjm__card{padding:10px 7px;min-height:232px}.mjm__logo,.mjm__logo-fallback{width:43px!important;height:43px!important}.mjm__score{min-width:48px;font-size:16px!important;padding:8px 4px}.mjm__team-name{font-size:11.5px!important;min-height:28px}.mjm__contest{gap:3px}.mjm__competition{font-size:9px}}
@media(max-width:767px){
  .mjm{--mjm-peek:13px;--mjm-gap:6px;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:18px 0 15px;border-radius:0;border-left:none;border-right:none}
  .mjm__head{padding:0;margin-bottom:12px;gap:6px}
  .mjm__heading{font-size:clamp(13px,3.7vw,17px)!important;white-space:nowrap}
  .mjm__title-wrap{gap:9px}.mjm__title-rule{min-width:17px;width:23px;height:2px}
  .mjm__all{font-size:9px!important}.mjm__all span{font-size:14px;margin-left:2px}
  .mjm__viewport{width:90%;max-width:90%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:calc(var(--mjm-peek) + var(--mjm-gap));overscroll-behavior-inline:contain;scroll-behavior:auto;padding-bottom:2px}
  .mjm__viewport::-webkit-scrollbar{display:none}
  .mjm__track{display:flex;align-items:stretch;gap:var(--mjm-gap);width:max-content;min-width:100%}
  .mjm__card{flex:0 0 calc((90vw - 2*var(--mjm-peek) - 3*var(--mjm-gap))/2);width:calc((90vw - 2*var(--mjm-peek) - 3*var(--mjm-gap))/2);min-height:211px;min-width:0;padding:9px 6px 7px;border-radius:9px;scroll-snap-align:start;scroll-snap-stop:normal}
  .mjm__card-top{min-height:18px;gap:3px;flex-wrap:wrap;align-content:start}
  .mjm__kind{font-size:8px!important;min-height:17px;padding:3px 5px}.mjm__competition{font-size:8px;white-space:nowrap;max-width:100%;text-align:left}
  .mjm__contest{gap:2px;margin:8px 0 7px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .mjm__logo,.mjm__logo-fallback{width:38px!important;height:38px!important}
  .mjm__team{gap:6px}.mjm__team-name{font-size:10.5px!important;min-height:25px;line-height:1.17!important;letter-spacing:-.025em}
  .mjm__score{min-width:37px;padding:6px 2px;margin-top:3px;font-size:13px!important;border-radius:5px}
  .mjm__contest{grid-template-columns:1fr 1fr;grid-template-rows:38px auto;column-gap:4px;row-gap:4px;position:relative}
  .mjm__team{display:contents}
  .mjm__team:first-child .mjm__logo,.mjm__team:first-child .mjm__logo-fallback{grid-column:1;grid-row:1;justify-self:start}
  .mjm__team:last-child .mjm__logo,.mjm__team:last-child .mjm__logo-fallback{grid-column:2;grid-row:1;justify-self:end}
  .mjm__team:first-child .mjm__team-name{grid-column:1;grid-row:2}
  .mjm__team:last-child .mjm__team-name{grid-column:2;grid-row:2}
  .mjm__team-name{width:100%;min-height:23px;justify-self:center}
  .mjm__score{grid-column:1/-1;grid-row:1;align-self:center;justify-self:center;margin-top:0;z-index:1}
  .mjm__date{font-size:9px!important;gap:2px}.mjm .mjm__date > .mjm__calendar-icon{width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;min-height:12px!important;max-height:12px!important;flex:0 0 12px!important}.mjm__timezone{display:none}
  .mjm__status-area{margin:4px 0 5px;min-height:18px}.mjm__result,.mjm__scheduled{font-size:9px;padding:2px 6px}
  .mjm__cta{min-height:29px;gap:4px;font-size:10px!important}.mjm__cta span{font-size:13px}
  .mjm__hint{display:block;margin:8px auto 0!important;color:#666;text-align:center;font:500 10px/1.2 'Fira Sans',Arial,sans-serif}
}
@media(max-width:370px){.mjm{--mjm-peek:10px;--mjm-gap:5px}.mjm__card{padding:7px 5px}.mjm__logo,.mjm__logo-fallback{width:35px!important;height:35px!important}.mjm__team-name{font-size:9.25px!important;min-height:23px}.mjm__heading{font-size:15px!important}.mjm__score{font-size:12px!important;min-width:34px}}
@media(prefers-reduced-motion:reduce){.mjm__cta{transition:none}}

/* Honest placeholders when fewer than two completed/future games exist. */
.mjm__card--placeholder{justify-content:space-between;background:#f5f5f5}
.mjm__placeholder-message{color:#454545;font:700 14px/1.35 'Fira Sans',Arial,sans-serif;text-align:center;margin:auto 4px}
.mjm__placeholder-bottom{color:#777;font:500 10px/1.35 'Fira Sans',Arial,sans-serif;text-align:center}
@media(max-width:767px){.mjm__placeholder-message{font-size:11px}.mjm__placeholder-bottom{font-size:8px}}

@supports (width: 100dvw){
  @media(max-width:767px){
    .mjm__card{flex-basis:calc((90dvw - 2*var(--mjm-peek) - 3*var(--mjm-gap))/2);width:calc((90dvw - 2*var(--mjm-peek) - 3*var(--mjm-gap))/2)}
  }
}

/* Keep semantic time element inline and inheriting the original match-date typography. */
.mjm__date time{display:inline;font:inherit;color:inherit}