/* ── Fix: full-width layout on blog/archive pages ── */

/* Kill the sidebar */
.page-id-59 .widget-area,
.page-id-59 #secondary {
  display: none !important;
}

/* Reset Astra's grid so the content fills full width */
.page-id-59 .ast-container {
  display: block !important;
}

.page-id-59 .content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

/* ── Blog post card styling ── */
.page-id-59 article.post {
  background: #ffffff;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid #d0e8f0;
}

.page-id-59 article.post .entry-title a {
  color: #0D1B3E;
  font-size: 1.4rem;
  text-decoration: none;
}

.page-id-59 article.post .entry-title a:hover { color: #2563EB; }

.page-id-59 article.post .entry-summary p,
.page-id-59 article.post .entry-content p {
  color: #4a5568;
  font-size: 0.95rem;
  line-height: 1.7;
}

.page-id-59 article.post .more-link {
  color: #2563EB;
  font-weight: 500;
  text-decoration: none;
}

/* ── Keep footer safe ── */
.site-footer,
#colophon {
  display: block !important;
  visibility: visible !important;
}

/* ── Hide the real username, show Ellery Lockwood ── */

/* Hide the inner span that holds the actual username */
.entry-meta .author-name {
  font-size: 0 !important;
  visibility: hidden !important;
  display: inline-block;
  width: 0;
}

/* Inject the correct name right after it */
.entry-meta .author-name::after {
  content: "Ellery Lockwood";
  font-size: 24px;
  color: blue;
  visibility: visible !important;
  display: inline;
  width: auto;
}

/* ── 5% side padding on all blog post content ── */
.single .entry-content,
.single .entry-header,
.single .entry-meta,
.single .entry-footer {
  padding-left: 5% !important;
  padding-right: 5% !important;
}

/* ── Hide sidebar on Community page only ── */
.page-id-71 .widget-area,
.page-id-71 #secondary {
  display: none !important;
}

.page-id-71 .ast-container {
  display: block !important;
}

.page-id-71 .content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

/* ── Spacing between header/menu and page content ── */
.site-content {
  padding-top: 40px !important;
}