/*
  Management review aid — "Section guide".
  Shows each section's order, name and intended visitor outcome (from the Blueprint v1.1).
  Not part of the production design: delete this file, review.js and the #guide-toggle button.
*/
.guide-toggle {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 16px;
  border: 1px solid var(--border-dark-strong);
  border-radius: var(--radius-pill);
  background: var(--p-deep-navy);
  color: var(--p-white);
  font-size: var(--text-sm);
  font-weight: 600;
  box-shadow: 0 12px 30px rgb(9 24 40 / 0.35);
  --focus-ring: var(--p-amber);
  transition:
    background-color var(--dur) var(--ease),
    color var(--dur) var(--ease);
}
.guide-toggle[aria-pressed='true'] {
  background: var(--p-amber);
  border-color: var(--p-amber);
  color: var(--p-deep-navy);
}
.site-footer {
  padding-bottom: 84px; /* keeps the footer disclosures clear of the floating button */
}
.guide-tag {
  display: none;
}
.guide-on [data-guide] {
  position: relative;
  outline: 2px dashed var(--p-amber);
  outline-offset: -2px;
}
.guide-on .guide-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 40;
  display: grid;
  gap: 2px;
  max-width: min(420px, calc(100% - 24px));
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--p-amber);
  color: var(--p-deep-navy);
  font-size: 0.8125rem;
  line-height: 1.4;
  box-shadow: 0 10px 26px rgb(9 24 40 / 0.3);
}
.guide-tag b {
  font-size: 0.6875rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.guide-tag strong {
  font-size: 0.9375rem;
}