/* Shared top and bottom bars (tools/unify-nav.mjs writes the markup).
   "Nos échanges" is the heart of the site and keeps the original weight;
   the four work sections sit beside it, smaller and quieter. */

.site-nav { align-items: baseline; }

.home-header .site-nav .section-link,
.inner-header .site-nav .section-link {
  font-weight: 400;
  font-size: clamp(13px, 1.05vw, 16px);
  color: rgb(255 253 247 / 0.72);
  letter-spacing: 0.01em;
}

.home-header .site-nav .section-link:hover,
.home-header .site-nav .section-link:focus-visible,
.inner-header .site-nav .section-link:hover,
.inner-header .site-nav .section-link:focus-visible,
.site-nav .section-link[aria-current="page"] {
  color: var(--white);
}

.site-nav .section-link[aria-current="page"] { text-decoration: underline; }

.home-header .site-nav .exchanges-nav,
.inner-header .site-nav .exchanges-nav {
  font-weight: 700;
  font-size: clamp(15px, 1.35vw, 19px);
  color: var(--white);
  border-left: 1px solid #ffffff38;
  padding-left: clamp(18px, 2.2vw, 32px);
}

.welcome-footer nav a[aria-current="page"] { color: var(--white); text-decoration: underline; }

@media (width <= 700px) {
  .home-header .site-nav .exchanges-nav,
  .inner-header .site-nav .exchanges-nav {
    border-left: 0;
    padding-left: 0;
    flex-basis: 100%;
  }
}

/* Photo credit under the home-page portrait. */
.welcome-portrait .portrait-credit {
  margin: 0;
  padding: 8px 12px;
  font: italic 13px/1.4 Georgia, "Times New Roman", serif;
  color: rgb(255 253 247 / 0.72);
  text-align: right;
}