/* The Mending Bench — one hand-written sheet. No web fonts, no scripts. */
:root{
  --text:#1b1b1d;
  --muted:#6b6b70;
  --rule:#cfcfc9;
  --bg:#fcfcfa;
  --head:#efece6;
  --link:#5a3a34;
}
html{background:var(--bg);color:var(--text)}
body{
  margin:0;
  font:16px/1.72 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,system-ui,sans-serif;
}
.shell{max-width:47rem;margin:0 auto;padding:0 1.2rem}
.top{
  padding:1.7rem 0 1.1rem;
  border-bottom:1px solid var(--rule);
  background:var(--head);
}
.name{
  margin:0;
  font-size:1.5rem;
  letter-spacing:.01em;
  color:#3a2621;
}
.sub{margin:.3rem 0 .9rem;color:var(--muted);font-size:.9rem}
.menu{margin:0;font-size:.92rem;line-height:2.1}
.menu a{
  color:var(--link);
  text-decoration:none;
  margin-right:1rem;
  border-bottom:1px solid var(--rule);
}
.menu a:hover{border-bottom-color:var(--link)}
.menu2{display:inline;margin:0}
main{padding:1.7rem 0 2rem}
.opener{margin:0 0 1rem;font-size:1.02rem}
.aside-note{
  margin:0 0 1.7rem;
  padding:.55rem .8rem;
  border-left:2px solid var(--rule);
  background:#f4f2ec;
  color:#4e4e52;
  font-size:.9rem;
}
h2{
  font-size:1.14rem;
  margin:1.9rem 0 .6rem;
  color:#3a2621;
}
.post h2{font-size:1.3rem;line-height:1.45;margin-top:.2rem}
.item h3{font-size:1.04rem;margin:0 0 .2rem}
.item h3 a{color:var(--text);text-decoration:none}
.item h3 a:hover{color:var(--link);text-decoration:underline}
.item{margin:0 0 1.35rem}
.stamp{
  margin:.1rem 0 .5rem;
  color:var(--muted);
  font-size:.86rem;
}
.summary{
  margin:0 0 1.1rem;
  padding-bottom:.7rem;
  border-bottom:1px dotted var(--rule);
  color:#41414a;
}
.post p{margin:0 0 1rem}
.post ul{padding-left:1.25rem;margin:0 0 1.1rem}
.post li{margin:.3rem 0}
.fact2,.tally{
  border-collapse:collapse;
  width:100%;
  margin:.6rem 0 1.2rem;
  font-size:.92rem;
}
.fact2 td,.fact2 th,.tally td,.tally th{
  border:1px solid var(--rule);
  padding:.42rem .6rem;
  text-align:left;
  vertical-align:top;
}
.fact2 th{
  width:10rem;
  background:var(--head);
  font-weight:600;
}
.rows td:first-child{
  width:6.5rem;
  font-variant-numeric:tabular-nums;
  color:#4a4a50;
  white-space:nowrap;
}
.tally th{background:var(--head);text-align:left;font-weight:600;width:15rem}
.recent{list-style:none;padding-left:0;margin:0 0 1rem}
.recent li{font-size:.92rem;margin:.35rem 0}
.recent time{color:var(--muted);font-variant-numeric:tabular-nums}
.older{font-size:.92rem;color:var(--muted)}
.sign{
  margin-top:1.4rem;
  padding-top:.8rem;
  border-top:1px dotted var(--rule);
  color:var(--muted);
  font-size:.9rem;
}
.crumbs{
  margin-top:1.7rem;
  font-size:.86rem;
  color:var(--muted);
}
.crumbs a{color:var(--link)}
code{font:13px/1.6 SFMono-Regular,Menlo,Consolas,monospace;background:#f4f2ec;padding:.05rem .25rem}
a{color:var(--link)}
.end{
  border-top:1px solid var(--rule);
  padding:1rem 0 2.2rem;
  color:var(--muted);
  font-size:.85rem;
}
@media (max-width:36rem){
  .fact2 th{width:auto}
  .tally th{width:auto}
  .name{font-size:1.3rem}
}