:root{--canvas:#f2efe9;--surface:#ffffff;--text:#2c2825;--meta:#4a443d;--accent:#7a5230;--rule:#d9d2c6}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--text);font:17px/1.62 Georgia,'Times New Roman',serif}
a{color:var(--accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px}
.skip:focus{left:8px;z-index:5}
.wrap{max-width:1000px;margin:0 auto;background:var(--surface);border-left:1px solid var(--rule);border-right:1px solid var(--rule);padding:0 32px 40px}
.grid{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto auto min-content 1fr auto;column-gap:48px;align-items:start}
.m-title{grid-column:1 / -1;padding:34px 0 10px;display:flex;gap:18px;align-items:center}
.m-title img{width:56px;height:56px;display:block}
.m-title h1,.m-title .sitename{font:400 38px/1.15 Georgia,serif;margin:0;letter-spacing:.01em}
.m-title p{margin:6px 0 0;font-style:italic;font-size:15px;color:var(--meta)}
.m-nav{grid-column:1 / -1;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:9px 0;margin-bottom:28px}
.m-nav a{font:13px/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.09em;margin-right:22px;text-decoration:none}
.m-nav a:hover{text-decoration:underline}
.m-lead{grid-column:1;grid-row:3 / 5}
.m-stream{grid-column:1;grid-row:5;margin-top:34px}
.m-rail{grid-column:2;grid-row:3}
.m-labels{grid-column:2;grid-row:4}
.m-foot{grid-column:1 / -1;border-top:1px solid var(--rule);margin-top:40px;padding-top:16px;text-align:center;font:12px/1.7 Arial,Helvetica,sans-serif;color:var(--meta)}
.m-foot a{margin:0 8px}
.date-rule{font:12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--meta);border-bottom:1px solid var(--rule);padding-bottom:5px;margin:0 0 8px}
h2.entry-title{font:400 26px/1.25 Georgia,serif;margin:0 0 10px}
h1.entry-title{font:400 30px/1.22 Georgia,serif;margin:0 0 12px}
.entry-title a{text-decoration:none}
.entry-title a:hover{text-decoration:underline}
.swatch{margin:0 0 18px}
.swatch img{width:120px;height:120px;display:block;border:1px solid var(--rule)}
.swatch figcaption{font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--meta);margin-top:6px}
.entry-body p{margin:0 0 16px;max-width:38em}
.meta{font:13px/1.6 Arial,Helvetica,sans-serif;color:var(--meta);margin:10px 0 0}
.meta a{text-decoration:none}
.entry-row{padding:22px 0;border-bottom:1px solid var(--rule);display:flex;gap:18px;align-items:flex-start}
.entry-row .thumb{width:72px;height:72px;flex:0 0 72px;border:1px solid var(--rule)}
.entry-row p.excerpt{margin:0;max-width:36em}
.rail-block{margin:0 0 30px}
.rail-block h2{font:13px/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--meta);border-bottom:1px solid var(--rule);padding-bottom:5px;margin:0 0 10px}
.rail-block p{font:14px/1.65 Georgia,serif;margin:0 0 10px}
.rail-block ul{list-style:none;margin:0;padding:0;font:13px/1.5 Arial,Helvetica,sans-serif}
.rail-block li{padding:5px 0;border-bottom:1px solid #efece5}
.rail-block li a{text-decoration:none}
.rail-block li a:hover{text-decoration:underline}
.archive-tree > li > span{font-weight:bold;color:var(--meta)}
.archive-tree ul{margin:4px 0 0 14px}
.pager{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);margin-top:24px;padding-top:14px;font:13px/1.5 Arial,Helvetica,sans-serif}
.pager span{color:var(--meta)}
.section-head{font:400 26px/1.25 Georgia,serif;margin:0 0 14px}
@media (max-width:760px){
 .wrap{padding:0 20px 32px;border-left:0;border-right:0}
 .grid{display:block}
 .m-title{display:block;padding-top:24px}
 .m-title img{width:44px;height:44px;margin-bottom:10px}
 .m-title h1,.m-title .sitename{font-size:30px}
 .m-nav{text-align:center;padding:12px 0}
 .m-nav a{display:inline-block;margin:5px 11px;font-size:14px}
 .m-rail,.m-labels{margin-top:34px}
 .m-stream{margin-top:28px}
 .rail-block h2{font-size:15px}
 .rail-block li{padding:10px 0}
 .swatch img{width:100%;height:auto;max-height:200px;object-fit:cover}
 .entry-row{gap:14px}
 .entry-row .thumb{width:60px;height:60px;flex:0 0 60px}
 .pager{display:block}
 .pager a,.pager span{display:block;padding:8px 0}
}
@media (max-width:480px){ .wrap{padding:0 14px 28px} }