/* ProClubsMarket plugin styles. Uses the theme's colour tokens, with fallbacks. */
.pcm-main {
  --pcm-bg: var(--bg, #0B0F14);
  --pcm-surface: var(--surface, #131A22);
  --pcm-deep: #0E141B;
  --pcm-line: var(--line, #1F2A36);
  --pcm-line-strong: var(--line-strong, #2A3644);
  --pcm-text: var(--text, #EEF2F6);
  --pcm-muted: var(--muted, #9AA7B6);
  --pcm-accent: var(--accent, #C6FF3D);
  --pcm-on-accent: var(--on-accent, #0B0F14);
  --pcm-good: #8FE3B0;
  --pcm-warn: #FFB15C;
  --pcm-cond: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  flex: 1;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 8px clamp(16px, 4vw, 40px) 64px;
  color: var(--pcm-text);
}
.pcm-main *, .pcm-main *::before, .pcm-main *::after { box-sizing: border-box; }
.pcm-icon { flex-shrink: 0; vertical-align: middle; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Header navigation from the plugin: the page you're on is green */
.pcm-nav { display: flex; align-items: center; gap: 8px; }
.pcm-nav-pill {
  height: 44px; padding: 0 16px; border-radius: 12px; display: inline-flex; align-items: center;
  font-family: 'Barlow', system-ui, sans-serif; font-weight: 700; font-size: 15px; text-decoration: none; white-space: nowrap;
  color: var(--text, #EEF2F6); border: 1px solid var(--line-strong, #2A3644); background: transparent;
}
.pcm-nav-pill:hover { color: var(--text, #EEF2F6); border-color: #3A4858; }
.pcm-nav-pill.is-current { background: var(--accent, #C6FF3D); border-color: var(--accent, #C6FF3D); color: var(--on-accent, #0B0F14); }
.pcm-nav-pill.is-current:hover { color: var(--on-accent, #0B0F14); }
.pcm-nav-pill:focus-visible { outline: 2px solid var(--accent, #C6FF3D); outline-offset: 2px; }
@media (max-width: 420px) {
  .site-header { gap: 8px; }
  .pcm-nav { gap: 6px; }
  .pcm-nav-pill { padding: 0 12px; font-size: 14px; }
  .site-header .brand { gap: 7px; }
  .site-header .brand-icon { width: 38px; height: 38px; }
  .site-header .brand-bar { height: 32px; }
  .site-header .brand-top { font-size: 16px; }
  .site-header .brand-bottom { font-size: 22px; }
}

/* Region / tier / rotation / age facts on profiles */
.pcm-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; }
.pcm-facts > div { padding: 12px; border-radius: 12px; background: var(--pcm-surface); border: 1px solid var(--pcm-line); min-width: 0; }
.pcm-facts dt { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pcm-muted); }
.pcm-facts dd { margin: 4px 0 0; font-weight: 600; font-size: 15px; }

/* Type */
.pcm-h1 { margin: 8px 0 0; font-family: var(--pcm-cond); font-weight: 800; font-size: clamp(42px, 9vw, 72px); line-height: 0.92; text-transform: uppercase; }
.pcm-h1-club { font-size: clamp(34px, 7vw, 56px); }
.pcm-h2 { margin: 0 0 14px; font-family: var(--pcm-cond); font-weight: 800; font-size: 28px; line-height: 1; text-transform: uppercase; }
.pcm-h3 { margin: 0 0 12px; font-family: var(--pcm-cond); font-weight: 700; font-size: 20px; letter-spacing: 0.08em; text-transform: uppercase; }
.pcm-lede { margin: 12px 0 0; max-width: 46ch; font-size: 16px; line-height: 1.5; color: var(--pcm-muted); }
.pcm-muted { color: var(--pcm-muted); }
.pcm-small { font-size: 13px; }
.pcm-label { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pcm-muted); }

/* Buttons inside the plugin */
.pcm-main .btn { height: 48px; padding: 0 18px; font-size: 15px; border: 0; cursor: pointer; font-family: inherit; justify-content: center; }
.pcm-main .btn.ghost { background: transparent; border: 1px solid var(--pcm-line-strong); color: var(--pcm-text); }
.pcm-main .btn.danger { background: #B42318; color: #fff; }
.pcm-main .btn[disabled] { opacity: 0.55; cursor: not-allowed; }
.pcm-inline { display: inline-flex; margin: 0; }
.pcm-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }
.pcm-input {
  height: 48px; min-width: 0; flex: 1 1 220px; padding: 0 14px; border-radius: 12px;
  background: var(--pcm-bg); border: 1px solid var(--pcm-line-strong); color: var(--pcm-text);
  font: 500 16px 'Barlow', system-ui, sans-serif;
}
.pcm-input:focus, .pcm-form textarea:focus { outline: 2px solid var(--pcm-accent); outline-offset: 1px; }

/* Messages */
.pcm-msg { margin: 8px 0 18px; padding: 14px 16px; border-radius: 12px; font-size: 15px; line-height: 1.4; }
.pcm-msg-ok { background: #102314; border: 1px solid #23502F; color: #CFF5DA; }
.pcm-msg-err { background: #2A1414; border: 1px solid #5A2626; color: #FFD3D3; }

/* Board */
.pcm-board-head { padding: 8px 0 4px; }
.pcm-deals { margin-top: 20px; padding: 14px; border-radius: 14px; background: var(--pcm-deep); border: 1px solid var(--pcm-line); display: flex; flex-direction: column; gap: 8px; }
.pcm-deals-title { display: flex; align-items: center; gap: 8px; font-family: var(--pcm-cond); font-weight: 700; font-size: 16px; letter-spacing: 0.08em; }
.pcm-deals-dot { width: 8px; height: 8px; border-radius: 99px; background: var(--pcm-accent); }
.pcm-deal { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.pcm-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin-top: 22px; padding: 4px; border-radius: 12px; background: var(--pcm-surface); border: 1px solid var(--pcm-line); }
.pcm-tab { height: 44px; border-radius: 9px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 600; font-size: 15px; color: var(--pcm-muted); }
.pcm-tab:hover { color: var(--pcm-text); }
.pcm-tab.is-on { background: #243041; color: var(--pcm-text); }

.pcm-filters { margin-top: 14px; border: 1px solid var(--pcm-line); border-radius: 14px; background: var(--pcm-deep); }
.pcm-filters > summary { list-style: none; cursor: pointer; min-height: 48px; padding: 0 16px; display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; }
.pcm-filters > summary::-webkit-details-marker { display: none; }
.pcm-filter-form { padding: 4px 16px 16px; }
.pcm-filter-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.pcm-main fieldset { border: 0; margin: 14px 0 0; padding: 0; min-width: 0; }
.pcm-main legend { padding: 0; margin-bottom: 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--pcm-muted); }
.pcm-main legend small { display: block; margin-top: 4px; font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 500; }

.pcm-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pcm-chip { position: relative; display: inline-flex; }
.pcm-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pcm-chip span {
  min-height: 44px; padding: 0 14px; border-radius: 999px; display: inline-flex; align-items: center;
  border: 1px solid var(--pcm-line-strong); color: #C3CCD7; font-weight: 600; font-size: 14px; cursor: pointer; user-select: none;
}
.pcm-chip-pos span { font-family: var(--pcm-cond); font-weight: 700; font-size: 17px; min-width: 54px; justify-content: center; border-radius: 10px; }
.pcm-chip input:checked + span { background: var(--pcm-accent); border-color: var(--pcm-accent); color: var(--pcm-on-accent); }
.pcm-chip input:focus-visible + span { outline: 2px solid var(--pcm-accent); outline-offset: 2px; }
.pcm-chip input:disabled + span { opacity: 0.4; cursor: not-allowed; }

.pcm-results-head { display: flex; justify-content: space-between; margin: 20px 0 10px; font-size: 13px; color: var(--pcm-muted); }
.pcm-hint { margin: 0 0 12px; font-size: 14px; color: var(--pcm-muted); }
.pcm-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pcm-empty { grid-column: 1 / -1; padding: 28px 16px; text-align: center; border: 1px dashed var(--pcm-line-strong); border-radius: 16px; color: var(--pcm-muted); line-height: 1.5; }
.pcm-empty-page { margin-top: 24px; }

/* Cards */
.pcm-card { display: flex; flex-direction: column; gap: 12px; padding: 14px; border-radius: 16px; background: var(--pcm-surface); border: 1px solid var(--pcm-line); color: var(--pcm-text); text-decoration: none; transition: border-color 0.15s; }
.pcm-card:hover { border-color: #3A4858; color: var(--pcm-text); }
.pcm-card:focus-visible { outline: 2px solid var(--pcm-accent); outline-offset: 2px; }
.pcm-card-top { display: flex; align-items: center; gap: 12px; }
.pcm-posbox { width: 58px; height: 58px; flex-shrink: 0; border-radius: 12px; background: var(--pcm-bg); border: 1px solid var(--pcm-line-strong); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.pcm-posbox-main { font-family: var(--pcm-cond); font-weight: 800; font-size: 22px; line-height: 1; color: var(--pcm-accent); }
.pcm-posbox-alt { margin-top: 3px; font-size: 11px; font-weight: 600; color: var(--pcm-muted); }
.pcm-card-id { flex: 1; min-width: 0; }
.pcm-card-name { font-weight: 700; font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pcm-card-sub { margin-top: 2px; font-size: 14px; color: var(--pcm-muted); }
.pcm-match { text-align: right; flex-shrink: 0; }
.pcm-match-num { display: block; font-family: var(--pcm-cond); font-weight: 800; font-size: 30px; line-height: 1; }
.pcm-match-num.is-high { color: var(--pcm-accent); }
.pcm-match-label { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pcm-muted); }
.pcm-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pcm-tags-label { font-size: 13px; margin-right: 2px; }
.pcm-tags-big { margin-top: 12px; }
.pcm-day { font-size: 12px; font-weight: 700; letter-spacing: 0.04em; padding: 4px 8px; border-radius: 6px; border: 1px solid var(--pcm-line-strong); color: #7A8797; text-decoration: line-through; }
.pcm-day.is-on { color: var(--pcm-accent); border-color: var(--pcm-accent); text-decoration: none; }
.pcm-flag { font-size: 12px; font-weight: 600; padding: 4px 8px; border-radius: 6px; background: #18202A; border: 1px solid var(--pcm-line-strong); color: #B9C3CF; }
.pcm-flag-good { color: var(--pcm-good); background: #0F2419; border-color: #1E4A32; }
.pcm-flag-warn { color: var(--pcm-warn); background: #2A1C0B; border-color: #5A3A14; }
.pcm-need { font-family: var(--pcm-cond); font-weight: 700; font-size: 15px; letter-spacing: 0.04em; padding: 3px 10px; border-radius: 6px; background: var(--pcm-accent); color: var(--pcm-on-accent); }
.pcm-card-foot { display: flex; justify-content: space-between; gap: 10px; padding-top: 10px; border-top: 1px solid var(--pcm-line); font-size: 13px; color: #8C99A9; }
.pcm-crest { flex-shrink: 0; border-radius: 14px; object-fit: contain; background: var(--pcm-bg); }
.pcm-crest-md { width: 58px; height: 58px; }
.pcm-crest-lg { width: 84px; height: 84px; border-radius: 20px; }
.pcm-crest-text { display: flex; align-items: center; justify-content: center; border: 2px solid var(--pcm-accent); font-family: var(--pcm-cond); font-weight: 800; font-size: 22px; }
.pcm-crest-lg.pcm-crest-text { font-size: 32px; }

/* Profiles */
.pcm-back { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; color: #C3CCD7; text-decoration: none; font-weight: 600; font-size: 15px; }
.pcm-back:hover { color: var(--pcm-text); }
.pcm-profile { display: flex; flex-direction: column; gap: 26px; margin-top: 8px; }
.pcm-profile-head { display: flex; flex-direction: column; gap: 8px; }
.pcm-club-head { flex-direction: row; align-items: center; gap: 16px; }
.pcm-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.pcm-badge { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; border: 1px solid var(--pcm-line-strong); color: #C3CCD7; }
.pcm-badge.is-accent { background: var(--pcm-accent); border-color: var(--pcm-accent); color: var(--pcm-on-accent); }
.pcm-archetype { font-family: var(--pcm-cond); font-weight: 700; font-size: 24px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--pcm-accent); }
.pcm-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; color: var(--pcm-muted); }
.pcm-meta .pcm-icon { color: var(--pcm-good); }
.pcm-panel { padding: 16px; border-radius: 16px; background: var(--pcm-surface); border: 1px solid var(--pcm-line); }
.pcm-section-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 12px; }
.pcm-section-head .pcm-h3 { margin: 0; }
.pcm-matchbox { display: flex; align-items: center; gap: 16px; }
.pcm-matchbox p { margin: 4px 0 0; font-size: 14px; line-height: 1.4; }
.pcm-ring { width: 72px; height: 72px; flex-shrink: 0; border-radius: 999px; border: 4px solid var(--pcm-accent); display: flex; align-items: center; justify-content: center; font-family: var(--pcm-cond); font-weight: 800; font-size: 26px; }
.pcm-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pcm-stats > div { background: var(--pcm-bg); border-radius: 12px; padding: 12px 10px; min-width: 0; }
.pcm-stats strong { display: block; font-family: var(--pcm-cond); font-weight: 800; font-size: 24px; line-height: 1.05; overflow-wrap: anywhere; }
.pcm-stats span { display: block; margin-top: 4px; font-size: 12px; color: var(--pcm-muted); }
.pcm-history { list-style: none; margin: 12px 0 0; padding: 0; }
.pcm-history li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--pcm-line); font-size: 15px; }
.pcm-bio { margin: 0; font-size: 16px; line-height: 1.5; color: #D5DCE4; }
.pcm-contact { padding: 16px; border-radius: 16px; background: var(--pcm-surface); border: 1px solid var(--pcm-line); display: flex; flex-direction: column; gap: 8px; }
.pcm-contact .btn { width: 100%; gap: 8px; }
.pcm-contact-form { margin: 0; }
.pcm-accent { color: var(--pcm-accent); }
.pcm-inbox { list-style: none; margin: 0; padding: 0; border-radius: 16px; background: var(--pcm-surface); border: 1px solid var(--pcm-line); }
.pcm-inbox li { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; border-top: 1px solid var(--pcm-line); }
.pcm-inbox li:first-child { border-top: 0; }
.pcm-inbox a { color: var(--pcm-text); text-decoration: none; font-size: 16px; }
.pcm-inbox a:hover { color: var(--pcm-accent); }
.pcm-inbox .pcm-muted { font-size: 13px; }
.pcm-contact p { margin: 0; font-size: 13px; text-align: center; }

/* Pitch */
.pcm-pitch { position: relative; height: 420px; max-width: 420px; border-radius: 16px; background: #0E1B14; border: 1px solid #1E3A2A; overflow: hidden; }
.pcm-pitch-half { position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #23402F; }
.pcm-pitch-circle { position: absolute; left: 50%; top: 50%; width: 88px; height: 88px; margin: -44px 0 0 -44px; border-radius: 999px; border: 1px solid #23402F; }
.pcm-pitch-box { position: absolute; left: 22%; right: 22%; height: 16%; border: 1px solid #23402F; }
.pcm-pitch-box.top { top: 0; border-top: 0; }
.pcm-pitch-box.bottom { bottom: 0; border-bottom: 0; }
.pcm-dot { position: absolute; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 999px; display: flex; align-items: center; justify-content: center; font-family: var(--pcm-cond); font-weight: 700; font-size: 15px; background: #0B1510; color: #8FA394; border: 1px solid #2C4A38; }
.pcm-dot.is-main { background: var(--pcm-accent); color: var(--pcm-on-accent); border-color: var(--pcm-accent); box-shadow: 0 0 0 6px rgba(255,255,255,0.08); }
.pcm-dot.is-alt { background: #D5DCE4; color: var(--pcm-on-accent); border-color: #D5DCE4; }
.pcm-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 12px 0; font-size: 14px; color: #C3CCD7; }
.pcm-legend span { display: inline-flex; align-items: center; gap: 6px; }
.pcm-legend i { width: 12px; height: 12px; border-radius: 99px; display: inline-block; }
.pcm-legend i.is-main { background: var(--pcm-accent); }
.pcm-legend i.is-alt { background: #D5DCE4; }
.pcm-legend i.is-tick { width: 3px; height: 14px; border-radius: 2px; background: var(--pcm-text); }
.pcm-days-big { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 8px; }
.pcm-days-big .pcm-day { min-height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 14px; font-family: var(--pcm-cond); font-weight: 800; font-size: 24px; text-transform: uppercase; }
.pcm-days-big .pcm-day.is-on { background: var(--pcm-accent); color: var(--pcm-on-accent); }

/* Sliders (display) */
.pcm-sliders { display: flex; flex-direction: column; gap: 22px; }
.pcm-sl-name { margin-bottom: 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pcm-muted); }
.pcm-sl-track { position: relative; height: 8px; border-radius: 99px; background: #222D3A; }
.pcm-sl-fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: var(--pcm-accent); opacity: 0.45; }
.pcm-sl-thumb { position: absolute; top: -6px; width: 20px; height: 20px; margin-left: -10px; border-radius: 99px; background: var(--pcm-accent); border: 3px solid var(--pcm-bg); }
.pcm-sl-tick { position: absolute; top: -7px; width: 3px; height: 22px; margin-left: -1.5px; border-radius: 2px; background: var(--pcm-text); }
.pcm-sl-ends { display: flex; justify-content: space-between; margin-top: 10px; font-size: 14px; color: #C3CCD7; }

/* My area */
.pcm-hero-card { padding: 24px 0; }
.pcm-hero-card .btn { margin-top: 22px; gap: 10px; }
.pcm-linked { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 18px 0 24px; }
.pcm-linked-item { padding: 12px; border-radius: 12px; background: var(--pcm-surface); border: 1px solid var(--pcm-line); min-width: 0; }
.pcm-linked-item strong { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 15px; overflow-wrap: anywhere; }
.pcm-linked-item .pcm-icon { color: var(--pcm-good); }
.pcm-code { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 12px 0; }
.pcm-code code { font: 800 26px var(--pcm-cond); letter-spacing: 0.1em; padding: 10px 16px; border-radius: 12px; background: var(--pcm-bg); border: 1px dashed var(--pcm-accent); color: var(--pcm-accent); }
.pcm-steps { margin: 8px 0 0; padding-left: 20px; line-height: 1.7; color: #D5DCE4; }
.pcm-section { margin-top: 32px; }
.pcm-status { padding: 16px; border-radius: 16px; background: var(--pcm-surface); border: 1px solid var(--pcm-line); }
.pcm-status.is-expired { border-style: dashed; }
.pcm-status-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.pcm-status-title { font-family: var(--pcm-cond); font-weight: 700; font-size: 20px; }
.pcm-status-line { display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; font-size: 14px; color: var(--pcm-muted); line-height: 1.4; }
.pcm-bar { height: 6px; margin-top: 8px; border-radius: 99px; background: #222D3A; overflow: hidden; }
.pcm-bar span { display: block; height: 100%; border-radius: 99px; background: var(--pcm-accent); }
.pcm-status-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.pcm-edit, .pcm-danger { margin-top: 12px; border: 1px solid var(--pcm-line); border-radius: 14px; }
.pcm-edit > summary, .pcm-danger > summary { cursor: pointer; min-height: 48px; padding: 0 16px; display: flex; align-items: center; font-weight: 600; }
.pcm-edit > .pcm-form, .pcm-danger > form { padding: 0 16px 16px; }
.pcm-danger > summary { color: #FF9A9A; }
.pcm-form { display: flex; flex-direction: column; gap: 4px; }
.pcm-check { display: flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 14px; font-weight: 600; cursor: pointer; }
.pcm-check input { width: 20px; height: 20px; accent-color: var(--pcm-accent); }
.pcm-ranges { display: flex; flex-direction: column; gap: 18px; }
.pcm-range label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pcm-muted); }
.pcm-range input[type=range] { width: 100%; height: 36px; margin: 0; background: transparent; accent-color: var(--pcm-accent); }
.pcm-range-ends { display: flex; justify-content: space-between; font-size: 14px; color: #C3CCD7; }
.pcm-field { margin-top: 18px; }
.pcm-field label { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--pcm-muted); }
.pcm-field textarea { width: 100%; padding: 12px 14px; border-radius: 12px; background: var(--pcm-bg); border: 1px solid var(--pcm-line-strong); color: var(--pcm-text); font: 500 16px/1.45 'Barlow', system-ui, sans-serif; resize: vertical; }
.pcm-submit { margin-top: 18px; width: 100%; }
.pcm-account-foot { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; padding-top: 24px; border-top: 1px solid var(--pcm-line); }
.pcm-account-foot .pcm-danger { flex-basis: 100%; }

@media (max-width: 760px) {
  .pcm-list { grid-template-columns: 1fr; }
  .pcm-pitch { max-width: none; }
  .pcm-stats strong { font-size: 20px; }
}