/* Rectangular avatar in the sidebar */
.author__avatar {
  max-width: 240px;             /* control size */
  margin: 0 auto 1rem auto;     /* center in the sidebar */
  position: relative;
  z-index: 1;
  border-radius: 0 !important;  /* rectangular */
  box-shadow: none !important;
}

.author__avatar img {
  display: block;
  width: 100%;                  /* fill only the avatar box */
  height: auto;                  /* preserve aspect ratio */
  object-fit: cover;             /* crop if needed */
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* Optional: slightly narrower sidebar for a clean look */
.sidebar {
    max-width: 240px;
    position: relative;
}

/* ===== Fonts (site-wide) ===== */
:root {
        --font-body: "Playfair Display", Georgia, "Times New Roman", serif;
        --font-head: "Playfair Display", Georgia, "Times New Roman", serif;
}

/* Ensure author info uses Literata */
.author__info {
        font-family: var(--font-body);
}

/* Ensure menu banner uses Literata */
.masthead,
.masthead a.site-title,
.site-nav .page-link,
.greedy-nav a {
        font-family: var(--font-head);
}

/* Body and headings */
html, body { font-family: var(--font-body); }
h1, h2, h3, h4, h5, h6,
.site-title,
.site-nav .page-link,
.greedy-nav a,
.masthead a.site-title { font-family: var(--font-head); }

/* Make all content links black, keep nav controlled below */
.page__content a { color: #000; text-decoration: none; }
.page__content a:hover, .page__content a:focus { color: #444; text-decoration: underline; }

/* ===== Sidebar (bio) also uses Literata ===== */
.author__content,
.author__name,
.author__bio { font-family: var(--font-body); }

/* Ensure main content doesn't sit under the avatar on small screens */
.page__content { position: relative; z-index: 0; clear: both; }

/* Hide site title in masthead */
.masthead .site-title {
    display: none !important;
}

/* Hide site title in nav */
.greedy-nav .site-title {
    display: none !important;
}

/* Align nav links left */
.greedy-nav .visible-links {
    margin-left: 0;
    justify-content: flex-start;
}

/* Make nav links not bold */
.greedy-nav a,
.greedy-nav .page-link {
    font-weight: normal !important;
}

/* Center the nav links in the masthead */
.greedy-nav .visible-links {
  margin: 0 auto !important;
  justify-content: center !important;
}

/* Optional: also center the container so items don't stick left */
.greedy-nav {
  justify-content: center !important;
}