.i-fld-sheet,
.i-fld-record,
.i-fld-block{
  --i-fld-paper: var(--color-bg);
  --i-fld-card: var(--color-bg-elevated);
  --i-fld-ink: var(--color-text);
  --i-fld-mute: var(--color-text-muted);
  --i-fld-green: var(--color-primary);
  --i-fld-hedge: var(--color-secondary);
  --i-fld-amber: var(--color-accent);
  --i-fld-line: var(--color-border);
  --i-fld-rule: color-mix(in oklab, var(--color-text) 16%, var(--color-bg));
  --i-fld-wash: color-mix(in oklab, var(--color-accent) 16%, var(--color-bg));
  --i-fld-serif: var(--font-newsreader, 'Newsreader'), Georgia, 'Times New Roman', serif;
  --i-fld-sans: var(--font-inter, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --i-fld-mono: var(--font-jetbrains, 'JetBrains Mono'), 'SFMono-Regular', Consolas, monospace;

  background: var(--i-fld-paper);
  color: var(--i-fld-ink);
  font-family: var(--i-fld-serif);
}
.i-fld-sheet a:focus-visible,
.i-fld-record a:focus-visible,
.i-fld-block a:focus-visible{
  outline: 2px solid var(--i-fld-green);
  outline-offset: 2px;
}
.i-fld-sheet time,
.i-fld-record time,
.i-fld-block time{
  font-variant-numeric: tabular-nums;
}
.i-fld-sheet a.hover-title,
.i-fld-record a.hover-title,
.i-fld-block a.hover-title{
  background-image: none;
}


.i-fld-record{
  padding-block: 2rem 3.5rem;
}
.i-fld-record-head{
  max-width: 48rem;
}
.i-fld-record-head .i-fld-card-refs{
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.i-fld-record-crop{
  font-family: var(--i-fld-sans);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--i-fld-ink);
  text-decoration: none;
  border-bottom: 2px solid var(--i-fld-green);
  padding-bottom: 0.1rem;
  margin-left: auto;
}
.i-fld-record-crop:hover{
  color: var(--i-fld-green);
}
.i-fld-record-title{
  margin: 0 0 0.6rem;
  font-family: var(--i-fld-serif);
  font-size: clamp(1.9rem, 2.5vw + 1.2rem, 3.1rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.01em;
  max-width: 24ch;
  text-wrap: balance;
}
.i-fld-record-dek{
  margin: 0 0 1.2rem;
  max-width: 58ch;
  font-size: 1.125rem;
  line-height: 1.55;
  font-style: italic;
  color: var(--i-fld-mute);
}
.i-fld-record-strip{
  margin: 0 0 1rem;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--i-fld-line);
  background: var(--i-fld-card);
}
.i-fld-record-head .i-fld-stages{
  margin-bottom: 1.1rem;
}

.i-fld-record-fig{
  margin: 1.75rem 0 0;
  position: relative;
  border: 1px solid var(--i-fld-line);
  background: var(--i-fld-card);
  padding: 0.4rem;
}
.i-fld-record-fig::before,
.i-fld-record-fig::after{
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border: 0 solid var(--i-fld-green);
}
.i-fld-record-fig::before{
  top: -5px;
  left: -5px;
  border-top-width: 2.5px;
  border-left-width: 2.5px;
}
.i-fld-record-fig::after{
  bottom: -5px;
  right: -5px;
  border-bottom-width: 2.5px;
  border-right-width: 2.5px;
}
.i-fld-record-img{
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.i-fld-record-figcap{
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.9rem;
  padding: 0.5rem 0.35rem 0.15rem;
  font-family: var(--i-fld-sans);
  font-size: 0.75rem;
  color: var(--i-fld-mute);
}
.i-fld-record-credit{
  margin-left: auto;
  font-size: 0.6875rem;
}
.i-fld-record-body{
  margin-top: 2.25rem;
  max-width: 42rem;
}
.i-fld-record .prose-article{
  font-family: var(--i-fld-serif);
  font-size: 1.125rem;
  line-height: 1.7;
  max-width: 42rem;
  color: var(--i-fld-ink);
}
.i-fld-record .prose-article > p:first-of-type::first-line{
  font-variant-caps: all-small-caps;
  letter-spacing: 0.05em;
}
.i-fld-record .prose-article h2,
.i-fld-record .prose-article h3{
  font-family: var(--i-fld-serif);
  color: var(--i-fld-ink);
}
.i-fld-record .prose-article h2{
  margin-top: 2.25rem;
  padding-top: 0.6rem;
  border-top: 1px solid var(--i-fld-rule);
}
.i-fld-record .prose-article a{
  color: var(--i-fld-ink);
  text-decoration: underline;
  text-decoration-color: var(--i-fld-green);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.i-fld-record .prose-article a:hover{
  color: var(--i-fld-green);
}
.i-fld-record .prose-article blockquote{
  margin: 1.75rem 0;
  padding: 0.35rem 0 0.35rem 1.1rem;
  border-left: 3px solid var(--i-fld-green);
  font-style: italic;
  color: var(--i-fld-mute);
}
.i-fld-record .ad-label{
  color: var(--i-fld-mute);
}
.i-fld-record .ap-name a,
.i-fld-record .ap-role,
.i-fld-record .ap-bio,
.i-fld-record .ap-count{
  color: var(--i-fld-ink);
}
.i-fld-record .ap-avatar--initial{
  background: var(--i-fld-green);
  color: var(--i-fld-card);
}