/* ——— Global link colors ——— */
a { color: #0077b6; }
a:hover { color: #0f7bcc; }
a:active { color: red; }
/* Color for visited links 
a:visited { color: Olive; } */


body {
     font-family: Arial, sans-serif;
			font-size: 13px;
     margin: 0;
     display: flex;
     flex-direction: column;
     min-height: 100vh;
}

h2, h3, h4 {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.content {
    flex: 1;
    overflow-x: auto; /* Prevent horizontal scrolling issues */
    max-width: 960px; /* Set a fixed maximum width for the content area */
    margin: 0 auto; /* Center the content area */
}

/* ——— Optional: set a readable max width for page content ——— */
body:not(.home) .page.is-singular .entry-inner {
   max-width: 900px !important;   /* tweak to your liking */
   width: 100%;
   /* controls gap outside the content block */
   margin: 2rem auto 0px !important;   /* was 50px 0 by theme */ 
   padding: 0 !important;
}

/* Special case: reduce margin on page 3364 only */
.page-id-3364 .entry-inner {
  margin: -60px auto 0px !important; 
}

/* ——— Remove page headers + category labels ——— */
.page .entry-header { 
  display: none !important; 
  margin: 0 !important; 
  padding: 0 !important; 
}
.page-header .page-title,
.entry-meta .cat-links { 
  display: none !important;
  margin: 0 !important; 
  padding: 0 !important; 
}

/* ——— Remove Dyad’s decorative dot/chevron + top rule ——— */
.page.is-singular .entry-inner:before,
.page.is-singular .entry-inner:after,
.page.is-singular .entry-content:before {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

/* ——— Tighter vertical spacing on pages (not zero) ——— */
.page.is-singular .entry-content {
  /* controls “breathing room” inside the text area */
  padding-top: 0 !important;
  /* padding-top: 12px !important;           was ~3rem */
  padding-bottom: 0 !important;
}

/* ——— Header clearance ——— */
/* Desktop/laptop: add clearance equal to header height */
@media (min-width: 961px) {
  .page.is-singular .site-content,
  .page.is-singular.has-post-thumbnail .site-content {
    padding-top: 3rem !important;   /* adjust: 7rem ≈ 70px with your 10px rem base */
  }
}

/* Mobile/tablet: header is not fixed, keep it smaller */
@media (max-width: 960px) {
  .page.is-singular .site-content {
    padding-top: 2rem !important;   /* ~20px, tweak if needed */
  }
}