/*
  Zeiterfassung / Tagesblog-Layout.
  Timestamps und vertikale Ausrückung nur ab 760px.
  hr-Override gilt überall: statt der Blog-••• eine dünne Linie.
*/

/* --- in Markdown → dünne Linie statt • • • (.text hr::before in wirres.css) */
div.note.text hr,
.text hr {
  border: 0;
  border-top: 1px solid currentColor;
  background: none;
  height: 0;
  width: 100%;
  max-width: none;
  margin: 1.5rem 0;
  padding: 0;
  opacity: 0.2;
}

div.note.text hr::before,
.text hr::before {
  content: none;
  display: none;
}

@media (min-width: 760px) {

  div.note.text {
    position: relative;
  }

  div.note.text h3 {
    position: absolute;
    left: -7.5rem;
    width: 6.5rem;
    text-align: right;
    margin: 0;
    line-height: inherit;
    color: var(--color-text-grey, #888);
  }

}

/* Anker-Links auf den Zeitstempeln (JS wickelt den Text in a.timestamp-link) */
div.note.text h3 a.timestamp-link {
  color: inherit;
  text-decoration: none;
  font: inherit;
}

div.note.text h3 a.timestamp-link:hover,
div.note.text h3 a.timestamp-link:focus-visible {
  color: #000;
  background: var(--wirres-signalgelb, #f5ff00);
  text-decoration: none;
}