:root{
  --ink:#2b2b28;
  --muted:#7a7a72;
  --line:#e6e3dc;
  --accent:#4a6b4f;
  --bg:#fbfaf7;
  --soft:#f3f1eb;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:17px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(74,107,79,.28)}
a:hover{border-bottom-color:var(--accent)}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}

.hdr{border-bottom:1px solid var(--line);background:rgba(251,250,247,.92)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--ink);border-bottom:none;letter-spacing:-.2px}
.brand:hover{border-bottom:none;color:var(--accent)}
.nav{display:flex;gap:20px;flex-wrap:wrap;font-size:15px}
.nav a{color:#5c5c55;border-bottom:1px solid transparent;padding:3px 0}
.nav a:hover{color:var(--accent);border-bottom:none}
.nav a.on{color:var(--accent);border-bottom:1px solid rgba(74,107,79,.5)}

main{padding-top:44px;padding-bottom:52px}
h1{font:600 30px/1.25 Georgia,"Times New Roman",serif;margin:0 0 18px;letter-spacing:-.4px}
h2{font:600 21px/1.3 Georgia,"Times New Roman",serif;margin:0 0 16px;letter-spacing:-.2px}
p{margin:0 0 16px}
.intro p{font-size:17.5px}
.lead{color:#55554e;font-size:16.5px;margin-bottom:34px}
hr{border:0;border-top:1px solid var(--line);margin:38px 0}
section{margin-bottom:8px}

ul.plain{list-style:none;margin:0 0 8px;padding:0}
ul.plain li{padding-left:20px;position:relative;margin:9px 0;color:#4a4a44}
ul.plain li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:rgba(74,107,79,.45)}

ul.posts{list-style:none;margin:0;padding:0}
ul.posts li{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--line)}
ul.posts li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
ul.posts time{display:block;font-size:13.5px;color:var(--muted);letter-spacing:.02em;margin-bottom:5px}
ul.posts a{font-size:17.5px;font-weight:600;border-bottom:none}
ul.posts a:hover{border-bottom:1px solid rgba(74,107,79,.5)}
ul.posts p{margin:7px 0 0;color:#55554e;font-size:16px}
.more{margin-top:22px;font-size:16px}

article.post{margin-bottom:44px;padding-bottom:8px}
article.post h2{margin-bottom:4px}
.date{color:var(--muted);font-size:13.5px;margin:0 0 16px}

table.status{width:100%;border-collapse:collapse;margin:8px 0 34px;font-size:15.5px}
table.status th,table.status td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}
table.status th{font-weight:600;color:#43433d;background:var(--soft)}
.tag{display:inline-block;font-size:12.5px;padding:2px 9px;border-radius:11px;white-space:nowrap}
.tag.ok{background:#e6efe6;color:#3d5c42}
.tag.wait{background:#f4efe1;color:#7a6430}
.tag.done{background:#eceae4;color:#6a6a62}

dl.info{display:grid;grid-template-columns:210px 1fr;gap:10px 20px;margin:0 0 10px}
dl.info dt{color:var(--muted);font-size:15.5px}
dl.info dd{margin:0;font-size:15.5px}

.ftr{border-top:1px solid var(--line);padding:22px 0 34px;font-size:14.5px;color:var(--muted)}
.ftr .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dot{color:#c8c5bd}

@media (max-width:640px){
  body{font-size:16.5px}
  h1{font-size:26px}
  main{padding-top:32px}
  dl.info{grid-template-columns:1fr;gap:0}
  dl.info dd{margin-bottom:14px}
  table.status{font-size:14.5px}
  .hdr-in{min-height:auto;padding-top:12px;padding-bottom:12px;gap:10px}
}