/* Alexandrina's look for the arrival kit (v1.2): the kit's tokens in ember, per light, and the
   header in one row at every width. Loaded after arrival.css. The Oracle and the 404 have one look
   (html.ember-only), so the kit stays dark there whatever light was chosen. */
:root,
[data-theme="dark"],
html.ember-only[data-theme] {
  --background: #0d0a08;
  --foreground: #f6ecdf;
  --heading: #fff6ea;
  --muted: #c2ad97;
  --surface: #1b140f;
  --surface-muted: #2a1e15;
  --border: rgba(255, 160, 90, 0.26);
  --accent: #ff8a3d;
  --accent-strong: #ffb347;
  --on-accent: #1a0d05;
  --arr-backdrop: rgba(8, 5, 3, 0.66);
  --font-heading: "Instrument Serif", Georgia, serif;
  --font-body: "Space Grotesk", system-ui, sans-serif;
  --arr-radius: 14px;
}
[data-theme="light"] {
  --background: #fbf5ec;
  --foreground: #2a1a0e;
  --heading: #2a1a0e;
  --muted: #6f5541;
  --surface: #fffaf2;
  --surface-muted: #f4eadc;
  --border: rgba(176, 74, 10, 0.24);
  --accent: #d4520a;
  --accent-strong: #b04408;
  --on-accent: #ffffff;
  --arr-backdrop: rgba(42, 26, 14, 0.3);
}

/* One row: the mark may shrink, the navbar takes the rest and folds; the theme switch never shrinks. */
.top .wrap,
header.top {
  flex-wrap: nowrap;
  min-width: 0;
}
.top .mark {
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
}
.top .mark img {
  flex: none;
}
.top arrival-nav {
  margin-left: 0.6rem;
}
.top .tbtn {
  flex: none;
}
@media (max-width: 400px) {
  .top .mark .arr-brand-text {
    display: none;
  }
}
/* The pages' own ".top nav" / ".top nav a" rules were written for the old row of links; inside the
   kit's navbar they're undone here (these selectors outrank them). */
.top arrival-nav .arr-nav {
  margin-left: 0;
  gap: 0;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.top arrival-nav .arr-nav-a {
  display: inline-flex;
  padding: 0 0.62rem;
  border-radius: 8px;
  color: var(--muted);
  background: none;
  font-size: 0.9rem;
}
.top arrival-nav .arr-nav-a:hover,
.top arrival-nav .arr-nav-a[aria-expanded="true"],
.top arrival-nav .arr-nav-a[aria-current="page"],
.top arrival-nav .arr-nav-a.is-current {
  color: var(--heading);
  background: var(--surface-muted);
}
.top arrival-nav .arr-nav-row {
  display: flex;
  padding: 0.55rem 0.65rem;
  border-radius: 10px;
  color: var(--foreground);
  background: none;
  font-size: 0.92rem;
  font-weight: 600;
}
.top arrival-nav .arr-nav-row:hover,
.top arrival-nav .arr-nav-row[aria-current="page"] {
  color: var(--heading);
  background: var(--surface-muted);
}
/* The footer: the credit line, then the kit's link groups. */
footer arrival-footer {
  flex: 1 1 28rem;
}
footer .arr-foot-a {
  color: var(--muted);
}