:root{--canvas:#efe9e6;--surface:#fffdfb;--text:#2f2a2c;--accent:#8c4a5f;--rule:#c8b8b4;--meta:#6d6265}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text);
 font:16px/1.62 Georgia,"Times New Roman",serif}
.page{max-width:860px;margin:0 auto;background:var(--surface);padding:34px 28px 44px}
a{color:var(--accent)}
.skip{position:absolute;left:-9999px;top:0;background:var(--surface);color:var(--accent);
 padding:8px 12px;z-index:9}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
hr.rule{border:0;border-top:1px dotted var(--rule);margin:22px 0}
.masthead .wordmark{margin:0;font-size:40px;font-weight:400;letter-spacing:.01em;line-height:1.14}
.masthead .wordmark a{color:var(--text);text-decoration:none}
.masthead .strap{margin:4px 0 0;font-style:italic;font-size:15px;color:var(--meta)}
.pagelinks{font:12px/1.9 Arial,Helvetica,sans-serif;margin:-6px 0 0}
.pagelinks a{text-decoration:none}
.pagelinks a:hover{text-decoration:underline}
.sep{color:var(--rule);margin:0 4px}
.body-grid{display:grid;grid-template-columns:minmax(0,65fr) 35fr;gap:34px;margin-top:26px}
.stream{min-width:0}
h2.month{margin:26px 0 18px;display:flex;align-items:center;gap:14px;
 font:400 13px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--meta)}
h2.month::before,h2.month::after{content:"";flex:1;border-top:1px dotted var(--rule)}
h2.month span{flex:0 0 auto}
.entry{margin:0 0 4px}
.catline{margin:0 0 3px;font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.catline a{text-decoration:none}
.etitle{margin:0 0 6px;font-size:26px;font-weight:400;line-height:1.25}
.entry.lead h1.etitle{font-size:30px}
.etitle.sm{font-size:20px}
.etitle a{color:var(--text);text-decoration:none}
.etitle a:hover{color:var(--accent)}
.meta{margin:0 0 12px;font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--meta)}
.meta a{color:var(--meta)}
.body,.exc{max-width:34em}
.body p{margin:0 0 14px}
.body h2,.body h3{font-size:20px;font-weight:400;margin:22px 0 10px}
.body blockquote{margin:16px 0;padding-left:16px;border-left:2px dotted var(--rule);color:var(--meta)}
.body img{max-width:100%;height:auto;display:block;margin:16px 0;border:1px solid var(--rule)}
.body ul,.body ol{padding-left:20px}
.exc{margin:0 0 8px}
.perma,.more{margin:0;font:12px/1.7 Arial,Helvetica,sans-serif}
.more{margin-top:16px}
.sectlabel{margin:26px 0 8px;font:400 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.14em;
 text-transform:uppercase;color:var(--meta)}
.ptitle{margin:0 0 6px;font-size:30px;font-weight:400;line-height:1.2}
.ptext{max-width:34em;margin:0 0 12px}
.ptext.count{font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--meta)}
.pn{font:12px/1.8 Arial,Helvetica,sans-serif;margin:0 0 10px;display:flex;
 flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
.archlist{list-style:none;margin:0 0 4px;padding:0}
.archlist li{margin:0 0 5px;line-height:1.45}
.archlist .d{display:inline-block;min-width:56px;font:11px/1.6 Arial,Helvetica,sans-serif;color:var(--meta)}
.rail{min-width:0;font-size:14px}
.wtitle{margin:18px 0 7px;font:400 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.14em;
 text-transform:uppercase;color:var(--meta)}
.widget .wtitle:first-child{margin-top:0}
.rail .ptext{font-size:13.5px;line-height:1.58;margin:0 0 10px}
.wlist{list-style:none;margin:0 0 6px;padding:0;font:12px/1.85 Arial,Helvetica,sans-serif}
.wlist a{text-decoration:none}
.wlist a:hover{text-decoration:underline}
.wlist .ct{color:var(--meta)}
.wlist.months{max-height:none}
.foot{margin-top:30px}
.foot p{margin:0;font:12px/1.8 Arial,Helvetica,sans-serif;color:var(--meta)}
.foot a{text-decoration:none}
@media (max-width:720px){
 .page{padding:22px 16px 34px;max-width:none}
 .body-grid{grid-template-columns:1fr;gap:0}
 .rail{order:2;border-top:1px dotted var(--rule);margin-top:24px;padding-top:6px}
 .stream{order:1}
 .masthead .wordmark{font-size:30px}
 .pagelinks{line-height:2.1;font-size:14px}
 .etitle{font-size:21px}
 .entry.lead h1.etitle{font-size:24px}
 h2.month{margin:24px 0 16px;gap:10px}
 .body,.exc,.ptext{max-width:none}
 .meta{line-height:1.75}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}