/* === Mobile Responsive === */
@media (max-width: 1024px) {
    .main-layout { display: block; padding: 0; }
    .panel-resizer { display: none; }
    .studio-panel, .right-panel-container { width: 100%; height: 100%; border-radius: 0; }
    .studio-panel { min-width: auto; width: 100%; }
}

@media (max-width: 768px) {
    .resume-header-card { flex-direction: column; align-items: center; padding: 2rem 1.5rem; gap: 2rem; }
    .resume-left-sidebar { width: 100%; border-right: none; padding-right: 0; border-bottom: 1px solid #f3f4f6; padding-bottom: 2rem; align-items: center; text-align: center; }
    .sidebar-item { align-items: center; flex-direction: column; text-align: center; gap: 0.5rem; }
    .resume-main-content { align-items: center; text-align: center; width: 100%; }
    .resume-divider { margin-left: auto; margin-right: auto; }
    .resume-metrics-row { flex-direction: column; gap: 1rem; }
    .capabilities-grid { grid-template-columns: 1fr; }
}