/* Shared next/previous navigation follows the project cards on the home page. */
body nav.fm-project-nav {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 8%;
  padding-block: 58px;
  color: inherit;
}
body nav.fm-project-nav > a,
body nav.fm-project-nav > a:last-child {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-content: start;
  gap: 12px;
  min-width: 0;
  min-height: 100px;
  padding: 18px 0;
  border-bottom: 1px solid #cdd2d7;
  color: inherit;
  text-align: left;
  text-decoration: none;
}
.fm-project-nav > a > span:first-child { grid-column:1/-1; font-size:12px; opacity:.7; }
.fm-project-nav > a > strong { font-size:clamp(25px,3vw,42px); font-weight:500; letter-spacing:-.04em; line-height:1.18; overflow-wrap:break-word; }
.fm-project-nav > a > span:last-child { align-self:center; font-size:26px; }
.fm-project-nav > a:hover { border-bottom-color:currentColor; }
.fm-project-nav > a:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
body nav.fm-project-nav--overview { grid-template-columns:minmax(0,1fr); }
body nav.fm-project-nav:has(+[data-return-home]) { padding-bottom:24px; }
.fm-return-home { display:flex; justify-content:center; padding:0 20px 48px; }
body .fm-return-home>a {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:12px 26px; border:1px solid currentColor; border-radius:26px;
  font-family:inherit; font-weight:500; font-size:16px; line-height:1.3;
  color:inherit; background:transparent; text-decoration:none;
}
body .fm-return-home>a:hover { background:color-mix(in srgb,currentColor 10%,transparent); text-decoration:none; }
body .fm-return-home>a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:760px) {
  body nav.fm-project-nav { grid-template-columns:minmax(0,1fr); gap:12px; padding-block:32px; }
  .fm-project-nav > a > span:last-child { font-size:0; }
  .fm-project-nav > a > span:last-child::after { content:'←'; font-size:26px; }
  .fm-project-nav > a:last-child:not(:first-child) > span:last-child::after { content:'→'; }
}