:root{
  --canvas:#EFE7D6; --surface:#F7F1E3; --ink:#3A3733; --meta:#6B6459;
  --accent:#4E8C8A; --rule:#D8CDB4; --deep:#2F6663;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background-color:var(--canvas); color:var(--ink);
  font:16px/1.62 Georgia,'Times New Roman',serif;
  background-image:
    repeating-linear-gradient(0deg,rgba(58,55,51,.030) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(90deg,rgba(58,55,51,.022) 0 1px,transparent 1px 5px);
}
a{color:var(--deep)}
a:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--surface);padding:8px 14px;z-index:9}
.skip:focus{left:8px;top:8px}
.sheet{
  max-width:1040px; margin:0 auto; background:var(--surface); position:relative;
  border-left:1px solid var(--rule); border-right:1px solid var(--rule);
  box-shadow:0 0 0 1px rgba(216,205,180,.6);
}
.sheet::before,.sheet::after{
  content:""; position:absolute; width:126px; height:126px; pointer-events:none; opacity:.5;
  background:
    radial-gradient(circle at 12px 12px, var(--rule) 0 3px, transparent 4px),
    radial-gradient(circle at 40px 26px, var(--rule) 0 5px, transparent 6px),
    radial-gradient(circle at 22px 52px, var(--rule) 0 4px, transparent 5px),
    repeating-linear-gradient(135deg, var(--rule) 0 1px, transparent 1px 11px);
  -webkit-mask-image:radial-gradient(circle at 0 0, #000 0 118px, transparent 119px);
  mask-image:radial-gradient(circle at 0 0, #000 0 118px, transparent 119px);
}
.sheet::before{top:0;left:0}
.sheet::after{bottom:0;right:0;transform:rotate(180deg)}
/* masthead */
.masthead{padding:34px 44px 16px;text-align:center;position:relative}
.wordmark{
  margin:0; font-weight:400; font-size:52px; line-height:1.05; letter-spacing:.5px;
  font-family:'Segoe Script','Bradley Hand ITC','Brush Script MT',Georgia,serif;
  color:var(--ink);
}
.wordmark a{color:inherit;text-decoration:none}
.strap{margin:10px auto 0;max-width:60ch;font-size:15px;color:var(--meta);font-style:italic}
.orn-rule{
  margin:16px auto 0;height:11px;max-width:420px;
  background:
    radial-gradient(circle at 50% 50%, var(--accent) 0 3px, transparent 4px) 50% 50%/22px 11px no-repeat,
    linear-gradient(var(--rule),var(--rule)) 0 50%/100% 1px no-repeat;
}
/* ribbon */
.ribbon{
  margin:0 26px; padding:9px 12px; text-align:center;
  background:linear-gradient(#F1E8D3,#E8DDC3);
  border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);
  outline:1px dashed rgba(78,140,138,.45); outline-offset:-4px;
}
.ribbon a{
  font:12px/1.4 Verdana,Geneva,sans-serif; letter-spacing:.10em; text-transform:uppercase;
  color:var(--ink); text-decoration:none; padding:3px 12px; display:inline-block;
}
.ribbon a:hover,.ribbon a[aria-current="page"]{color:var(--deep);text-decoration:underline}
/* body grid */
.wrap{display:grid;grid-template-columns:65% 35%;gap:0;padding:0 26px 8px}
.stream{padding:22px 26px 26px 4px;min-width:0}
.rail{padding:22px 4px 26px 24px;border-left:1px dashed var(--rule);min-width:0}
.lede{border-bottom:2px solid var(--rule);padding-bottom:20px;margin-bottom:6px}
.entry{border-bottom:1px dotted var(--rule);padding:18px 0}
.entry:last-child{border-bottom:none}
.stamp{
  display:inline-block;font:11px/1 Verdana,Geneva,sans-serif;letter-spacing:.12em;
  text-transform:uppercase;color:var(--deep);border:1px solid var(--rule);
  background:#FBF6EA;padding:5px 9px;margin-bottom:10px;
}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;color:var(--ink)}
h1.page-title{font-size:30px;margin:0 0 4px;line-height:1.22}
.lede h2,.entry h2{font-size:25px;margin:0 0 6px;line-height:1.25}
.entry h3{font-size:20px;margin:0 0 6px;line-height:1.3}
.credit{font:12px/1.6 Verdana,Geneva,sans-serif;color:var(--meta);margin:0 0 10px}
.credit .chan{color:var(--deep)}
.excerpt{margin:0;max-width:68ch}
.perma{font:11px/1.6 Verdana,Geneva,sans-serif;margin:9px 0 0}
.daygroup{margin-top:26px}
.daygroup > .stamp{margin-bottom:4px}
/* widgets */
.widget{margin:0 0 26px}
.widget h2{
  font-size:13px;font-family:Verdana,Geneva,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:var(--deep);margin:0 0 10px;padding:0 0 6px 20px;
  border-bottom:1px solid var(--rule);position:relative;
}
.widget h2::before{
  content:"";position:absolute;left:0;top:3px;width:12px;height:12px;
  background:radial-gradient(circle at 50% 50%,var(--accent) 0 3px,transparent 4px),
             linear-gradient(45deg,transparent 45%,var(--rule) 45% 55%,transparent 55%);
}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{font:12px/1.9 Verdana,Geneva,sans-serif;border-bottom:1px dotted var(--rule);padding:2px 0}
.widget li:last-child{border-bottom:none}
.widget p{font:12px/1.75 Verdana,Geneva,sans-serif;color:var(--meta);margin:0 0 8px}
.count{color:var(--meta)}
.labelcloud{font:12px/1.9 Verdana,Geneva,sans-serif}
.labelcloud .lab{display:inline-block;margin:0 12px 7px 0;white-space:nowrap}
/* footer */
.paper-footer{
  margin:0 26px;padding:18px 4px 26px;border-top:1px solid var(--rule);
  outline:1px dashed rgba(216,205,180,.9);outline-offset:-7px;
  font:12px/1.8 Verdana,Geneva,sans-serif;color:var(--meta);text-align:center;
}
.paper-footer .fmark{font-family:'Segoe Script','Brush Script MT',Georgia,serif;font-size:20px;color:var(--ink)}
.paper-footer nav a{margin:0 7px;color:var(--meta)}
.yearstrip a{margin:0 6px}
/* inner pages */
.prose{max-width:68ch}
.prose p{margin:0 0 14px}
.prose h2{font-size:21px;margin:24px 0 8px}
.res{border-bottom:1px dotted var(--rule);padding:14px 0}
.res:last-child{border-bottom:none}
.res h3{font-size:19px;margin:0 0 4px}
.res .pub{font:12px/1.6 Verdana,Geneva,sans-serif;color:var(--meta);margin:0 0 6px}
.bio{background:#FBF6EA;border:1px solid var(--rule);padding:16px 18px;margin:0 0 22px}
.bio p{margin:0 0 10px}
.bio p:last-child{margin:0}
.pager{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);
  margin-top:24px;padding-top:14px;font:12px/1.6 Verdana,Geneva,sans-serif}
.roster{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
.roster li{font:13px/2 Verdana,Geneva,sans-serif;border-bottom:1px dotted var(--rule);
  padding:2px 0;break-inside:avoid}
.monthblock{margin:0 0 20px}
.monthblock h2{font-size:17px;margin:0 0 6px;border-bottom:1px solid var(--rule);padding-bottom:4px}
.dlist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px}
.dlist li{font:12px/1.8 Verdana,Geneva,sans-serif}
img{max-width:100%;height:auto}
@media (max-width:820px){
  body{background-image:none}
  .sheet{border-left:none;border-right:none}
  .sheet::after{display:none}
  .sheet::before{width:84px;height:84px;
    -webkit-mask-image:radial-gradient(circle at 0 0,#000 0 78px,transparent 79px);
    mask-image:radial-gradient(circle at 0 0,#000 0 78px,transparent 79px)}
  .masthead{padding:24px 18px 12px}
  .wordmark{font-size:30px}
  .strap{font-size:14px}
  .ribbon{margin:0 12px;padding:8px 6px}
  .ribbon a{padding:4px 9px}
  .wrap{display:block;padding:0 14px}
  .stream{padding:18px 0}
  .rail{padding:8px 0 20px;border-left:none;border-top:2px solid var(--rule)}
  .lede h2,.entry h2{font-size:21px}
  h1.page-title{font-size:24px}
  .paper-footer{margin:0 12px}
  .roster{columns:1}
}