/* The preview uses the existing page palettes and type; no additional script. */
.nf-cn-preview {
  position: relative;
  z-index: 5;
  margin: 0 auto;
  padding: 12px max(20px, calc((100vw - 1176px) / 2));
  border-bottom: 1px solid var(--line, #d8dce0);
  background: var(--ground, #fafafa);
  color: var(--ink-lo, #535c65);
  font: 12px/1.6 var(--font-mono, ui-monospace, monospace);
  scroll-margin-top: 80px;
}
.nf-cn-preview p { margin: 0; }
.nf-cn-preview strong { color: var(--ink-full, #101419); font-weight: 600; }
.nf-cn-icp {
  grid-column: 1 / -1;
  flex-basis: 100%;
  margin: 16px auto 0;
  max-width: 46rem;
  padding: 0 20px 20px;
  color: var(--ink-lo, var(--ink-dim, #535c65));
  font: 12px/1.6 var(--font-mono, ui-monospace, monospace);
}
.nf-cn-icp a { color: inherit; text-decoration: none; }
.nf-cn-icp a:hover { text-decoration: underline; }
.nf-cn-icp a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
