/* Compact navigation above the portrait wall. Keep the alternate menu previews available. */
html:not([data-menu]) .site-head {
  position: relative;
  top: auto;
  padding: var(--space-4) 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
html:not([data-menu]) .head-row {
  width: max-content;
  max-width: calc(100% - var(--space-4));
  min-height: 0;
  margin-inline: auto;
  padding: var(--space-1) var(--space-1) var(--space-1) var(--space-3);
  gap: var(--space-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--paper) 96%, transparent);
  box-shadow: var(--shadow-sm);
}
html:not([data-menu]) .head-row nav {
  padding: 0;
  padding-inline-start: var(--space-2);
  border: 0;
  border-inline-start: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
html:not([data-menu]) .nav-thumb { display: none; }
html:not([data-menu]) .head-row .nav { display: flex; align-items: center; gap: 0; }
html:not([data-menu]) .head-row .nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  padding: 0 var(--space-3);
  color: var(--ink-2);
  border-radius: var(--radius-pill);
  text-decoration: none;
  white-space: nowrap;
}
html:not([data-menu]) .head-row .nav a:is(:hover, :focus-visible, [aria-current]) {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 9%, var(--paper));
}
html:not([data-menu]) .head-row .nav a[href="#url"] { color: var(--accent); font-weight: 600; }
@media (max-width: 440px) {
  html:not([data-menu]) .head-row { gap: var(--space-2); padding-inline-start: var(--space-2); }
  html:not([data-menu]) .head-row .nav a { padding-inline: var(--space-2); font-size: var(--text-sm); }
  html:not([data-menu]) .head-row .brand { gap: var(--space-1); font-size: var(--text-base); }
}
@media (max-width: 350px) {
  html:not([data-menu]) .head-row .brand-mark { width: 22px; }
  html:not([data-menu]) .head-row nav { padding-inline-start: var(--space-1); }
}