
/* Improve spacing */
ul, ol {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.page__content ul,
.page__content ol {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

/* === CV HEADER LAYOUT === */

.cv-header {
  display: flex;
  align-items: center;     /* vertical alignment */
  gap: 2rem;               /* space between photo and text */
  margin-bottom: 2rem;
}

.cv-photo {
  width: 140px;            /* adjust photo size here */
  height: auto;
  border-radius: 12px;
}

/* Name styling */
.cv-name {
  margin: 0;
  font-size: 2.2rem;
  font-weight: 700;
}

/* Occupation styling */
.cv-title {
  margin: 0.2rem 0 0 0;
  font-weight: 400;
  font-size: 1.5rem;
  color: #666;
}

/* Make sure text never wraps under the photo */
.cv-text {
  flex: 1;
}

/* Widen the main CV content */
.layout--single .page__content {
  max-width: 1100px;   /* default ~800px, increase to 1000-1100px */
  margin-left: auto;    /* center content */
  margin-right: auto;
  margin-top: 1.1rem;
  padding-left: 1.5rem;  /* optional, for breathing space */
  padding-right: 1.5rem;
}

@media (max-width: 768px) {
  .layout--single .page__content {
    max-width: 95%;      /* almost full width on mobile */
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.single {
  max-width: 1000px; /* increase from default ~750px */
}

.page {
  padding-inline-end: 0px; /* or use a smaller value like 1em */
}

/* FORCE markdown images to be large on selected pages */
.full-image-page .page__content p > img {
  display: block;
  max-width: 100% !important;
  width: 100% !important;
  margin: 2rem auto;
}

/* Remove the artificial centering container */
.full-image-page .page__content p {
  max-width: none !important;
}

/* Increase author avatar size */
.author__avatar img {
  max-width: 160px !important;
  width: 160px !important;
  height: 160px !important;
}

/* Center avatar in sidebar */
.author__avatar {
  text-align: center;
}

/* Center avatar in sidebar */
.author__name {
  text-align: center;
  font-size: 1.5rem;
}

.author__content {
  font-size: 1.2rem;
}

.author__urls {
  font-size: 1.8rem;
  color: royalblue;
}

.nav__list .nav__items {
  font-size: 2.0rem;
  color: royalblue;
}

.site-title {
  font-size: 1.5rem;
  color: royalblue;
}

.visible-links {
  font-size: 1.1rem;
  font-weight: 500;
}

/* Reduce overall base font size */
html {
  font-size: 16px;   /* Default is ~16px */
}
