/* Final readability, project-card alignment, and typography consistency pass — 2026-07-29 */
:root {
  --body-size: 1.125rem; /* 18px: 1.5pt larger than the previous 16px copy */
  --body-leading: 1.55;
  --heading-leading: 1.15;
  --reading-measure: 72ch;
}

/* Maintain one semantic type system throughout the site. */
html body h1,
html body .project-title,
html body .contact-title,
html body .about-name,
html body .resume-editorial h1 {
  line-height: var(--heading-leading) !important;
}

html body h2,
html body .about-section__title,
html body .learn-more__title,
html body .resume-editorial__section > h2,
html body .source-media-section > h2 {
  font-family: "Lora", Georgia, serif !important;
  font-style: normal !important;
  line-height: var(--heading-leading) !important;
}

html body h3,
html body h4,
html body h5,
html body h6,
html body .resume-editorial__job-copy h3,
html body .resume-editorial__job-identity h3,
html body .resume-editorial__education h3,
html body .source-media-section > h3 {
  line-height: var(--heading-leading) !important;
}

/* Increase narrative copy while keeping a comfortable, accessible reading rhythm. */
body,
p,
li,
dd,
dt,
blockquote,
figcaption,
label,
input,
select,
textarea,
.about-section__body,
.resume-editorial__summary,
.resume-editorial__company,
.resume-editorial__location,
.contact-copy,
.project-summary,
.source-media-section p,
.source-case-section p {
  font-size: var(--body-size) !important;
  line-height: var(--body-leading) !important;
}

/* Keep long-form copy within an easy 50–75-character reading measure. */
main p,
main blockquote,
main dd,
main .about-section__body,
main .resume-editorial__summary,
main .resume-editorial__job-copy,
main .resume-editorial__education,
main .resume-editorial__skills,
main .contact-copy,
main .project-summary,
main .source-media-section > p,
main .source-case-section > p {
  max-inline-size: var(--reading-measure) !important;
}

main li {
  max-inline-size: var(--reading-measure) !important;
}

/* Project-card titles: left aligned, vertically centered in every title panel. */
.page-home .project-card__content {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 64px !important;
  padding-block: 0 !important;
  padding-inline: 32px !important;
  text-align: left !important;
}

.page-home .project-card__title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
  line-height: 1.2 !important;
}

@media (max-width: 1023px) {
  :root {
    --body-leading: 1.5;
  }
}

@media (max-width: 767px) {
  :root {
    --body-leading: 1.5;
    --reading-measure: 100%;
  }

  .page-home .project-card__content {
    min-height: 60px !important;
    padding-inline: 24px !important;
  }
}