/* ============================================================
   kitmonkman.com
   Shares KMA's DNA — same palette, same serif, same restraint —
   but pitched in a more active, present-tense register.
   The divergence: the sans does a little more visible work
   (labels, dates, status, nav), and dates are worn, not hidden.
   ============================================================ */

:root{
  /* --- inherited from KMA (the shared DNA) --- */
  --ink:#1a1a1a;
  --ink-soft:#444;
  --ink-faint:#8a8a82;
  --rule:rgba(0,0,0,0.12);
  --bg:#fdfdfb;
  --measure:43rem;
  /* --- new: an accent for the live register, used sparingly --- */
  --live:#6a5a3c;            /* a muted ochre, drawn from the Congregation light */
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--serif);
  font-size:19px;line-height:1.62;font-weight:400;
}
.wrap{max-width:var(--measure);margin:0 auto;padding:0 1.5rem;}

/* ---- masthead nav (shared structure with KMA, slightly more present) ---- */
.nav-wrap{max-width:52rem;margin:0 auto;padding:0 1.5rem;}
.masthead-nav{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:1.5rem;flex-wrap:wrap;padding:1.9rem 0 0;
}
.wordmark{
  font-family:var(--sans);
  font-size:0.82rem;letter-spacing:0.22em;text-transform:uppercase;
  font-weight:600;color:var(--ink);text-decoration:none;
}
.nav-links{
  display:flex;align-items:baseline;gap:1.4rem;flex-wrap:wrap;
  font-family:var(--sans);
  font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;
}
.nav-links a{color:var(--ink-faint);text-decoration:none;padding-bottom:2px;}
.nav-links a:hover{color:var(--ink);}
.nav-links a[aria-current]{color:var(--ink);border-bottom:1px solid var(--ink-faint);}

/* ---- the Position front door ---- */
.position{padding:7vh 0 5rem;}
.position-meta{
  font-family:var(--sans);
  font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--ink-faint);font-weight:500;
  margin:0 0 2.4rem;
  display:flex;gap:0.9rem;align-items:baseline;flex-wrap:wrap;
}
/* the "worn date" — the single clearest signal the site is alive */
.position-meta .updated{color:var(--live);}
.position-meta .dot{color:var(--rule);}

.position .opening{
  font-size:1.42rem;line-height:1.5;letter-spacing:-0.006em;
  margin:0 0 1.5rem;max-width:33rem;
}
.position p{margin:0 0 1.4rem;max-width:34rem;}
.position p:last-of-type{margin-bottom:0;}
.position em{font-style:italic;}
.position .turn{color:var(--ink);}

/* a quiet emphasis for the closing line */
.position .coda-line{
  margin-top:2.6rem;padding-top:2rem;border-top:1px solid var(--rule);
  font-size:1.08rem;color:var(--ink);max-width:33rem;
}

