/* ══════════════════════════════════════════════════════════
   utilities.css — layout helpers only. No component styling.
   ══════════════════════════════════════════════════════════ */

.container{
  width:var(--measure);
  margin-inline:auto;
  padding-inline:var(--gutter);
}

.section{padding-block:var(--sp-section)}

.stack > * + *{margin-top:var(--sp-4)}

.sr-only{
  position:absolute;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0;
}

.skip-link{
  position:absolute;left:var(--sp-4);top:-100px;z-index:9999;
  background:var(--surface-0);color:var(--ink-0);
  padding:var(--sp-3) var(--sp-5);
  border:1px solid var(--hair-0);border-radius:var(--r-md);
  box-shadow:var(--sh-2);
  transition:top var(--dur-1) var(--ease);
}
.skip-link:focus{top:var(--sp-4)}

.text-grad{
  background:var(--brand-grad);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}