/* The Mountain Diary — diary.css
   Centered masthead, middot nav, dated entries. Not folio/nival/ridge. */
:root {
  --mdy-ink: #2c332e;
  --mdy-soft: #5e6a62;
  --mdy-page: #fbf8f2;
  --mdy-line: #cfc6b6;
  --mdy-mark: #4a6b7c;
  --mdy-wash: #eef2ee;
}
html { font-size: 17px; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--mdy-page);
  color: var(--mdy-ink);
  font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;
  line-height: 1.7;
}
a { color: var(--mdy-mark); }
.mdy-head {
  text-align: center;
  padding: 2.2rem 1.2rem 1.2rem;
  border-bottom: 1px double var(--mdy-line);
}
.mdy-brand { margin: 0; font-size: 1.85rem; letter-spacing: 0.08em; text-transform: lowercase; }
.mdy-brand a { color: inherit; text-decoration: none; }
.mdy-by {
  margin: 0.35rem 0 1rem;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mdy-soft);
}
.mdy-nav { font-size: 0.92rem; }
.mdy-nav a { color: var(--mdy-ink); text-decoration: none; }
.mdy-nav a[aria-current="page"] { border-bottom: 1px solid var(--mdy-mark); }
.mdy-dot { margin: 0 0.55rem; color: var(--mdy-line); }
.mdy-body { max-width: 38rem; margin: 0 auto; padding: 1.8rem 1.2rem 3.2rem; }
.mdy-h1 { font-size: 1.7rem; font-weight: 600; line-height: 1.25; margin: 0 0 0.8rem; }
.mdy-lede { font-size: 1.05rem; }
.mdy-h2 { font-size: 1.15rem; margin: 1.7rem 0 0.5rem; }
.mdy-pic { margin: 1.3rem 0; }
.mdy-pic img { width: 100%; height: auto; display: block; }
.mdy-pic figcaption { font-size: 0.72rem; color: var(--mdy-soft); margin-top: 0.35rem; }
.mdy-cards { display: grid; gap: 1rem; margin: 1.4rem 0; }
.mdy-card {
  display: block;
  padding: 0.9rem 1rem;
  background: var(--mdy-wash);
  text-decoration: none;
  color: inherit;
  border-left: 3px solid var(--mdy-mark);
}
.mdy-card time, .mdy-date {
  display: block;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mdy-soft);
  margin-bottom: 0.25rem;
}
.mdy-card strong { display: block; margin-bottom: 0.25rem; }
.mdy-entry { margin: 0 0 2.2rem; padding-bottom: 1.4rem; border-bottom: 1px solid var(--mdy-line); }
.mdy-entry:last-child { border-bottom: 0; }
.mdy-note { background: #fff; border: 1px solid var(--mdy-line); padding: 0.85rem 1rem; margin: 1.2rem 0; }
.mdy-qa { margin: 0 0 1.2rem; }
.mdy-qa h2 { margin: 0 0 0.3rem; font-size: 1.02rem; }
.mdy-qa p { margin: 0; }
.mdy-foot {
  max-width: 38rem;
  margin: 0 auto;
  padding: 1.4rem 1.2rem 2.6rem;
  border-top: 1px double var(--mdy-line);
  font-size: 0.84rem;
  color: var(--mdy-soft);
}
.mdy-legal a { margin-right: 1rem; font-size: 0.8rem; }
.mdy-copy { font-size: 0.75rem; }
.mdy-miss { padding: 2rem 0; }
@media (max-width: 620px) {
  .mdy-brand { font-size: 1.5rem; }
  .mdy-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem 0.2rem; }
  .mdy-dot { display: none; }
}