/* 웰니스 결과 - 2026 Modern Design */
.report-paper {
    max-width: 900px; background: #fff; padding: 3rem;
    border-radius: 16px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); margin: 0 auto;
    border: 1px solid rgba(0,0,0,0.04);
}

/* 종합 스코어 */
.score-hero {
    display: flex; align-items: center; gap: 3rem;
    padding: 2.5rem; margin-bottom: 2.5rem;
    background: linear-gradient(135deg, rgba(27,77,142,0.03) 0%, rgba(52,152,219,0.03) 100%);
    border: 1px solid rgba(27,77,142,0.1); border-radius: 16px;
}
.score-gauge { position: relative; width: 150px; height: 150px; flex-shrink: 0; }
.gauge-svg { transform: rotate(-90deg); filter: drop-shadow(0 4px 16px rgba(27,77,142,0.15)); }
.gauge-bg { fill: none; stroke: var(--gray-200); stroke-width: 12; }
.gauge-fill {
    fill: none; stroke-width: 12; stroke-linecap: round;
    transition: stroke-dasharray 1.2s cubic-bezier(0.4,0,0.2,1);
}
.gauge-text {
    position: absolute; inset: 0; display: flex; flex-direction: column;
    align-items: center; justify-content: center;
}
.gauge-num { font-size: 2.5rem; font-weight: 900; color: var(--text); letter-spacing: -0.02em; }
.gauge-label { font-size: 0.8rem; color: var(--gray-600); margin-top: -2px; font-weight: 600; }
.score-badge {
    display: inline-block; padding: 6px 16px;
    border-radius: 24px; font-size: 0.9rem; font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.score-info { flex: 1; }
.score-msg { margin-top: 0.75rem; font-size: 1rem; line-height: 1.6; color: var(--gray-800); }
.score-action { font-size: 0.88rem; color: var(--gray-600); margin-top: 0.5rem; font-weight: 500; }

@media (max-width: 640px) {
    .report-paper { padding: 1.5rem; border-radius: 12px; }
    .score-hero { flex-direction: column; text-align: center; gap: 1.5rem; padding: 1.5rem; }
    .score-gauge { width: 130px; height: 130px; }
    .gauge-num { font-size: 2rem; }
}