/* ==========================================================================
   Redix Digital: the page for an address that does not exist (404.html,
   tools/build-404.js). v2.css carries the bar, the menu, the footer and the
   WhatsApp button, page.css the still sky behind them. The title is a home
   page title, a bold half and a light half, standing on the sky above the
   horizon; under it one line and the two ways on.
   ========================================================================== */

.nf {
  display: grid;
  align-items: center;
  min-height: 100svh;
  padding: calc(76px + clamp(32px, 8vh, 96px)) var(--pad) clamp(64px, 12vh, 140px);
}

.nf-say { max-width: 44rem; }

/* Two lines, the bold one first */
.nf-title { font-size: clamp(2.75rem, 6.4vw, 6.25rem); }

.nf-title span { display: block; }

.nf-sub {
  max-width: 34em;
  margin: clamp(18px, 3vh, 28px) 0 0;
  font-size: clamp(1.0625rem, 1.3vw, 1.3125rem);
  line-height: 1.6;
  color: var(--text-mid);
}

/* The links in the line: underlined, in the light cyan of the site's links; the padding widens
   where a finger can press them without moving the line */
.nf-sub a {
  padding-block: 12px;
  color: var(--cyan-hi);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .nf-sub a:hover { color: var(--text); }
}

.nf-sub a:focus-visible {
  outline: 3px solid var(--cyan-hi);
  outline-offset: 3px;
  border-radius: 4px;
}

.nf-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(26px, 4.4vh, 40px);
}

@media (max-width: 767px) {
  .nf { padding-top: calc(64px + clamp(28px, 7vh, 64px)); }
}

/* The line for the English site, under the Hebrew: on the same right-hand edge, a little smaller */
.nf-en {
  margin-top: clamp(24px, 4vh, 40px);
  font-size: 1rem;
  text-align: end;
}