.yippy-blogg-list,.yippy-blog-single{max-width:1000px;margin:0 auto}.yippy-blog-card{background:#fff;border:1px solid #e2e6eb;margin:0 0 18px;box-shadow:0 2px 10px rgba(23,43,68,.04)}.yippy-blog-toggle{width:100%;border:0;background:#fff;text-align:left;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;color:#172b44}.yippy-blog-toggle:hover{background:#fafbfc}.yippy-blog-toggle-main{display:flex;flex-direction:column;gap:7px}.yippy-blog-label,.yippy-related-label{font-size:11px;line-height:1;color:#ed1c24;font-weight:800;letter-spacing:2px;text-transform:uppercase}.yippy-blog-title{font-size:27px;line-height:1.2;font-weight:750}.yippy-blog-meta{font-size:13px;color:#718096}.yippy-blog-arrow{font-size:24px;min-width:32px;text-align:center;transition:transform .2s ease}.yippy-blog-card.is-open .yippy-blog-arrow{transform:rotate(180deg)}.yippy-blog-content{padding:0 30px 30px;border-top:1px solid #e5e9ee}.yippy-blog-body{padding-top:28px;color:#243b53;font-size:17px;line-height:1.8}.yippy-blog-body>p:first-child{margin-top:0}.yippy-related{margin-top:40px;padding-top:28px;border-top:1px solid #e3e7ec}.yippy-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.yippy-related-card{display:flex;flex-direction:column;gap:10px;text-decoration:none!important;background:#f4f6f8;padding:20px;color:#172b44;border-left:3px solid #ed1c24;transition:transform .15s ease,box-shadow .15s ease}.yippy-related-card:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(23,43,68,.08)}.yippy-related-type{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#ed1c24}.yippy-related-card strong{font-size:17px;line-height:1.3}.yippy-related-read{font-size:13px;font-weight:700}.yippy-blog-close{display:block;margin:30px auto 0;border:0;background:#172b44;color:#fff;padding:11px 18px;font-weight:700;cursor:pointer}.yippy-blog-empty{padding:30px;background:#f4f6f8}.yippy-blog-single .yippy-blog-card{border:0;box-shadow:none}.yippy-blog-single .yippy-blog-toggle{cursor:default;padding-left:0;padding-right:0}.yippy-blog-single .yippy-blog-content{display:block!important;border-top:1px solid #e5e9ee;padding-left:0;padding-right:0}.yippy-blog-single .yippy-blog-arrow{display:none}@media(max-width:700px){.yippy-blog-toggle{padding:20px}.yippy-blog-content{padding:0 20px 24px}.yippy-blog-title{font-size:22px}.yippy-related-grid{grid-template-columns:1fr}.yippy-blog-body{font-size:16px}}

/* ============================================================
   Dagens YIPPY – liten notifieringsbadge i huvudmenyn
   ============================================================ */
.yippy-menu-new-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-left:5px;
  vertical-align:middle;
  border-radius:50%;
  background:#b84a4f;
  color:#fff;
  font-size:10px;
  line-height:18px;
  font-weight:800;
  font-family:inherit;
  box-sizing:border-box;
  transform:translateY(-1px);
}
.yippy-menu-new-badge[hidden]{display:none!important}

/* ============================================================
   Dagens YIPPY – artikelmarkering "DETTA ÄR NYTT"
   64 × 64 px, placerad direkt till vänster om fällpilen.
   ============================================================ */
.yippy-blog-toggle-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  flex:0 0 auto;
}

.yippy-blog-new-marker{
  position:relative;
  width:64px;
  height:64px;
  flex:0 0 64px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#ed1c24;
  color:#fff;
  text-align:center;
  line-height:1;
  box-shadow:0 3px 9px rgba(23,43,68,.14);
  transform:rotate(-4deg);
  transition:transform .18s ease,box-shadow .18s ease;
  overflow:hidden;
}
.yippy-blog-new-marker:before{
  content:"";
  position:absolute;
  inset:3px;
  border:2px solid #fff;
  border-radius:50%;
  opacity:.95;
  pointer-events:none;
}
.yippy-blog-new-marker:after{
  content:"";
  position:absolute;
  inset:0;
  border:1px dashed rgba(255,255,255,.9);
  border-radius:50%;
  transform:rotate(12deg);
  pointer-events:none;
}
.yippy-blog-card:hover .yippy-blog-new-marker{
  transform:rotate(-3deg) scale(1.03);
  box-shadow:0 6px 16px rgba(237,28,36,.22);
}
.yippy-blog-new-marker-top{
  position:relative;
  z-index:1;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.8px;
  margin-bottom:5px;
  opacity:.9;
}
.yippy-blog-new-marker-main{
  position:relative;
  z-index:1;
  font-size:10px;
  font-weight:900;
  letter-spacing:.7px;
  line-height:1.15;
}
.yippy-blog-new-marker[hidden]{display:none!important}

@media(max-width:700px){
  .yippy-blog-toggle-actions{gap:10px}
  .yippy-blog-new-marker{
    width:54px;
    height:54px;
    flex-basis:54px;
    border-radius:50%;
  }
  .yippy-blog-new-marker-main{font-size:10px}
}

/* Konfigurerbar plugin-logga. Placera med [yippy_blogg_logo]. */
.yippy-brand-logo{display:inline-block;line-height:0;max-width:100%}
.yippy-brand-logo img{display:block;width:auto;height:auto;max-width:var(--yippy-brand-logo-width,241px)}
@media(max-width:700px){.yippy-brand-logo img{max-width:var(--yippy-brand-mobile-width,180px)}}