/* Облик сайта upptackfilipstad.se — каркас «chronicle».
   Грузится после app.css и перекрывает общий шаблон сети.
   Правится свободно: общий app.css не трогаем, чтобы не задеть соседей. */
:root{
  --prim:#4A235A; --acc:#8E44AD; --ink:#1C1620; --paper:#FCFBFD;
  --line:color-mix(in srgb, var(--ink) 12%, transparent);
  --soft:color-mix(in srgb, var(--prim) 6%, var(--paper));
}
body{
  background:var(--paper) !important;
  color:var(--ink);
  font-family:'Karla',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:16px; line-height:1.65;
}
h1,h2,h3,h4,h5,h6{ font-family:'Lora',Georgia,serif; color:var(--prim); letter-spacing:-.01em; }
a{ color:var(--acc); } a:hover{ color:var(--prim); }
.content-wrap,.boxed-content-wrapper{ background:transparent !important; box-shadow:none !important; }
/* Лента-хроника: вертикальный поток с датой на полях */
.blog-list{ display:block; max-width:760px; margin:0 auto; border-left:2px solid var(--line); padding-left:26px; }
.blog-item{ position:relative; background:none; border:0; padding:0 0 34px; margin-bottom:34px; border-bottom:1px dashed var(--line); }
.blog-item::before{ content:''; position:absolute; left:-33px; top:9px; width:11px; height:11px; border-radius:50%; background:var(--acc); }
.blog-item-img img{ width:100%; max-height:300px; object-fit:cover; border-radius:0; }
.blog-item-content{ padding-top:10px; }
.blog-item h2{ font-size:1.45rem; }
.blog-separator{ display:none; }