/* =========================
   Utilities & A11y
========================= */
:focus-visible { outline: 2px solid var(--vcom-accent); outline-offset: 2px; }
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.text-muted{ color: var(--vcom-muted); }
.mt-0{ margin-top:0!important; }
.mt-1{ margin-top:.25rem!important; }
.mt-2{ margin-top:.5rem!important; }
.mt-3{ margin-top:1rem!important; }
.mb-0{ margin-bottom:0!important; }
.btn-row{ display:flex; gap:.5rem; flex-wrap:wrap; }

/* Container */
.container { max-width: var(--vcom-max); margin-inline:auto; padding: 0 1rem; }

.skip-link {
  position: absolute;
  top: -40px;       /* göm ovanför skärmen */
  left: 0;
  background: #111;
  color: #fff;
  padding: 8px 12px;
  z-index: 10000;
  text-decoration: none;
  transition: top .2s ease;
}

.skip-link:focus {
  top: 0;          /* visas när man tabbar till länken */
}