/* ==========================================
   COROS vs MARATHON PLAN — Step 4
========================================== */

.coros-plan-compare-panel{
    margin-top:24px;
}

.coros-plan-compare-status{
    margin-top:14px;
    color:var(--muted);
    font-size:.78rem;
}

.coros-plan-compare-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}

.coros-plan-card{
    min-height:112px;
    padding:17px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--surface-light);
}

.coros-plan-card span{
    display:block;
    color:var(--text-secondary);
    font-size:.78rem;
    font-weight:600;
}

.coros-plan-card strong{
    display:block;
    margin-top:9px;
    color:var(--text);
    font-size:1.4rem;
    line-height:1.1;
}

.coros-plan-card small{
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:.72rem;
}

.coros-plan-goal{
    margin-top:18px;
    padding:17px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(255,255,255,.02);
}

.coros-plan-goal span{
    display:block;
    color:var(--primary);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.coros-plan-goal p{
    margin-top:8px;
    color:var(--text-secondary);
    line-height:1.55;
    font-size:.86rem;
}

.coros-plan-matches{
    margin-top:22px;
}

.coros-plan-matches h3{
    font-size:1rem;
}

.coros-plan-match-list{
    display:grid;
    gap:9px;
    margin-top:11px;
}

.coros-plan-match-row{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:14px;
    align-items:center;
    padding:14px 15px;
    border:1px solid var(--border);
    border-radius:12px;
    background:rgba(255,255,255,.02);
}

.coros-plan-match-main strong,
.coros-plan-match-stat strong{
    display:block;
    color:var(--text);
    font-size:.84rem;
}

.coros-plan-match-main span,
.coros-plan-match-stat span{
    display:block;
    margin-top:4px;
    color:var(--muted);
    font-size:.71rem;
}

.coros-plan-match-status{
    justify-self:end;
    padding:6px 9px;
    border-radius:999px;
    font-size:.7rem;
    font-weight:700;
    text-align:center;
    border:1px solid var(--border);
}

.coros-plan-match-status.completed{
    border-color:rgba(34,197,94,.3);
}

.coros-plan-match-status.partial{
    border-color:rgba(234,179,8,.32);
}

.coros-plan-match-status.missed{
    border-color:rgba(239,68,68,.3);
    color:#fecaca;
}

@media(max-width:1200px){
    .coros-plan-compare-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:700px){
    .coros-plan-compare-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .coros-plan-match-row{
        grid-template-columns:1fr;
        gap:8px;
    }

    .coros-plan-match-status{
        justify-self:start;
    }
}

@media(max-width:480px){
    .coros-plan-compare-grid{
        grid-template-columns:1fr;
    }
}