/* ===================================================================
   Digital Futurist — single archival-document page. Deliberately not
   entry-redesign.css: no decade scrubber, no related-timeline block -
   these documents aren't tied to Howard's personal timeline. Just a
   breadcrumb back to the collection and one compact document card.
   Built on the --df-* tokens from homepage-redesign.css.
   =================================================================== */

.df-arch-entry-page { max-width:720px; margin:0 auto; padding:26px 24px 56px; }

.df-arch-entry-crumb {
  font-family:'IBM Plex Mono', monospace; font-size:.74rem; letter-spacing:.04em;
  color:var(--df-muted); margin-bottom:20px;
}
.df-shell .df-arch-entry-crumb a { color:var(--df-muted); text-decoration:none; }
.df-arch-entry-crumb a:hover { color:var(--df-accent); }

.df-arch-entry-card {
  border:1px solid var(--df-border); border-radius:8px; background:var(--df-panel);
  padding:28px 32px;
}

.df-arch-entry-title {
  font-size:1.6rem; line-height:1.25; font-weight:700; letter-spacing:-.01em;
  margin:0 0 12px; color:var(--df-text); text-wrap:balance;
}

.df-arch-entry-meta {
  display:flex; align-items:center; gap:8px; font-family:'IBM Plex Mono', monospace;
  font-size:.76rem; letter-spacing:.04em; color:var(--df-muted); margin-bottom:22px;
}
.df-arch-entry-meta .df-blip {
  width:6px; height:6px; border-radius:50%; background:var(--df-accent);
  box-shadow:0 0 6px var(--df-accent-glow); flex-shrink:0;
}

.df-arch-entry-figure {
  margin:0 0 22px; border:1px solid var(--df-border); background:var(--df-bg);
  padding:.5rem; border-radius:4px; max-width:280px;
}
.df-arch-entry-figure a { display:block; }
.df-arch-entry-figure img { width:100%; display:block; border-radius:2px; }

.df-arch-entry-body { font-size:.96rem; line-height:1.7; color:var(--df-text2); max-width:62ch; }
.df-arch-entry-body p { margin:0 0 1.1rem; }
.df-arch-entry-body a { color:var(--df-accent); text-underline-offset:2px; }
.df-arch-entry-body h4, .df-arch-entry-body h5 { color:var(--df-text); margin:1.4rem 0 .6rem; }
.df-arch-entry-body ul, .df-arch-entry-body ol { margin:0 0 1.1rem; padding-left:1.3rem; }
.df-arch-entry-body li { margin-bottom:.4rem; }
.df-arch-entry-body blockquote {
  margin:1.3rem 0; padding:.85rem 1rem; background:var(--df-bg);
  border:1px solid var(--df-border); border-left:2px solid var(--df-accent);
  border-radius:0 4px 4px 0; font-style:italic; color:var(--df-text2);
}
.df-arch-entry-body blockquote p { margin:0; }

/* file links use the shared .df-file-pill component (homepage-redesign.css) */
.df-arch-entry-files { display:flex; flex-direction:column; gap:.6rem; margin-top:8px; }
.df-arch-entry-files .df-file-pill { align-self:flex-start; }

@media (max-width:640px) {
  .df-arch-entry-card { padding:22px 20px; }
}