@layer pages {
  .match-lineup-card .lineup-head { align-items:start;flex-wrap:wrap;gap:8px; }
  .match-lineup-card .lineup-title { min-width:0;font-family:var(--ff-heading);font-size:17px;font-weight:700;line-height:1.4;text-transform:none;letter-spacing:0;overflow-wrap:anywhere; }
  .match-lineup-count { color:var(--muted);font-size:12px;line-height:1.5; }
  .match-lineup-card :is(.public-lineup-group-head h3,.match-lineup-group-label) { font-family:var(--ff-heading);font-size:14px;font-weight:700;line-height:1.5;text-transform:none;letter-spacing:0; }
  .match-lineup-card .public-lineup-group-head { align-items:baseline;flex-wrap:wrap;gap:5px; }
  .match-lineup-card .public-lineup-group-head .muted { font-size:12px; }
  .match-lineup-card .public-lineup-formation { white-space:normal;text-transform:none;font-size:11px;line-height:1.5;letter-spacing:0; }
  .match-lineup-card :is(.public-lineup-list,.match-lineup-list) { display:grid;gap:8px;list-style:none;margin:0;padding:0; }
  .match-mobile-page .match-lineup-row.public-lineup-player,.match-mobile-page .match-lineup-row { display:block;min-width:0;margin:0;padding:0;border:0;opacity:1; }
  .match-lineup-profile { display:grid;grid-template-columns:42px minmax(0,1fr) 12px;gap:10px;align-items:center;min-height:66px;padding:9px 10px;border:1px solid var(--border);border-radius:13px;background:var(--surface-bg-soft);color:var(--text); }
  .match-lineup-profile[href]:hover { border-color:var(--accent-border);background:var(--accent-surface);text-decoration:none; }
  .match-lineup-profile:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
  .match-shirt-number { display:grid;align-content:center;justify-items:center;gap:1px;min-width:0;min-height:44px;border:1px solid var(--accent-border);border-radius:10px;background:var(--accent-surface);font-variant-numeric:tabular-nums; }
  .match-number-prefix { color:var(--muted);font-size:9px;line-height:1; }
  .match-number-value { font-family:var(--ff);font-size:20px;font-weight:800;line-height:1.2; }
  .match-lineup-person { display:grid;gap:5px;min-width:0; }
  .match-lineup-name { font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:anywhere; }
  .match-lineup-roles { display:flex;flex-wrap:wrap;gap:4px;min-width:0; }
  .match-lineup-role { display:inline-block;max-width:100%;padding:2px 6px;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.45;overflow-wrap:anywhere;text-transform:none; }
  .match-lineup-role.is-special { color:var(--text);border-color:var(--warn-border);background:var(--warn-soft);font-weight:600; }
  .match-profile-arrow { font-size:24px;line-height:1;color:var(--muted);text-align:center; }
  .match-lineup-profile.is-unavailable { grid-template-columns:42px minmax(0,1fr); }
  .match-lineup-card .tactical-board-disclosure > summary { min-height:44px;max-width:100%;font-size:13px;line-height:1.5; }
  @media(max-width:600px) {
    .match-mobile-page .match-lineup-card.card { padding:12px; }
    .match-lineup-profile { gap:9px;padding:9px 8px; }
  }
  @media(max-width:360px) {
    .match-mobile-page .match-lineup-card.card { padding:10px; }
    .match-lineup-profile { grid-template-columns:38px minmax(0,1fr) 10px;gap:7px;padding:8px 7px; }
    .match-lineup-profile.is-unavailable { grid-template-columns:38px minmax(0,1fr); }
    .match-number-value { font-size:18px; }
    .match-lineup-name { font-size:13px; }
  }
}

/* Keep the explanation readable beside the captain shortcut on narrow screens. */
.match-lineups-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}
.match-lineups-heading .section-title{margin:0;min-width:0}
.match-lineups-heading #lineups-hint{grid-column:1/-1;grid-row:2;min-width:0;line-height:1.5}
.match-lineups-heading #captain-lineup-link{grid-column:2;grid-row:1;max-width:12rem;white-space:normal}