:root{
  --bg:#f5f2ec;
  --panel:#fffdf9;
  --ink:#24211d;
  --muted:#7a7268;
  --rule:#e3ddd2;
  --accent:#8a5a35;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#1b1a18;
    --panel:#23211f;
    --ink:#ece6dc;
    --muted:#a39a8e;
    --rule:#36322d;
    --accent:#d39a6a;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px/1.65 Georgia,"Times New Roman",serif;
}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
header.site{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;
  padding:36px 0 22px;border-bottom:1px solid var(--rule);margin-bottom:28px;
}
.logo{font-size:28px;letter-spacing:.02em;color:var(--ink);text-decoration:none}
.logo span{color:var(--accent)}
nav.main{display:flex;gap:18px;margin-left:auto;font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
nav.main a{color:var(--muted);text-decoration:none;padding:2px 0;border-bottom:1px solid transparent}
nav.main a:hover,nav.main a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
.lede{color:var(--muted);max-width:60ch;margin:0 0 26px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 40px}
.ph{display:block;text-decoration:none;color:var(--muted)}
.ph img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:var(--rule);border-radius:3px}
.ph span{display:block;font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin-top:6px}
@media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}
article{background:var(--panel);border:1px solid var(--rule);border-radius:4px;padding:22px 24px;margin:0 0 20px;max-width:70ch}
article h2{font-weight:normal;font-size:22px;margin:0 0 4px}
article time{display:block;color:var(--muted);font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin-bottom:12px}
article p{margin:0 0 12px}
article p:last-child{margin-bottom:0}
.page{max-width:62ch}
footer.site{border-top:1px solid var(--rule);margin-top:24px;padding:18px 0 36px;color:var(--muted);
  font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}