hr {
  margin-top: 30px;
  margin-bottom: 20px;
}

/* Post navigation links */
.post_navi {
  display: flex;
}

.post_navi-label {
  font-size: 0.8em;
  opacity: 0.5;
}

.post_navi .post_navi-item {
  padding: 0 2.2em;
  width: 50%;
  position: relative;
  color: inherit !important;
}

/* Celtic knot frame around posts and pages.
   Four layers of the knot band: top, bottom (repeat-x) and left, right (repeat-y).
   Padding keeps the text inside the frame. */
.post,
.page {
  --knot-band: 12px;
  padding: calc(var(--knot-band) + 8px);
  background-image:
    url("/images/celtic-band-faded.svg"),
    url("/images/celtic-band-faded.svg"),
    url("/images/celtic-band-faded-vertical.svg"),
    url("/images/celtic-band-faded-vertical.svg");
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-position: top center, bottom center, left center, right center;
  background-size:
    auto var(--knot-band),
    auto var(--knot-band),
    var(--knot-band) auto,
    var(--knot-band) auto;
  overflow-wrap: anywhere;
}

/* Let long URLs break across lines so they stay inside the frame */
.post a,
.page a {
  overflow-wrap: anywhere;
  word-break: break-word;
}


/* Search page */
.search-box label {
  display: block;
  font-size: 0.9em;
  opacity: 0.7;
  margin-bottom: 6px;
}

.search-box input {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.1em;
  padding: 8px 10px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.search-status {
  font-size: 0.9em;
  opacity: 0.7;
  margin-top: 12px;
}

.search-results {
  list-style: none;
  margin-left: 0;
  margin-top: 12px;
}

.search-results li {
  margin-bottom: 18px;
}

.search-date {
  font-size: 0.85em;
  opacity: 0.6;
}

.search-snippet {
  margin-top: 4px;
  font-size: 0.95em;
}

.post_navi .nav_prev {
  text-align: left;
}

.post_navi .nav_next {
  text-align: right;
}

.post_navi .nav_prev .post_navi-arrow {
  left: 0;
}

.post_navi .nav_next .post_navi-arrow {
  right: 0;
}

.post_navi .post_navi-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.5em;
  opacity: 0.3;
}