/* fira-sans-latin-ext-400-normal */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/fira-sans-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* fira-sans-latin-400-normal */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/fira-sans-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* fira-sans-latin-ext-500-normal */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./fonts/fira-sans-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* fira-sans-latin-500-normal */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./fonts/fira-sans-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

.pcyp-wrap,
.pcyp-wrap *{
  font-family: "Fira Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: #222222 !important;
}

.pcyp-item{
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin: 0 0 12px 0 !important; /* Abstand zwischen Einträgen (leicht reduziert) */
  padding: 0 !important;
}

/* Reserviert IMMER Platz : auch wenn kein Bild da ist */
.pcyp-thumb{
  width: 56px !important;
  height: 56px !important;
  flex: 0 0 56px !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  background: transparent !important; /* bleibt leer, wenn kein Bild */
}

.pcyp-thumb a,
.pcyp-thumb img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.pcyp-thumb img{
  object-fit: cover !important;
}

.pcyp-meta{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.pcyp-title{
  margin: 0 !important;          /* Titel/Datum sehr nah */
  font-weight: 500 !important;   /* dünner als Bold */
  line-height: 1.15 !important;
}

.pcyp-title a{
  text-decoration: none !important;
  font-weight: 500 !important;
}

.pcyp-title a:hover{
  text-decoration: underline !important;
}

.pcyp-date{
  margin: 1px 0 0 0 !important;  /* minimal Abstand unter Titel */
  font-weight: 400 !important;
  font-size: 0.92em !important;
  line-height: 1.15 !important;
  opacity: 0.9 !important;
}

/* Scoped additions for theme compatibility and keyboard focus. */
.pcyp-wrap .pcyp-thumb img {
  margin: 0 !important;
  max-width: none !important;
}
.pcyp-wrap .pcyp-title {
  overflow-wrap: anywhere;
}
.pcyp-wrap .pcyp-title a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.pcyp-wrap,
.pcyp-wrap * {
  -webkit-text-fill-color: currentColor !important;
}