/* =========================================================
   SKH – Skåne Hobby Designgrund
   Gemensam breddstandard för alla SKH-addons
   ========================================================= */

:root{
  --skh-container: 1440px;
  --skh-container-wide: 1500px;
  --skh-container-narrow: 1180px;
  --skh-side-padding: 32px;
  --skh-side-padding-mobile: 16px;
}

.skh-container{
  width:min(var(--skh-container), calc(100vw - (var(--skh-side-padding) * 2)));
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

.skh-container-wide{
  width:min(var(--skh-container-wide), calc(100vw - (var(--skh-side-padding) * 2)));
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

.skh-container-narrow{
  width:min(var(--skh-container-narrow), calc(100vw - (var(--skh-side-padding) * 2)));
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

@media(max-width:768px){
  .skh-container,
  .skh-container-wide,
  .skh-container-narrow{
    width:calc(100vw - (var(--skh-side-padding-mobile) * 2));
  }
}