/*  bubfy.de — Blogbeitrag und Blogübersicht
 *  Datei: assets/css/pages/article.css
 */

/* Lesetypografie: groesser und luftiger als im Rest der Seite */
.bf-article__body{font-size:1.09rem;line-height:1.75}
.bf-article__body p{margin:0 0 1.4rem}
.bf-article__body h2{scroll-margin-top:110px}
.bf-article__body h3{scroll-margin-top:110px}
.bf-article__body ul,.bf-article__body ol{margin:0 0 1.4rem}
.bf-article__body li{margin-bottom:.6rem}
.bf-article__body blockquote{
  margin:2rem 0;padding:1.4rem 1.6rem;background:var(--surface);
  border-left:4px solid var(--signal);border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:1.12rem;line-height:1.6;color:var(--ink);
}
.bf-article__body blockquote p:last-child{margin:0}
.bf-article__body code{
  font-family:var(--f-data);font-size:.9em;background:var(--paper-2);
  padding:.15em .4em;border-radius:4px;
}
.bf-article__body img{border-radius:var(--r);border:1px solid var(--rule);margin:1.75rem 0}
.bf-article__body a{text-decoration-color:var(--signal);font-weight:500}

/* Inhaltsverzeichnis: aktiver Eintrag wird hervorgehoben */
.bf-article__toc a{
  display:block;padding:.35rem .5rem;border-radius:var(--r-xs);
  border-left:2px solid transparent;margin-left:-.5rem;
  transition:background var(--t),border-color var(--t),color var(--t);
}
.bf-article__toc a:hover{background:var(--paper);border-left-color:var(--rule)}
.bf-article__toc a.is-active{
  background:var(--signal-bg);border-left-color:var(--signal);color:var(--ink);font-weight:600;
}