/*
 * New on the Tape v1 (visual authority ST-NT1): the block inside a dated record's CHANGED material
 * and the one line under the homepage record. Theme tokens throughout, so light and dark follow
 * the page. Nothing here depends on script.
 */
.nott, .nott-homeline {
  --nott-ink: var(--theme-ink-primary, #1a1813);
  --nott-ink-2: var(--theme-ink-secondary, #3b424c);
  --nott-muted: var(--theme-ink-muted, #5a626d);
  --nott-rule: var(--theme-rule-standard, #cac4b5);
  --nott-rule-fine: var(--theme-rule-subtle, #dfdace);
  --nott-link: var(--theme-ink-link, #2c5bb8);
  --nott-mono: "IBM Plex Mono", var(--mono, ui-monospace, monospace);
  --nott-sans: "IBM Plex Sans", var(--sans, system-ui, sans-serif);
  --nott-serif: Fraunces, var(--serif-display, Georgia, serif);
  color: var(--nott-ink);
  min-width: 0;
  overflow-wrap: break-word;
}
.nott a, .nott-homeline a { color: var(--nott-link); }
.nott p { margin: 0; }

/* Dated record ---------------------------------------------------------------------------------- */
.nott { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--nott-rule); scroll-margin-top: 80px; }
.nott-head { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; }
.nott-kicker, .nott-line, .nott-foot, .nott-kind, .nott-facts dt, .nott-level-note {
  font-family: var(--nott-mono); font-size: 11.5px; letter-spacing: 0.13em; line-height: 1.5; color: var(--nott-muted);
}
.nott-name, .nott-tag { color: var(--nott-ink); }
.nott-tag { font-family: var(--nott-mono); font-size: 11px; letter-spacing: 0.1em; }
.nott-line { margin-top: 6px !important; }
.nott-entries { margin-top: 14px; }
.nott-entry {
  display: grid; grid-template-columns: 176px minmax(0, 1fr) 200px; column-gap: 24px;
  padding: 20px 0; border-top: 1px solid var(--nott-rule-fine); scroll-margin-top: 80px;
}
.nott-entry:target { outline: 2px solid var(--nott-rule); outline-offset: 6px; }
.nott-kind { color: var(--nott-ink); font-weight: 500; padding-top: 9px; }
.nott-entry-name { margin: 0; font-family: var(--nott-serif); font-weight: 400; font-size: 30px; line-height: 1.15; letter-spacing: -0.018em; font-variant-numeric: lining-nums tabular-nums; }
.nott-sentence { margin-top: 6px !important; font-family: var(--nott-sans); font-size: 15.5px; line-height: 1.62; max-width: 64ch; }
.nott-facts { display: grid; grid-template-columns: 132px minmax(0, 1fr); column-gap: 16px; row-gap: 6px; margin: 12px 0 0; }
.nott-facts dt { padding-top: 2px; }
.nott-facts dd { margin: 0; font-family: var(--nott-sans); font-size: 14.5px; line-height: 1.5; color: var(--nott-ink-2); }
.nott-facts code { font-family: var(--nott-mono); font-size: 13px; color: var(--nott-ink); }
.nott-actions { display: flex; flex-wrap: wrap; column-gap: 22px; row-gap: 4px; margin-top: 12px !important; font-size: 15px; }
.nott-actions a { min-height: 44px; display: inline-flex; align-items: center; }
.nott-level { text-align: right; }
.nott-level-figure { font-family: var(--nott-mono); font-size: 24px; line-height: 1.3; white-space: nowrap; font-variant-numeric: tabular-nums; }
.nott-level-note { margin-top: 4px !important; }
.nott-quiet { padding: 14px 0 4px; }
.nott-quiet-h { font-family: var(--nott-sans); font-size: 15.5px; line-height: 1.62; }
.nott-principle { border-top: 1px solid var(--nott-rule-fine); padding-top: 16px; font-family: var(--nott-sans); font-size: 14.5px; line-height: 1.6; color: var(--nott-ink-2); max-width: 680px; }
.nott-foot { margin-top: 14px !important; font-size: 11px; letter-spacing: 0.12em; }
[data-nott-state="NOT_EVALUATED"] .nott-quiet-h { font-weight: 500; }

/* Help identify --------------------------------------------------------------------------------- */
.nott-help { margin-top: 8px; }
.nott-help > summary { min-height: 44px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; list-style: none; color: var(--nott-link); font-size: 15px; }
.nott-help > summary::-webkit-details-marker { display: none; }
.nott-help-body { margin-top: 6px; padding: 14px 0 0; border-top: 1px solid var(--nott-rule-fine); font-family: var(--nott-sans); font-size: 14.5px; line-height: 1.55; color: var(--nott-ink-2); }
.nott-help-body p + p, .nott-help-body ol + p { margin-top: 8px !important; }
.nott-help-h { font-weight: 500; color: var(--nott-ink); }
.nott-help-fields { margin: 10px 0 0; padding-left: 1.3em; }
.nott-help-fields li { margin: 6px 0; }
.nott-help-fields strong { display: block; font-weight: 500; color: var(--nott-ink); }
.nott-help-fields span { color: var(--nott-muted); font-size: 13.5px; }
.nott-help-action a { min-height: 44px; display: inline-flex; align-items: center; font-family: var(--nott-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }
.nott-help-note { color: var(--nott-muted); font-size: 13px; }

/* Homepage: one line under the record ------------------------------------------------------------ */
.nott-homeline {
  margin: 20px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 16px; row-gap: 2px;
  padding: 13px 0; border-top: 1px solid var(--nott-rule); border-bottom: 1px solid var(--nott-rule);
}
.nott-homeline-label { font-family: var(--nott-mono); font-size: 11.5px; letter-spacing: 0.13em; font-weight: 500; white-space: nowrap; }
.nott-homeline a { font-size: 15.5px; min-height: 24px; }

@media (max-width: 719px) {
  .nott-entry { grid-template-columns: minmax(0, 1fr); row-gap: 6px; }
  .nott-kind { padding-top: 0; }
  .nott-level { text-align: left; grid-row: 3; }
  .nott-level-figure { font-size: 20px; }
  .nott-facts { grid-template-columns: minmax(0, 7.5rem) minmax(0, 1fr); }
  .nott-head { flex-wrap: wrap; }
}