.mcx-progress-dashboard{display:grid;gap:var(--space-4)}
.mcx-progress-stack{display:grid;gap:var(--space-5)}
.mcx-topic-block{display:grid;gap:var(--space-3);min-width:0}
.mcx-topic-block>h3{margin:0;font-size:1rem}
.mcx-topic-card{display:grid;gap:var(--space-4);min-width:0;padding:clamp(1.1rem,3vw,1.5rem)}
.mcx-topic-summary{display:grid;gap:var(--space-3)}
.mcx-topic-summary .mcx-growth-heading{align-items:center}
.mcx-topic-summary .mcx-growth-stats{margin:0}
.mcx-topic-skills .mcx-skill-list{margin-top:0}
.mcx-topic-targets,.mcx-topic-current{display:grid;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}
.mcx-topic-targets h4,.mcx-topic-current h4{margin:0;font-size:.9rem}
.mcx-topic-targets .mcx-target{padding:.7rem 0}
.mcx-topic-current-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.mcx-topic-current-list>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft)}
.mcx-topic-current-list strong{font-size:.8rem}
.mcx-topic-current-list span{color:var(--color-text-muted);font-size:.8rem;font-weight:700}

.mcx-empty-card{min-height:11rem;align-content:stretch}
.mcx-empty-state{display:flex;min-height:100%;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;padding:.15rem 0}
.mcx-empty-state>strong{font-size:.95rem}
.mcx-empty-state>p{max-width:34rem;margin:0;color:var(--color-text-secondary);font-size:.8rem;line-height:1.7}
.mcx-empty-state>a{display:inline-flex;align-items:center;margin-top:.15rem;color:#1d4ed8;font-size:.78rem;font-weight:700;text-decoration:none}
.mcx-empty-state>a:hover{text-decoration:underline}
.mcx-topic-card.mcx-empty-card{min-height:15rem}
.mcx-collection-placeholder{padding:clamp(1.1rem,3vw,1.5rem)}

.mcx7-inline-details{display:grid;gap:var(--space-2);padding:.15rem 0}
.mcx7-inline-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:baseline;padding:.25rem 0}
.mcx7-inline-row>strong{font-size:.78rem;white-space:nowrap}
.mcx7-inline-row>div{display:flex;flex-wrap:wrap;gap:.35rem .75rem;min-width:0}
.mcx7-inline-row span{color:var(--color-text-muted);font-size:.76rem}
.mcx7-inline-row span+span::before{content:'・';margin-right:.75rem;color:var(--color-text-muted)}
.mcx7-inline-row b{color:var(--color-text-secondary);font-weight:700}

@media(min-width:48rem){
  .mcx7-metrics{display:flex;flex-wrap:wrap;gap:var(--space-3)}
  .mcx7-metric{flex:1 1 calc(25% - var(--space-3));min-width:10.5rem}
}

@media(min-width:64rem){
  .mcx-progress-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .mcx-topic-block{height:100%}
  .mcx-topic-card{height:100%}
  .mcx-life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:stretch}
  .mcx-life-grid.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mcx-life-grid>.mcx-life-card{height:100%}
}

@media(max-width:47.99rem){
  .mcx-topic-current-list{grid-template-columns:1fr}
  .mcx7-inline-row{grid-template-columns:1fr;gap:.25rem}
}
