/* Wooden Nickel Home - paper journal sheet */
:root{
  --canvas:#E8DCC6; --surface:#F7F1E3; --ink:#3A3733; --accent:#C08497; --rule:#D8CCB4;
  --script:"Segoe Script","Brush Script MT","Palatino Linotype",Georgia,serif;
  --serif:Georgia,"Times New Roman",serif;
  --meta:Verdana,Geneva,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--canvas);font-family:var(--serif);font-size:17px;line-height:1.68}
.canvas{background-color:var(--canvas);background-image:url("/assets/paper-texture.svg");background-repeat:repeat;padding:28px 16px 48px}
.sheet{position:relative;max-width:1000px;margin:0 auto;background:var(--surface);border:1px solid var(--rule);padding:34px}
.sheet::before,.sheet::after{content:"";position:absolute;top:8px;width:104px;height:104px;background:url("/assets/watermark-corner.svg") no-repeat center/contain;opacity:.5;pointer-events:none}
.sheet::before{left:8px}
.sheet::after{right:8px;transform:scaleX(-1)}
@media (min-width:861px){
  .sheet{display:grid;grid-template-columns:1fr 336px;column-gap:34px;align-items:start}
  .m-full{grid-column:1 / -1}
  .m-stream{grid-column:1}
  .m-rail{grid-column:2}
  .r-3{grid-row:3}.r-4{grid-row:4}
}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--accent)}
a:hover{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--serif);font-weight:normal;line-height:1.24;margin:0 0 10px}
img{max-width:100%;height:auto}

.masthead{text-align:center;padding:6px 0 0}
.masthead .mark{display:block;width:54px;height:54px;margin:0 auto 6px}
.masthead .mast-title{font-family:var(--script);font-size:44px;letter-spacing:.4px;line-height:1.2;margin:0}
.masthead .subject{font-family:var(--meta);font-size:16px;color:#5d574f;max-width:560px;margin:8px auto 0}
.stitch{display:block;width:100%;height:11px;margin:16px 0 0;background:url("/assets/rule-stitch.svg") repeat-x left center;border:0}

.ribbon{margin:14px 0 22px;padding:9px 6px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:center}
.ribbon a{display:inline-block;font-family:var(--meta);font-size:13px;letter-spacing:1.4px;padding:6px 11px;border:0}
.ribbon a:hover{color:var(--accent)}

.entry{border-bottom:1px dashed var(--rule);padding-bottom:24px;margin-bottom:26px}
.entry:last-child{border-bottom:0;margin-bottom:0}
.entry h2,.entry h1.entry-title{font-size:23px;margin-bottom:6px}
.lead .entry-title{font-size:28px}
.entry-meta{font-family:var(--meta);font-size:13px;color:#6a6259;margin:0 0 14px}
.entry-meta .nickel{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:7px;background:url("/assets/mark-wooden-nickel.svg") no-repeat center/contain}
.entry-meta a{border-bottom:1px solid var(--rule)}
.entry-body{max-width:66ch}
.entry-body p{margin:0 0 15px}
.entry-body h2{font-size:20px;margin:24px 0 8px}
.entry-body ol{margin:0 0 15px;padding-left:22px}
.entry-body ol li{margin:0 0 9px}
.headpiece{display:block;width:100%;max-width:430px;margin:0 0 14px;opacity:.75}
.permalink{font-family:var(--meta);font-size:12.5px;color:#7b7268;margin:12px 0 0}

.widget{margin:0 0 26px}
.widget-head{font-family:var(--meta);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#6a6259;margin:0 0 9px;padding:0 0 6px;border-bottom:2px solid var(--accent)}
.widget p{font-family:var(--meta);font-size:13px;line-height:1.66;margin:0 0 10px}
.widget ul{list-style:none;margin:0;padding:0;font-family:var(--meta);font-size:13px}
.widget li{padding:4px 0;border-bottom:1px solid var(--rule)}
.widget li:last-child{border-bottom:0}

.label-cloud{padding-top:6px}
.label-cloud ul{list-style:none;margin:0;padding:0}
.label-cloud li{display:inline-block;margin:0 10px 8px 0;font-family:var(--meta);font-size:13px}

.paper-footer{margin-top:30px;padding-top:16px;border-top:1px solid var(--rule);font-family:var(--meta);font-size:12.5px;color:#6a6259}
.paper-footer p{margin:0 0 8px}
.paper-footer a{border-bottom:1px solid var(--rule)}

.month{font-family:var(--meta);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#6a6259;margin:26px 0 10px;padding-bottom:5px;border-bottom:1px solid var(--rule)}
.archive-list{list-style:none;margin:0;padding:0}
.archive-list li{padding:9px 0;border-bottom:1px dashed var(--rule)}
.archive-list .t{font-size:19px}
.archive-list .d{display:block;font-family:var(--meta);font-size:12.5px;color:#6a6259}
.intro{max-width:66ch}
.intro p{margin:0 0 15px}
.pager{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--rule);font-family:var(--meta);font-size:13px}
.pager p{margin:0 0 7px}

@media (max-width:860px){
  .canvas{background-image:none;padding:14px 0 30px}
  .sheet{padding:20px 16px;border-left:0;border-right:0}
  .sheet::before,.sheet::after{display:none}
  .masthead .mast-title{font-size:30px}
  .masthead .subject{font-size:14.5px}
  body{font-size:16.5px}
  .entry-body{max-width:none}
  .ribbon a{padding:12px 10px;min-height:44px;line-height:20px}
  .label-cloud li{margin-bottom:12px}
  .label-cloud a{display:inline-block;min-height:44px;line-height:44px}
  .headpiece{max-width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}