#skillsCard h2 small { font-size: .65em; font-weight: 600; color: #526078; }
#skillsCard .skill-score .skill-clear {
  display: block; width: 100%; min-height: 32px; margin-top: 6px;
  padding: 4px 8px; border: 1px solid #dbe7ff; border-radius: 10px;
  color: #2454a5; background: #f3f7ff; font: inherit; font-size: 12px;
  cursor: pointer;
}
#skillsCard .skill-clear:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
body.profile-form-page #skillsCard .skills-chart-wrap:has(#skillsRadarChart:empty) { display: none !important; }
.skills-radar-block:has(#radarSvg:empty) { display: none !important; }
.skills-grid:has(#radarSvg:empty) { grid-template-columns: minmax(0, 1fr) !important; }
.coach-reference-doc-file a { overflow-wrap: anywhere; color: #2454a5; }
.coach-reference-doc-file button { flex-shrink: 0; cursor: pointer; }

/* Paused skills remain readable and saved; only their editing controls freeze. */
#skillsCard .scv-skills-toggle-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0; }
#skillsCard .scv-skills-toggle-row label { font-weight:600; cursor:pointer; }
#selfRatedSkillsToggle { display:inline-flex; align-items:center; gap:8px; padding:6px; flex:none; border:0; background:transparent; color:#34485e; font:inherit; font-weight:700; cursor:pointer; }
#selfRatedSkillsToggle:focus-visible { outline:2px solid #2563eb; outline-offset:3px; border-radius:8px; }
.scv-skills-switch-track { display:block; position:relative; width:42px; height:24px; border-radius:20px; background:#728399; }
.scv-skills-switch-track::after { content:''; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:white; }
#selfRatedSkillsToggle[aria-checked="true"] .scv-skills-switch-track { background:#1476ef; }
#selfRatedSkillsToggle[aria-checked="true"] .scv-skills-switch-track::after { left:21px; }
#skillsCard.scv-skills-paused .skill-stepper-value { color:#526078; }
#skillsCard.scv-skills-paused #skillsList button:disabled { opacity:.5; cursor:not-allowed; }
#skillsCard.scv-skills-paused .skills-preview { opacity:.65; }
body:is(.owner-mode, .public-profile-page) :is(#performanceStatsCard, #selfRatedSkillsCard) .scv-performance-skills { margin-top:0 !important; padding-top:0 !important; border-top:0 !important; }
body:is(.owner-mode, .public-profile-page) :is(#performanceStatsCard, #selfRatedSkillsCard) .scv-performance-skills #radarSvg .radar-label-score { font-size:calc(var(--scv-radar-font-size) + 2px) !important; font-weight:700 !important; }

#scvProfilePanelPerformance > #selfRatedSkillsCard { margin-top:14px; }
#scvProfilePanelPerformance > #performanceStatsCard.scv-public-empty-section-hidden + #selfRatedSkillsCard { margin-top:0; }

/* Use the card's available width so narrow tablet columns stay readable. */
#selfRatedSkillsCard .scv-performance-skills { container-type:inline-size; }
#selfRatedSkillsCard .scv-performance-skills .skills-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; align-items:center !important; justify-items:stretch !important; gap:20px !important; }
#selfRatedSkillsCard .skills-radar-block { min-width:0; }
#selfRatedSkillsCard .scv-skill-bars { display:grid; gap:14px; width:100%; min-width:0; margin:0; padding:0; list-style:none; }
#selfRatedSkillsCard .scv-skill-bars:empty { display:none; }
#selfRatedSkillsCard .scv-skill-bar { margin:0; padding:0; list-style:none; }
#selfRatedSkillsCard .scv-skill-bar-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:6px; color:#243d59; font-size:14px; line-height:1.35; }
#selfRatedSkillsCard .scv-skill-bar-heading > span { overflow-wrap:anywhere; }
#selfRatedSkillsCard .scv-skill-bar-heading strong { flex:none; color:#1476ef; font-size:15px; font-weight:700; font-variant-numeric:tabular-nums; }
#selfRatedSkillsCard .scv-skill-bar-track { height:8px; overflow:hidden; border-radius:999px; background:#e4edf9; }
#selfRatedSkillsCard .scv-skill-bar-fill { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#3782ff,#263f96); }
@container (min-width:680px) {
  #selfRatedSkillsCard .scv-performance-skills .skills-grid { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important; gap:24px !important; }
  #selfRatedSkillsCard .scv-skill-bars { gap:6px; }
  #selfRatedSkillsCard .skills-radar-block { align-self:center !important; }
}

/* Phone profiles keep the radar without the repeated scores or scouting badge.
   Match the compact identity layout, including phones held in landscape. */
@media (max-width:760px), (orientation:landscape) and (max-height:500px) and (max-width:1100px) and (pointer:coarse) {
  body.public-profile-page #scoutingOpportunitiesBadge,
  body:is(.owner-mode, .public-profile-page) #selfRatedSkillsBars { display:none !important; }
  body:is(.owner-mode, .public-profile-page) #selfRatedSkillsCard .skills-grid {
    grid-template-columns:minmax(0,1fr) !important;
    gap:0 !important;
  }
  body.owner-mode #selfRatedSkillsCard > .card-body { padding-top:0 !important; }
  body.owner-mode #selfRatedSkillsCard .scv-owner-core-head { align-items:center !important; }
}