/* Equestrian Wear Supplier · blog-bridge.css
   Bloggramen (article-*.css / related-posts.css / blog-card.css) använder egna tokennamn.
   Här mappas de till site.css-värdena, så att bloggen följer webbplatsens palett och typografi
   (grafit #242628 · varmvit #F6F5F1 · blått #315DCE endast för primärknappar och viktiga länkar). */
:root{
  --green:var(--gran); --green-hover:var(--gran-d); --green-200:#D9DAD6;
  --amber:var(--signal); --amber-hover:#B4C6F4;
  --sand-50:var(--paper); --sand-100:var(--frost); --stone-600:var(--ink-2); --img-bg:var(--frost);
  --ff-serif:var(--ff-h); --ff-sans:var(--ff-b);
  --fs-small:var(--fs-sm); --fs-label:var(--fs-xs);
  --sec-pad:var(--sec); --r-card:2px; --r-btn:0;
  --gutter:var(--gut);
}
.w-wide,.w-base,.w-text{width:100%;margin-inline:auto;padding-inline:var(--gut)}
.w-wide{max-width:calc(var(--w-wide) + 2*var(--gut))}
.w-base{max-width:calc(var(--w-base) + 2*var(--gut))}
.w-text{max-width:calc(var(--w-text) + 2*var(--gut))}
a.btn-p,button.btn-p{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:0;border-radius:0;background:var(--blue);color:#fff;font:600 17px/1.2 var(--ff-b);text-decoration:none;cursor:pointer;transition:background-color .16s}
a.btn-p:hover,button.btn-p:hover{background:var(--blue-d)}
a.btn-s,button.btn-s{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border:1.5px solid var(--gran);border-radius:0;background:transparent;color:var(--gran);font:600 17px/1.2 var(--ff-b);text-decoration:none;cursor:pointer}
a.link-arrow{font-weight:600;text-decoration:none;color:var(--blue);border-bottom:1.5px solid currentColor;padding-bottom:1px}
/* site.css nollställer marginaler på p/ul/h2 – artikeltexten behöver dem tillbaka */
.article-content > * + *{margin-top:1em}
.article-content ul,.article-content ol{padding-left:1.4em}