/* Shared header and dashboard header-link styling. */
/* =========================
   Shared Header (simplified)
   - Single content block
   - Aligned to your content rails
   ========================= */
:root{
  --header-pad-y: clamp(15px, 2.4vw, 18px);
}

header#site-header{
  background: var(--header-bg);
  color: var(--text-main);
  padding-block: var(--header-pad-y);
  position: relative;
  z-index: 1000;
  font-family: "Saira Var";
}

/* keep using your existing wrapper/grid */
.cc-grid--header{
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}

/* the only header content */
#site-header-content{
  grid-column: 1 / -1;
}

/* typography sizing stays controlled by your existing .header-primary / .header-secondary rules */
.header-stack{
  display: flex;
  flex-direction: column;
  gap: 2px;
}
/* =========================
   Dashboard back link
   ========================= */
.cc-backlink{
  display: inline-flex;
  align-items: center;
  gap: 6px;

  margin-bottom: 6px;

  font-size: 0.78rem;
  font-weight: 500;

  color: var(--text-secondary);
  text-decoration: none;

  opacity: 0.85;
  transition: opacity 120ms ease, transform 120ms ease;
}

.cc-backlink:hover{
  opacity: 1;
  transform: translateX(-2px);
}

.cc-back-arrow{
  font-size: 1rem;
  line-height: 1;
}