.pm-match-media .media-link-grid { display: grid; gap: 9px; grid-template-columns: minmax(0, 1fr); }
.pm-match-media .media-link-card { align-items: center; background: var(--pm-media-card-bg, rgba(7, 17, 26, 0.28)); border: 1px solid var(--pm-media-border, var(--pm-border)); border-radius: 7px; display: grid; gap: 10px; grid-template-columns: auto minmax(0, 1fr) auto; padding: 10px; transition: border-color var(--pm-motion-fast) var(--pm-motion-ease), background-color var(--pm-motion-fast) var(--pm-motion-ease); }
.media-link-card__icon { align-items: center; background: rgba(49, 80, 99, 0.34); border-radius: 6px; color: var(--pm-media-secondary, var(--pm-text-secondary)); display: flex; height: 38px; justify-content: center; transition: color var(--pm-motion-fast) var(--pm-motion-ease); width: 38px; }
.media-link-card .media-link-card__icon--youtube,
.media-link-card .media-link-card__icon--instagram,
.media-link-card .media-link-card__icon--facebook,
.media-link-card .media-link-card__icon--x { background: transparent; color: var(--pm-media-text, var(--pm-text-primary)); }
.media-link-card__icon--youtube .nav-icon,
.media-link-card__icon--instagram .nav-icon,
.media-link-card__icon--facebook .nav-icon,
.media-link-card__icon--x .nav-icon { height: 24px; width: 24px; }
.media-link-card > div:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.media-link-card strong { font-size: var(--pm-type-metadata, 15px); overflow-wrap: anywhere; }
.media-link-card > div:nth-child(2) > span { color: var(--pm-media-muted, var(--pm-text-muted)); font-size: var(--pm-type-caption, 14px); }
.media-link-card__actions { align-items: center; display: flex; gap: 6px; }

.media-link-card__actions button,
.media-link-card__actions a {
    align-items: center;
    background: transparent;
    border: 1px solid var(--pm-media-border-strong, var(--pm-border-strong));
    border-radius: 6px;
    color: var(--pm-media-secondary, var(--pm-text-secondary));
    display: inline-flex;
    font-size: var(--pm-type-action-compact, 15px);
    font-weight: 700;
    justify-content: center;
    min-height: 36px;
    min-width: 36px;
    padding: 7px 9px;
    text-decoration: none;
    transition:
        background-color var(--pm-motion-fast) var(--pm-motion-ease),
        border-color var(--pm-motion-fast) var(--pm-motion-ease),
        color var(--pm-motion-fast) var(--pm-motion-ease),
        transform var(--pm-motion-fast) var(--pm-motion-ease);
}

.media-link-card__actions button:focus-visible,
.media-link-card__actions a:focus-visible { background: rgba(34, 197, 94, 0.07); border-color: var(--pm-green); color: var(--pm-media-text, var(--pm-text-primary)); filter: none; transform: none; }
.media-link-card__actions button:active,
.media-link-card__actions a:active { transform: scale(0.98); }
.media-link-card__actions a { padding-inline: 7px; }
.media-link-card__actions .nav-icon { height: 16px; width: 16px; }
.pm-media-embed { background: var(--pm-media-embed-bg, var(--pm-bg-deep)); border: 1px solid var(--pm-media-border, var(--pm-border)); border-radius: 7px; margin-inline: auto; overflow: hidden; width: min(100%, 680px); }
.pm-media-embed[hidden] { display: none; }
.pm-media-embed iframe { border: 0; display: block; height: clamp(440px, 68vh, 720px); width: 100%; }
.pm-media-embed--youtube { aspect-ratio: 16 / 9; max-width: 960px; }
.pm-match-media--wide .pm-media-embed--youtube { width: 100%; }
.pm-media-embed--youtube iframe { height: 100%; }
.pm-media-embed--facebook iframe { height: clamp(440px, 62vh, 680px); }
.pm-media-embed__fallback { color: var(--pm-media-secondary, var(--pm-text-secondary)); font-size: var(--pm-type-support, 15px); margin: 0; padding: 16px; text-align: center; }

@media (max-width: 767px) {
    .pm-match-media .media-link-card { gap: 8px; grid-template-columns: auto minmax(0, 1fr) auto; padding: 9px; }
    .media-link-card__icon { height: 34px; width: 34px; }
    .media-link-card__actions { grid-column: auto; justify-content: flex-end; }
    .media-link-card__actions button,
    .media-link-card__actions a { min-height: 40px; min-width: 40px; padding-inline: 8px; }
    .media-link-card__actions button { flex: 0 0 auto; }
    .pm-media-embed iframe { height: min(560px, 72vh); }
    .pm-media-embed--youtube iframe { height: 100%; }
}

@media (hover: hover) and (pointer: fine) {
    .media-link-card__actions button:hover:not(:active), .media-link-card__actions a:hover:not(:active) { background: rgba(34, 197, 94, 0.07); border-color: var(--pm-green); color: var(--pm-media-text, var(--pm-text-primary)); filter: none; transform: none; }
    .pm-match-media .media-link-card:hover { background: var(--pm-media-card-hover, rgba(49, 80, 99, 0.1)); border-color: var(--pm-media-border-strong, var(--pm-border-strong)); }
    .pm-match-media .media-link-card:hover .media-link-card__icon { color: var(--pm-green-highlight); }
}
.pm-match-media--compact { --pm-media-card-bg: #f1f6fa; --pm-media-card-hover: #e7f0f5; --pm-media-border: var(--border); --pm-media-border-strong: #bacddb; --pm-media-text: var(--text); --pm-media-secondary: var(--text); --pm-media-muted: var(--muted); --pm-media-embed-bg: var(--panel); }
.pm-match-media--compact .media-link-card__actions { flex-wrap: wrap; justify-content: end; }
.pm-match-media--compact .media-link-card__actions a, .pm-match-media--compact .media-link-card__actions button { min-height: 44px; min-width: 44px; }
.pm-match-media--compact .media-link-card__actions a { gap: var(--pm-space-2); }
.pm-match-media--compact .pm-media-embed iframe { height: min(480px, 65vh); }
.pm-match-media--compact .pm-media-embed--youtube iframe { height: 100%; }
@media (max-width: 767px) { .pm-match-media--compact .media-link-card { grid-template-columns: auto minmax(0, 1fr); } .pm-match-media--compact .media-link-card__actions { grid-column: 2; justify-content: start; } }