/* Override universal-resume CSS to work within site's natural limits */

/* Reset body to match site's styling */
body {
  margin: 1rem auto !important;
  max-width: 45rem !important;
  padding: 0 0.62rem !important;
  font-family: "Palatino Linotype", Palatino, serif !important;
  font-size: 1.1rem !important;
  line-height: 1.6rem !important;
  background-color: #FEFEFA !important;
  color: #000000 !important;
}

/* AGGRESSIVE OVERRIDES - Target the exact page container */
main.font-firago.hyphens-manual > div,
main > div.p-6,
main > div.mx-auto,
main > div.page,
main > div.max-w-2xl,
div.p-6.mx-auto.page.max-w-2xl,
div[class*="max-w-2xl"],
div[class*="max-w-letter"] {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}

/* Force all nested containers to full width */
main.font-firago.hyphens-manual > div > div,
main > div > div[class*="col-"],
div[class*="col-count"],
div[class*="col-gap"],
div[class*="col-fill"] {
  width: 100% !important;
  max-width: 100% !important;
  column-count: 1 !important;
}

/* Remove all padding classes */
div.p-6,
div[class*="p-8"],
div[class*="p-9"],
div[class*="p-16"],
div.xsm\:p-8,
div.sm\:p-9,
div.md\:p-16 {
  padding: 0 !important;
}

/* Adjust font sizes */
html {
  font-size: 1.1rem !important;
}

/* Keep the resume styling but within constraints - use full width */
main {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Remove height constraints */
div[class*="h-letter"] {
  height: auto !important;
}

/* Adjust spacing to be more compact */
.mb-8,
header.flex.mb-8 {
  margin-bottom: 1.2rem !important;
}

.mt-8 {
  margin-top: 1.2rem !important;
}

.mb-4 {
  margin-bottom: 0.8rem !important;
}

.mb-4\.5 {
  margin-bottom: 1rem !important;
}

.mt-2\.1 {
  margin-top: 0.4rem !important;
}

/* Keep the nice typography but adjust to site's font */
.font-firago {
  font-family: "Palatino Linotype", Palatino, serif !important;
}

/* Adjust text sizes to be more reasonable */
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 1.8rem !important;
}

.text-lg {
  font-size: 1.2rem !important;
}

.text-md {
  font-size: 1.0625rem !important;
}

.text-sm2 {
  font-size: 1rem !important;
}

/* Keep the nice gray colors but ensure readability */
.text-gray-550 {
  color: #666 !important;
}

.text-gray-650 {
  color: #555 !important;
}

.text-gray-700,
.text-gray-750 {
  color: #333 !important;
}

/* Make sections more compact */
section {
  margin-bottom: 1rem !important;
  width: 100% !important;
}

/* Adjust header spacing */
header.flex {
  margin-bottom: 1rem !important;
}

/* Override any responsive max-widths */
@media (min-width: 500px) {
  div[class*="max-w"] {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (min-width: 640px) {
  div[class*="max-w"] {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (min-width: 833px) {
  div[class*="max-w"],
  div[class*="md:max-w"] {
    max-width: 100% !important;
    width: 100% !important;
  }
  
  div[class*="md:col-count-2"] {
    column-count: 1 !important;
  }
}