/* Apply the approved shell treatment whether Next.js renders it at the page
   root or inside a shared Blog/Tool detail component. */
.handoff-header {
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 1px 2px rgba(15,23,42,.03);
}
/* The handoff scopes the current navigation item through its body page class. */
.handoff-header .nav a[aria-current="page"] {
  color: var(--orange);
  font-weight: 700;
}
@media print {
  .handoff-header, .handoff-footer { display: none !important; }
}