/* General */
* { box-sizing: border-box; font-family: "Inter", sans-serif; }
body { margin: 0; background: #f9fafb; color: #111; }

/* Topbar */
.topbar { display:flex; justify-content:space-between; align-items:center; background:#2563eb; color:white; padding:12px 20px; }
.topbar h1 { margin:0; font-size:20px; }
.topbar button { background:white; color:#2563eb; border:none; padding:8px 14px; border-radius:6px; cursor:pointer; font-weight:500; }
.topbar button:hover { background:#e0e7ff; }

/* Layout */
.layout { display:grid; grid-template-columns: 1fr 2fr; gap:20px; padding:20px; }

/* Form */
.form-panel { background:white; padding:16px; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.form-panel h2 { margin-bottom:12px; }
.form-panel label { display:block; margin-bottom:12px; font-size:14px; color:#374151; }
.form-panel input, .form-panel textarea {
  width:100%; padding:8px; margin-top:4px;
  border:1px solid #d1d5db; border-radius:6px; font-size:14px;
}
.form-panel textarea { resize:vertical; min-height:60px; }

/* Resume Preview */
.preview-panel { background:white; padding:20px; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.resume-card h1 { font-size:26px; margin-bottom:4px; color:#111827; }
.resume-card h2 { font-size:18px; margin-top:16px; margin-bottom:6px; border-bottom:2px solid #e5e7eb; }
.resume-card p, .resume-card li { font-size:14px; color:#374151; }
.resume-card ul { margin:6px 0 6px 20px; list-style:disc; }
.r-meta { font-size:13px; color:#6b7280; margin-bottom:10px; }

/* Ensure preview fits PDF export */
#resumePreview {
  max-width: 800px;
  margin: auto;
}

/* Print Styles */
@media print {
  body { background:white; }
  .topbar, .form-panel { display:none; }
  .layout { grid-template-columns: 1fr; }
  .preview-panel { box-shadow:none; padding:0; }
  @page { size: A4; margin: 20mm; }
}