/* Articles by Richard Nathan — memorial reading archive
   Harmonized with the Logos Word Designs theme (Montserrat / Roboto Slab,
   slate #363b3e, red accent) but tuned for long-form reading. */

:root{
  --ink:#363b3e;
  --soft:#50575b;
  --muted:#8a9094;
  --line:#e3e5e7;
  --accent:#c0392b;        /* dignified shade of the site's red */
  --bg:#ffffff;
  --chrome:#363b3e;        /* slate header/footer */
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:Georgia,"Iowan Old Style","Times New Roman",serif;
  font-size:19px;line-height:1.78;
}
.container{max-width:1140px;margin:0 auto;padding:0 24px}
a{color:var(--accent)}

/* ---- site chrome ---- */
.site-header{background:var(--chrome)}
.site-header .container{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:10px 28px;padding-top:20px;padding-bottom:20px;
}
.brand{
  font-family:"Montserrat",sans-serif;font-weight:700;font-size:15px;
  letter-spacing:.05em;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;
}
.site-nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.site-nav a{
  font-family:"Montserrat",sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.07em;text-transform:uppercase;color:#c2c6c8;text-decoration:none;
}
.site-nav a:hover,.site-nav a.current{color:#fff}

/* ---- article ---- */
.article-wrap{padding:54px 0 72px}
.article{max-width:720px;margin:0 auto;padding:0 24px}
.back a{
  font-family:"Montserrat",sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
}
.article-title{
  font-family:"Roboto Slab",Georgia,serif;font-weight:700;
  font-size:35px;line-height:1.18;color:#23272a;margin:.5em 0 .2em;letter-spacing:-.01em;
}
.article-meta{
  font-family:"Montserrat",sans-serif;font-size:12.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 2.2em;
}
.article-body > :first-child{margin-top:0}
.article-body p{margin:0 0 1.3em}
.article-body > div{margin:0 0 1.3em}
.article-body .separator{margin:1.6em 0;text-align:center}
.article-body h2,.article-body h3,.article-body h4{
  font-family:"Roboto Slab",Georgia,serif;color:#23272a;line-height:1.3;margin:1.9em 0 .55em;
}
.article-body h2{font-size:26px}
.article-body h3{font-size:21px}
.article-body h4{font-size:18px;letter-spacing:.01em}
.article-body blockquote{
  margin:1.6em 0;padding:.15em 1.3em;border-left:3px solid var(--accent);
  color:var(--soft);font-style:italic;
}
.article-body ul,.article-body ol{margin:0 0 1.3em;padding-left:1.4em}
.article-body li{margin:.35em 0}
.article-body img{max-width:100%;height:auto;display:block;margin:1.6em auto;border:1px solid var(--line)}
.article-body hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}
.article-body a{overflow-wrap:break-word}
.article-body sup{line-height:0}

/* attribution + nav footer */
.article-source{
  margin-top:3.2em;padding-top:1.6em;border-top:1px solid var(--line);
  font-family:"Montserrat",sans-serif;font-size:14px;line-height:1.65;color:var(--muted);
}
.article-source p{margin:0 0 1em}

/* ---- site footer ---- */
.site-footer{background:#f4f4f4;border-top:1px solid var(--line);padding:30px 0;margin-top:0}
.site-footer p{
  font-family:"Montserrat",sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);text-align:center;margin:0;
}

@media (max-width:600px){
  body{font-size:18px}
  .article-title{font-size:28px}
  .article-wrap{padding:36px 0 52px}
}