/* Dwelling's Digest - blogger-simple-2010 journal shell */
:root{
  --canvas:#eceae4; --surface:#ffffff; --ink:#23211d; --meta:#6b6660;
  --accent:#7a4a1f; --rule:#d8d3c9;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--canvas); color:var(--ink);
  font:16.5px/1.62 Georgia,"Times New Roman",serif;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
img{max-width:100%; height:auto}
.skip{position:absolute; left:-9999px}
.skip:focus{left:8px; top:8px; background:#fff; padding:8px 12px; border:1px solid var(--rule); z-index:9}
.shell{max-width:1000px; margin:0 auto; background:var(--surface); border-left:1px solid var(--rule); border-right:1px solid var(--rule); padding:0 32px 8px}
.page{padding:0 0 24px}

/* masthead */
.masthead{padding:34px 0 12px; border-bottom:1px solid var(--rule)}
.masthead h1,.masthead .wordmark{margin:0; font-size:40px; line-height:1.15; font-weight:400; letter-spacing:-.01em}
.masthead a{color:var(--ink)}
.mark{width:28px; height:28px; vertical-align:-3px; margin-right:10px}
.tagline{margin:6px 0 0; font-style:italic; font-size:15px; color:var(--meta)}

/* page links */
.pagelinks{padding:10px 0 12px; border-bottom:1px solid var(--rule); margin-bottom:26px}
.pagelinks ul{margin:0; padding:0; list-style:none}
.pagelinks li{display:inline-block; margin:0 18px 0 0}
.pagelinks a{font:12px/1.6 Verdana,Geneva,sans-serif; text-transform:uppercase; letter-spacing:.09em; color:var(--meta)}
.pagelinks a:hover,.pagelinks a[aria-current="page"]{color:var(--accent)}

/* columns */
.page{display:grid; grid-template-columns:minmax(0,66fr) minmax(0,30fr); column-gap:4%; align-items:start; grid-auto-flow:row dense}
.masthead,.pagelinks,.sitefoot,.clearer{grid-column:1 / -1}
.col-main{grid-column:1}
.col-rail{grid-column:2}
.page > *:not([data-polish-module]):not(.masthead):not(.pagelinks):not(.sitefoot):not(.col-main):not(.col-rail){grid-column:1 / -1}
.clearer{display:none}

/* stream entries */
.entry{padding:0 0 26px; margin:0 0 26px; border-bottom:1px solid var(--rule)}
.entry:last-child{border-bottom:0}
.datehead{font:12px/1.4 Verdana,Geneva,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--meta); padding-bottom:6px; border-bottom:1px solid var(--rule); margin-bottom:12px}
.entry h2,.entry h3{margin:0 0 8px; font-size:26px; line-height:1.25; font-weight:400}
.entry p{margin:0 0 10px; max-width:62ch}
.entrymeta{font:12px/1.6 Verdana,Geneva,sans-serif; color:var(--meta)}
.entrymeta a{color:var(--meta)}
.pager{font:12px/1.6 Verdana,Geneva,sans-serif; text-transform:uppercase; letter-spacing:.09em; padding-top:6px}
.pager span{color:var(--meta)}

/* rail */
.widget{margin:0 0 28px}
.widget h2{margin:0 0 8px; font:bold 13px/1.5 Verdana,Geneva,sans-serif; text-transform:uppercase; letter-spacing:.09em; color:var(--meta); border-bottom:1px solid var(--rule); padding-bottom:5px}
.widget p{margin:0 0 8px; font-size:14.5px}
.widget ul{margin:0; padding:0; list-style:none; font:13px/1.9 Verdana,Geneva,sans-serif}
.widget li{border-bottom:1px dotted var(--rule)}
.widget li:last-child{border-bottom:0}
.count{color:var(--meta)}
.tree{margin:0; padding:0; list-style:none}
.tree > li > span{font:bold 13px/1.9 Verdana,Geneva,sans-serif}
.tree ul{margin:0 0 4px 14px; border-left:1px solid var(--rule); padding-left:10px}
.tree ul li{border-bottom:0}

/* article */
.post{padding:6px 0 0}
.post h1{margin:0 0 10px; font-size:30px; line-height:1.24; font-weight:400}
.post p{margin:0 0 16px; max-width:62ch; font-size:17px}
.post h2{margin:26px 0 10px; font-size:21px; font-weight:400}
.post ul{max-width:62ch}
.post li{margin:0 0 10px}
.contents{margin:0 0 22px; padding:14px 18px; background:#f7f5f1; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule)}
.contents h2{margin:0 0 6px; font:bold 12px/1.5 Verdana,Geneva,sans-serif; text-transform:uppercase; letter-spacing:.09em; color:var(--meta)}
.contents ul{margin:0; padding-left:18px; font-size:15px}
.labels{font:12px/1.9 Verdana,Geneva,sans-serif; color:var(--meta); border-top:1px solid var(--rule); padding-top:10px; margin-top:24px}
.postnav{font:12px/1.9 Verdana,Geneva,sans-serif; text-transform:uppercase; letter-spacing:.09em; padding-top:8px}
.postnav a{margin-right:22px}
.defs{margin:0}
.defs dt{font-size:18px; margin:22px 0 4px}
.defs dd{margin:0; max-width:62ch}

/* footer */
.sitefoot{clear:both; border-top:1px solid var(--rule); padding:18px 0 26px; text-align:center; font:12px/1.9 Verdana,Geneva,sans-serif; color:var(--meta)}
.sitefoot .fname{font:16px/1.4 Georgia,serif; color:var(--ink); display:block; margin-bottom:4px}
.sitefoot a{color:var(--meta); margin:0 8px}

@media (max-width:760px){
  .shell{padding:0 18px 8px; border-left:0; border-right:0}
  .page{display:block}
  .col-rail{margin-top:34px; border-top:1px solid var(--rule); padding-top:20px}
  .masthead h1,.masthead .wordmark{font-size:27px}
  .tagline{font-size:14px}
  .pagelinks li{margin:0 14px 4px 0}
  .pagelinks a{display:inline-block; padding:11px 0; min-height:44px}
  .datehead{margin-bottom:8px}
  .entry h2,.entry h3{font-size:22px}
  .post h1{font-size:25px}
  .post p,.entry p{font-size:16.5px; max-width:none}
  .widget h2{margin-top:24px}
  .postnav a,.postnav span{display:block; width:100%; padding:6px 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}