/* Center the header logo */
.site-header { text-align: center; }
.site-header .site-header-inner { display: inline-block; }


.site-header a,
.site-header a:hover,
.site-header a:focus,
.site-header a:active {
  text-decoration: none !important;
  background-image: none !important; 
  box-shadow: none !important;
}


.site-logo { display: inline-block; height: auto; max-width: 50%; }
/* Kill ALL link effects on the header logo */
header.site-header a.site-logo-link,
header.site-header a.site-logo-link:hover,
header.site-header a.site-logo-link:focus,
header.site-header a.site-logo-link:active,
header.site-header a.site-logo-link::before,
header.site-header a.site-logo-link::after {
  text-decoration: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
}

/* Make the anchor block-level so any underline gradient can't peek through */
header.site-header a.site-logo-link {
  display: inline-block;
  line-height: 0;        /* remove any descender space */
}
/* Default style for all images site-wide */
img {
  border: 1px solid black !important;
  box-shadow: none !important;  /* remove any theme drop shadow */
}

/* Remove border/outline/shadow ONLY for the header logo image */
header.site-header img.site-logo {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important; /* covers drop-shadow filters */
}
/* Dashed rectangle around each post (with tunable dash/gap/thickness) */
main.list section.list-item {
  position: relative;
  padding: 1rem;
  margin-bottom: 2rem;
  border: none;              /* we'll draw the border ourselves */
  border-radius: 4px;        /* optional */
}

/* Draw dashes on all 4 sides via layered repeating gradients */
main.list section.list-item::before {
  --dash: 4px;              /* length of each dash */
  --gap: 6px;               /* space between dashes */
  --thickness: 1px;          /* border thickness */
  --color: lightgray;             /* border color */

  content: "";
  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    /* top & bottom */
    repeating-linear-gradient(
      to right,
      var(--color) 0,
      var(--color) var(--dash),
      transparent var(--dash),
      transparent calc(var(--dash) + var(--gap))
    ) top,
    repeating-linear-gradient(
      to right,
      var(--color) 0,
      var(--color) var(--dash),
      transparent var(--dash),
      transparent calc(var(--dash) + var(--gap))
    ) bottom,

    /* left & right */
    repeating-linear-gradient(
      to bottom,
      var(--color) 0,
      var(--color) var(--dash),
      transparent var(--dash),
      transparent calc(var(--dash) + var(--gap))
    ) left,
    repeating-linear-gradient(
      to bottom,
      var(--color) 0,
      var(--color) var(--dash),
      transparent var(--dash),
      transparent calc(var(--dash) + var(--gap))
    ) right;

  background-size:
    100% var(--thickness),   /* top */
    100% var(--thickness),   /* bottom */
    var(--thickness) 100%,   /* left */
    var(--thickness) 100%;   /* right */

  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-position: top left, bottom left, top left, top right;
}


/* Remove any bottom margin from the last item so it doesn't have extra space */
main.list section.list-item:last-of-type {
  margin-bottom: 0;
}
/* Remove Archie's dotted divider above the footer */
footer.site-footer,
.site-footer {
  border: 0 !important;
  border-top: 0 !important;
  background-image: none !important; /* some builds draw the dots via a gradient */
  box-shadow: none !important;
}

/* In case the theme injects a pseudo-element line */
.site-footer::before,
.site-footer::after {
  content: none !important;
  display: none !important;
}

/* Optional: keep comfortable spacing now that the divider is gone */
.site-footer { padding-top: 2rem; }