/* ─── Print Stylesheet (A4 PDF Export) ─────────────────── */
@page {
  size: A4;
  margin: 10mm 12mm;
}

html, body {
  background-color: #FFFFFF !important;
  color: #111827 !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Strip screen-only interactive UI */
nav, .no-print, button, iframe, footer, [role="navigation"] {
  display: none !important;
}

/* Reset outer container spacing */
div[class*="max-w-6xl"] {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Linearize grid columns on print */
.grid {
  display: block !important;
}

.lg\:col-span-4, .lg\:col-span-8, main, aside {
  width: 100% !important;
  display: block !important;
  position: static !important;
}

/* Header compact on print */
header {
  border-bottom: 1.5px solid #E5E7EB !important;
  padding-bottom: 8px !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
}

/* Page break cleanly before Experience */
#experience {
  break-before: page !important;
  page-break-before: always !important;
  padding-top: 10px !important;
}

/* Card styling on print */
.card-hover, [class*="bg-[#121215]"] {
  background-color: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  margin-bottom: 8px !important;
  box-shadow: none !important;
  break-inside: avoid !important;
}

h1 { font-size: 20px !important; color: #111827 !important; line-height: 1.2 !important; }
h2 { font-size: 12px !important; color: #111827 !important; margin-bottom: 4px !important; }
h3 { font-size: 11px !important; color: #111827 !important; }
p, span, li { color: #374151 !important; font-size: 10px !important; line-height: 1.35 !important; }

[class*="text-emerald-400"] { color: #047857 !important; }
[class*="text-sky-400"] { color: #0369A1 !important; }
[class*="text-amber-400"] { color: #B45309 !important; }
[class*="text-violet-400"] { color: #6D28D9 !important; }