/* Heid Ed Wed - static archive */
*,*::before,*::after{box-sizing:border-box}
:root{
  --ink:#2e2a26; --muted:#7a7068; --rule:#e4ddd4; --bg:#fbf8f4;
  --accent:#8c5b4f; --accent-soft:#f0e6e0;
}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:17px/1.65 Georgia,"Iowan Old Style",'Times New Roman',serif;
}
.wrap{max-width:44rem;margin:0 auto;padding:0 1.25rem}
a{color:var(--accent)} a:hover{text-decoration:none}

header.site{text-align:center;padding:3rem 0 1.5rem;border-bottom:1px solid var(--rule);margin-bottom:2rem}
header.site h1{margin:0;font-size:2.6rem;letter-spacing:.02em;font-weight:normal}
header.site h1 a{color:var(--ink);text-decoration:none}
header.site .tagline{color:var(--muted);font-style:italic;margin-top:.4rem;letter-spacing:.08em}
nav.site{margin-top:1.4rem}
nav.site a{
  display:inline-block;margin:0 .55rem;font-family:system-ui,sans-serif;
  font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;text-decoration:none
}
nav.site a:hover{text-decoration:underline}

article{margin-bottom:3.5rem}
article h2, article h1.entry{font-size:1.75rem;font-weight:normal;line-height:1.25;margin:0 0 .3rem}
article h2 a{color:var(--ink);text-decoration:none}
article h2 a:hover{color:var(--accent)}
.date{
  color:var(--muted);font-family:system-ui,sans-serif;font-size:.78rem;
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.1rem
}
.entry-content img{max-width:100%;height:auto;border-radius:2px;margin:.6rem 0}
.video-embed{position:relative;width:100%;aspect-ratio:16/9;margin:1.6rem 0;
  background:#000;border-radius:3px;overflow:hidden}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
figure.wp-caption{margin:1.4rem 0;max-width:100%}
figure.wp-caption img{margin:0;display:block}
figure.wp-caption figcaption{
  font-family:system-ui,sans-serif;font-size:.8rem;line-height:1.45;
  color:var(--muted);margin-top:.45rem;font-style:italic
}
figure.aligncenter{margin-left:auto;margin-right:auto;text-align:center}
figure.aligncenter figcaption{text-align:center}
.entry-content .alignleft{float:left;margin:.4rem 1.2rem .8rem 0;max-width:50%}
.entry-content .alignright{float:right;margin:.4rem 0 .8rem 1.2rem;max-width:50%}
article::after{content:"";display:block;clear:both}
@media (max-width:34rem){
  .entry-content .alignleft,.entry-content .alignright{float:none;margin:.8rem 0;max-width:100%}
}
.entry-content p{margin:0 0 1.1rem}
.entry-content a.more{font-family:system-ui,sans-serif;font-size:.85rem}
.entry-content iframe,.entry-content object,.entry-content embed{max-width:100%}

.toc{list-style:none;padding:0;margin:0}
.toc li{padding:.7rem 0;border-bottom:1px solid var(--rule);display:flex;gap:1rem;align-items:baseline}
.toc .d{
  color:var(--muted);font-family:system-ui,sans-serif;font-size:.72rem;
  letter-spacing:.06em;white-space:nowrap;min-width:6.5rem
}
.toc a{text-decoration:none;color:var(--ink)}
.toc a:hover{color:var(--accent);text-decoration:underline}

.comments{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--rule)}
.comments h3{
  font-family:system-ui,sans-serif;font-size:.78rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 1rem
}
.comment{background:var(--accent-soft);border-radius:4px;padding:.9rem 1.1rem;margin-bottom:.8rem}
.comment .who{font-weight:bold}
.comment .when{color:var(--muted);font-size:.8rem;font-family:system-ui,sans-serif;margin-left:.4rem}
.comment p{margin:.35rem 0 0}

.pager{display:flex;justify-content:space-between;gap:1rem;margin:2.5rem 0 0;
  font-family:system-ui,sans-serif;font-size:.85rem}
.pager a{text-decoration:none}
.pager span{color:var(--muted)}

footer.site{
  margin-top:4rem;padding:1.75rem 0 3rem;border-top:1px solid var(--rule);
  color:var(--muted);font-size:.85rem;line-height:1.6
}
footer.site .note{
  font-family:system-ui,sans-serif;font-size:.8rem;background:#fff;
  border:1px solid var(--rule);border-radius:4px;padding:.85rem 1rem;margin-bottom:1rem
}
footer.site .sig{text-align:center;font-style:italic}

@media (max-width:34rem){
  body{font-size:16px}
  header.site{padding-top:2rem}
  header.site h1{font-size:2rem}
  .toc li{flex-direction:column;gap:.15rem}
  .toc .d{min-width:0}
}