/* ==========================================================================
   PiPO HRIS — LAYER 18 · NOT FOUND
   Controlled temporary state for pages not yet published. Same design system,
   never a bare server error page.
   ========================================================================== */
.nf { background: var(--paper); min-height: 62vh; display: grid; align-items: center; }
.nf__box { max-width: 640px; }
.nf__h {
  font-family: var(--font-display); font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 700; letter-spacing: -.04em; line-height: 1.1; color: var(--ink);
  margin-top: 1.1rem;
}
.nf__p { margin-top: 1.1rem; font-size: 1.02rem; line-height: 1.65; color: var(--muted); }
.nf__ctas { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; margin-top: 1.8rem; }
.nf__links {
  margin-top: 2.2rem; padding-top: 1.6rem; border-top: 1px solid var(--line);
  display: flex; flex-wrap: wrap; gap: .9rem 1.5rem; align-items: center;
}
.nf__k {
  font-family: var(--font-mono); font-size: .62rem; letter-spacing: .14em;
  text-transform: uppercase; color: var(--muted-2); width: 100%;
}
.nf__contact { margin-top: 1.8rem; font-size: .9rem; line-height: 1.6; color: var(--muted); }
.nf__contact a { color: var(--emerald-700); font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(6,100,74,.28); }
.nf__contact a:hover { border-bottom-color: var(--emerald); }