/* Public Match composition. Match hero/media, Team identity and Share retain shared ownership. */
.pm-public-match-detail { display: grid; gap: var(--pm-space-8); margin-block: var(--pm-space-8); min-width: 0; }
.pm-public-match-detail > * { min-width: 0; }
.pm-public-match-detail__share { margin: 0; }
.pm-public-match-detail__share > a { display: inline-flex; align-items: center; min-height: var(--control-height); font-weight: 700; }
.pm-public-match-detail__share > .pm-public-share { margin-left: auto; }
.pm-public-match-detail .pm-public-section { margin: 0; box-shadow: none; }
.pm-public-match-detail__eyebrow { font-size: var(--pm-type-caption); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #14764a; margin: 0 0 var(--pm-space-3); }
.pm-public-match-performance { display: grid; gap: var(--pm-space-8); align-items: center; }
.pm-public-match-performance--photo { grid-template-columns: minmax(0, .7fr) minmax(0, 1.6fr); }
.pm-public-match-performance__photo { border-radius: var(--pm-radius-lg); overflow: hidden; }
@media (min-width: 768px) {
    .pm-public-match-performance--photo { align-items: stretch; }
    .pm-public-match-performance__photo { --pm-player-hero-image-height: 100%; --pm-player-hero-image-position: center 20%; }
}
.pm-public-match-performance__body { min-width: 0; display: grid; gap: var(--pm-space-5); }
.pm-public-match-performance__body > .pm-public-match-detail__eyebrow { margin: 0; }
.pm-public-match-performance h2 { font-size: 36px; margin: 0; overflow-wrap: anywhere; }
.pm-public-match-detail__team { display: flex; align-items: center; gap: var(--pm-space-3); min-width: 0; }
.pm-public-match-detail__team img { width: 44px; height: 44px; object-fit: contain; flex: none; }
.pm-public-match-performance__context { display: grid; grid-template-columns: repeat(var(--public-performance-context-count), minmax(0, 1fr)); gap: var(--pm-space-4); margin: 0; padding-top: var(--pm-space-4); border-top: 1px solid var(--border); }
.pm-public-match-performance__context > div { min-width: 0; text-align: center; }
.pm-public-match-performance__context dt, .pm-public-match-performance__metrics dt { color: var(--muted); font-size: 14px; }
.pm-public-match-performance__context dd { margin: var(--pm-space-2) 0 0; font-weight: 600; overflow-wrap: anywhere; }
.pm-public-match-performance__metrics { display: grid; grid-template-columns: repeat(var(--public-performance-metric-count), minmax(0, 1fr)); gap: var(--pm-space-4); margin: 0; }
.pm-public-match-performance__metrics > div { display: flex; flex-direction: column-reverse; gap: var(--pm-space-2); min-width: 0; text-align: center; border-top: 2px solid #168452; padding-top: var(--pm-space-4); }
.pm-public-match-performance__metrics dd { margin: 0; font-family: var(--public-font-football); font-weight: 700; font-size: 48px; line-height: 1.1; overflow-wrap: anywhere; }
.pm-public-match-performance__metrics [data-unavailable] dd { font-size: 22px; }
.pm-public-match-performance__metrics .pm-public-value-help { display: inline-flex; }
.pm-public-match-detail__events { display: flex; flex-wrap: wrap; gap: var(--pm-space-2); list-style: none; padding: 0; margin: 0; }
.pm-public-match-performance__body > .pm-public-match-detail__events { justify-content: center; }
.pm-public-match-detail__events li { padding: var(--pm-space-3) var(--pm-space-4); background: #e0ede8; border-top: 2px solid #168452; border-radius: var(--control-radius); color: #12613e; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; text-align: center; }
.pm-public-match-detail__events--compact { margin-top: var(--pm-space-3); }
.pm-public-match-detail__events--compact li { background: transparent; border: 0; padding: 0; text-align: left; }
.pm-public-match-detail__details { border-block: 1px solid var(--border); padding-block: var(--pm-space-6); }
.pm-public-match-detail__details h2 { margin-bottom: var(--pm-space-4); }
.pm-public-match-detail__details dl { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--pm-space-6) var(--pm-space-8); margin: 0; }
.pm-public-match-detail__details dl > div { grid-column: span var(--public-match-fact-span); text-align: center; min-width: 0; }
.pm-public-match-detail__details dt { color: var(--muted); font-size: 14px; margin-bottom: var(--pm-space-2); }
.pm-public-match-detail__details dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.pm-public-match-detail__highlight-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: var(--pm-space-4); }
.pm-public-match-detail__highlight-list article { display: flex; align-items: center; gap: var(--pm-space-4); padding: var(--pm-space-5); border-left: 3px solid #168452; background: #e4edf3; min-width: 0; }
.pm-public-match-detail__highlight-list article > div { min-width: 0; }
.pm-public-match-detail__highlight-body { flex: 1; }
@media (min-width: 768px) {
    .pm-public-match-detail__highlight-list > article:only-child .pm-public-match-detail__highlight-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: var(--pm-space-6); }
}
.pm-public-match-detail__highlight-list .pm-public-match-detail__eyebrow { margin: 0; }
.pm-public-match-detail__highlight-list a { display: inline-flex; align-items: center; font-family: var(--public-font-football); font-size: 24px; font-weight: 700; min-height: 44px; overflow-wrap: anywhere; }
.pm-public-match-detail__highlight-list .pm-public-caption { margin: 0; }
.pm-public-match-detail__highlight-icon { display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; flex: none; background: #e0ede8; border-radius: 50%; color: #12613e; }
.pm-public-match-detail__player-list { display: grid; grid-template-columns: minmax(0, 1fr); }
.pm-public-match-detail__player-list > .pm-public-match-detail__player-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--pm-space-4); min-width: 0; padding: var(--pm-space-5) var(--pm-space-4); border-bottom: 1px solid var(--border); color: var(--text); text-decoration: none; }
.pm-public-match-detail__player-row:hover, .pm-public-match-detail__player-row:focus-visible { background: #e4edf3; }
.pm-public-match-detail__player-row:hover h3, .pm-public-match-detail__player-row:focus-visible h3 { text-decoration: underline; }
.pm-public-match-detail__player-copy { min-width: 0; }
@media (min-width: 768px) {
    .pm-public-match-detail__player-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pm-space-3) var(--pm-space-8); align-items: center; }
    .pm-public-match-detail__player-copy > h3 { grid-column: 1; grid-row: 1; }
    .pm-public-match-detail__player-copy > .pm-public-match-detail__team { grid-column: 1; grid-row: 2; }
    .pm-public-match-detail__player-copy > p { grid-column: 2; grid-row: 1; margin: 0; }
    .pm-public-match-detail__player-copy > .pm-public-match-detail__events { grid-column: 2; grid-row: 2; margin: 0; }
}
.pm-public-match-detail__player-list h3 { font-size: 24px; margin: 0 0 var(--pm-space-2); overflow-wrap: anywhere; color: #12613e; }
.pm-public-match-detail__player-list p { margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.pm-public-match-detail__player-avatar { display: block; background: #e4edf3; border-radius: var(--pm-radius-md); overflow: hidden; width: 64px; height: 76px; }
.pm-public-match-detail__player-avatar img { width: 100%; height: 100%; object-fit: contain; padding: var(--pm-space-2); }
.pm-public-match-detail__player-avatar--photo img { object-fit: cover; object-position: center 28%; padding: 0; }
.pm-public-match-detail__player-arrow { color: #12613e; font-size: 24px; }
.pm-public-match-detail__navigation { display: flex; flex-wrap: wrap; gap: var(--pm-space-4) var(--pm-space-8); justify-content: space-between; border-top: 1px solid var(--border); padding-top: var(--pm-space-5); }
.pm-public-match-detail__navigation a { display: inline-flex; align-items: center; min-height: var(--control-height); font-weight: 600; }
.pm-public-match-detail__acquisition { display: flex; align-items: center; justify-content: space-between; gap: var(--pm-space-6); padding: var(--pm-space-6); background: #e0ede8; border-top: 2px solid #168452; }
.pm-public-match-detail__acquisition h2 { margin: 0 0 var(--pm-space-3); }
.pm-public-match-detail__acquisition p { margin: 0; line-height: 1.6; }
.pm-public-match-detail__acquisition .button { flex: none; }
@media (max-width: 767px) {
    .pm-public-match-detail__details dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pm-space-5) var(--pm-space-4); }
    .pm-public-match-detail__details dl > div { grid-column: auto; }
    .pm-public-match-detail__details dl > .pm-public-match-detail__fact--wide { grid-column: 1 / -1; }
    .pm-public-match-detail__share > .pm-public-share { margin-left: 0; }
    .pm-public-match-performance--photo { grid-template-columns: minmax(0, 1fr); }
    .pm-public-match-performance__body { text-align: center; }
    .pm-public-match-performance__body .pm-public-match-detail__team { justify-content: center; }
    .pm-public-match-performance__metrics { justify-content: center; }
    .pm-public-match-performance__metrics--unavailable { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pm-public-match-performance__metrics--unavailable > div:last-child { grid-column: 1 / -1; }
    .pm-public-match-performance__body .pm-public-match-detail__events { justify-content: center; }
    .pm-public-match-detail__highlight-list article { flex-direction: column; text-align: center; padding: var(--pm-space-4); }
    .pm-public-match-detail__player-list > .pm-public-match-detail__player-row { padding: var(--pm-space-4) 0; gap: var(--pm-space-3); }
    .pm-public-match-detail__navigation { flex-direction: column; align-items: center; }
    .pm-public-match-detail__acquisition { flex-direction: column; text-align: center; }
    .pm-public-match-detail__acquisition .button { max-width: 100%; white-space: normal; }
}