/* ---- the five destinations: a live index, not a nav bar ---- */
.destinations{
  padding:2rem 0 6rem;
  border-top:1px solid var(--rule);
}
.destinations-label{
  font-family:var(--sans);
  font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--ink-faint);font-weight:500;margin:0 0 2rem;padding-top:3rem;
}
.dest-list{list-style:none;margin:0;padding:0;}
.dest-list li{border-bottom:1px solid var(--rule);}
.dest-list li:last-child{border-bottom:0;}
.dest-list a{
  display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:baseline;
  padding:1.15rem 0;text-decoration:none;color:inherit;
}
.dest-list a:hover .dest-name{color:#000;}
.dest-name{font-size:1.32rem;color:var(--ink);letter-spacing:-0.005em;}
.dest-name .qualifier{color:var(--ink-faint);font-style:italic;font-size:1.05rem;}
.dest-note{
  font-family:var(--sans);
  font-size:0.74rem;color:var(--ink-faint);letter-spacing:0.02em;
  text-align:right;max-width:14rem;line-height:1.4;
}
.dest-note .status{color:var(--live);}

/* ---- footer ---- */
.site-footer{border-top:1px solid var(--rule);margin-top:2rem;padding:3rem 0 4.5rem;}
.footer-nav{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.footer-nav .nav-links{font-size:0.7rem;}
.footer-nav .colophon{font-family:var(--sans);font-size:0.72rem;letter-spacing:0.03em;color:var(--ink-faint);}
.footer-nav .colophon a{color:var(--ink-faint);text-decoration:none;border-bottom:1px solid var(--rule);}
.footer-nav .colophon a:hover{color:var(--ink);}

@media (max-width:600px){
  body{font-size:18px;}
  .position .opening{font-size:1.2rem;}
  .dest-list a{grid-template-columns:1fr;gap:0.3rem;}
  .dest-note{text-align:left;max-width:none;}
  .nav-links{gap:1rem;font-size:0.66rem;}
}

/* ============================================================
   NOTEBOOK, POSTS, THREADS
   ============================================================ */

/* notebook landing */
.notebook-head{padding:7vh 0 2.5rem;}
.notebook-intro{font-size:1.1rem;line-height:1.55;color:var(--ink-soft);max-width:33rem;margin:1.4rem 0 0;}

.threads-zone{padding:1rem 0 3rem;border-top:1px solid var(--rule);}
.thread-list{list-style:none;margin:0;padding:0;}
.thread-list li{padding:1.3rem 0;border-bottom:1px solid var(--rule);}
.thread-list li:last-child{border-bottom:0;}
.thread-list a{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:baseline;text-decoration:none;color:inherit;}
.thread-name{font-size:1.3rem;color:var(--ink);letter-spacing:-0.005em;}
.thread-list a:hover .thread-name{color:#000;}
.thread-meta{font-family:var(--sans);font-size:0.74rem;color:var(--ink-faint);letter-spacing:0.02em;white-space:nowrap;}
.thread-desc{font-style:italic;color:var(--ink-faint);font-size:0.98rem;margin:0.5rem 0 0;max-width:32rem;}

.recent-zone{padding:1rem 0 6rem;border-top:1px solid var(--rule);}

/* shared post index list (used on notebook landing + thread pages) */
.post-index{list-style:none;margin:0;padding:0;}
.post-index li{border-bottom:1px solid var(--rule);}
.post-index li:last-child{border-bottom:0;}
.post-index a{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:baseline;padding:1rem 0;text-decoration:none;color:inherit;}
.pi-title{font-size:1.18rem;color:var(--ink);}
.post-index a:hover .pi-title{color:#000;}
.pi-meta{font-family:var(--sans);font-size:0.72rem;color:var(--ink-faint);letter-spacing:0.02em;text-align:right;white-space:nowrap;}

/* status markers — the worn work-in-progress signal */
.status{color:var(--live);}
.post-status{font-family:var(--sans);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;}
.status-ongoing{color:var(--live);}
.status-note{color:var(--ink-faint);}
.status-finished{color:var(--ink-faint);}

/* single post */
.post{padding:7vh 0 4rem;}
.post-meta{font-family:var(--sans);font-size:0.72rem;letter-spacing:0.08em;color:var(--ink-faint);margin:0 0 1.6rem;display:flex;gap:0.7rem;align-items:baseline;flex-wrap:wrap;text-transform:uppercase;}
.post-meta .dot{color:var(--rule);}
.post-thread{color:var(--ink-faint);text-decoration:none;border-bottom:1px solid var(--rule);}
.post-thread:hover{color:var(--ink);}
.post-title{font-weight:400;font-size:2.1rem;line-height:1.16;letter-spacing:-0.012em;margin:0 0 2rem;max-width:32rem;}
.post-body p{margin:0 0 1.4rem;max-width:36rem;}
.post-body em{font-style:italic;}
.post-back{margin-top:3rem;padding-top:1.6rem;border-top:1px solid var(--rule);}
.post-back a,.thread-page .post-back a{font-family:var(--sans);font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);text-decoration:none;}
.post-back a:hover{color:var(--ink);}

/* thread page */
.thread-page{padding:7vh 0 4rem;}
.thread-page-desc{font-style:italic;color:var(--ink-faint);font-size:1.1rem;margin:0 0 2rem;max-width:32rem;}

/* simple placeholder pages */
.placeholder{padding:7vh 0 6rem;}
.placeholder .opening{font-size:1.42rem;line-height:1.5;color:var(--ink);max-width:32rem;margin:0 0 1.4rem;}
.placeholder p{max-width:34rem;color:var(--ink-soft);}
.placeholder .pending-note{font-style:italic;color:var(--ink-faint);}

/* ---- images within posts ---- */
.post-body img{
  display:block;width:100%;height:auto;
  max-width:34rem;
  margin:2rem 0 0.5rem;background:#000;
}
/* a figure with caption — the considered form */
.post-body figure{margin:2.4rem 0;max-width:34rem;}
.post-body figure img{margin:0;width:100%;max-width:100%;}
.post-body figcaption{
  font-family:var(--sans);font-size:0.74rem;letter-spacing:0.02em;
  color:var(--ink-faint);margin:0.8rem 0 0;
}
/* let an image breathe slightly wider than the text column on larger screens */

/* summary: standfirst on the post itself */
.post-summary{
  font-size:1.18rem;line-height:1.5;color:var(--ink-soft);
  font-style:italic;max-width:32rem;margin:0 0 2.2rem;
}
/* summary: the quieter version in Recent and thread lists */
.pi-summary{
  font-size:0.98rem;line-height:1.45;color:var(--ink-faint);
  margin:0.35rem 0 1.1rem;max-width:34rem;
}

/* ---- footnotes: small contextual text, same register as captions ---- */
.footnotes{
  margin-top:3.5rem;padding-top:1.6rem;
  border-top:1px solid var(--rule);
  max-width:34rem;
}
.footnotes-sep{display:none;} /* plugin's own <hr>; the border above replaces it */
.footnotes ol{margin:0;padding-left:1.2rem;}
.footnotes li{
  margin-bottom:0.6rem;
  font-family:var(--sans);font-size:0.78rem;line-height:1.5;
  color:var(--ink-faint);letter-spacing:0.02em;
}
.footnotes p{display:inline;font-size:inherit;}
.footnote-ref a{
  font-family:var(--sans);font-size:0.7em;
  color:var(--live);text-decoration:none;border-bottom:0;
}
.footnote-backref{border-bottom:0 !important;color:var(--ink-faint);}

/* ---- in-prose links: the KMA "onward" treatment ---- */
.position a,
.placeholder a,
.post-body a,
.post-summary a,
.notebook-intro a,
.thread-page-desc a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid var(--ink-faint);
  padding-bottom:1px;
}
.position a:hover,
.placeholder a:hover,
.post-body a:hover,
.post-summary a:hover,
.notebook-intro a:hover,
.thread-page-desc a:hover{
  border-color:var(--ink);
}