/* melanieproulx.com — rimouski-courtier-weave-journal-2020 */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:#17212b;background-image:url("/assets/texture-fleuve.svg");
 background-repeat:repeat;color:#1e2831;
 font-family:"Trebuchet MS",Verdana,Geneva,sans-serif;font-size:15px;line-height:1.62}
img{max-width:100%;height:auto}
a{color:#b03a2e;transition:color 120ms linear}
a:hover{color:#8c2c22}
a:focus-visible,button:focus-visible{outline:2px solid #b03a2e;outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:10px;position:fixed;z-index:9;background:#f8f6f2;color:#101820;
 padding:8px 14px;border:1px solid #cbc2b4}
.canvas{max-width:980px;margin:24px auto;padding:0 24px}
.masthead{padding:20px 0 12px;display:flex;align-items:center;gap:18px}
.masthead .mark{width:76px;height:76px;flex:0 0 auto;border:1px solid rgba(248,246,242,.35)}
.identity{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:48px;line-height:1.05;
 font-weight:700;letter-spacing:.01em;color:#f8f6f2;text-shadow:0 1px 0 rgba(0,0,0,.45)}
.identity a{color:inherit;text-decoration:none}
.tagline{margin:6px 0 0;font-family:Verdana,Geneva,sans-serif;font-size:13px;letter-spacing:.04em;
 color:#cdd6de}
.tabrow{background:rgba(9,15,21,.72);border:1px solid rgba(248,246,242,.14)}
.tabrow ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.tabrow a{display:block;padding:0 16px;height:38px;line-height:38px;color:#eef1f4;
 text-decoration:none;font-family:Verdana,Geneva,sans-serif;font-size:11.5px;
 text-transform:uppercase;letter-spacing:.08em;border-right:1px solid rgba(248,246,242,.12)}
.tabrow a:hover{background:rgba(176,58,46,.55);color:#fff}
.tabrow a[aria-current="page"]{background:rgba(176,58,46,.85);color:#fff}
.tabrow a:focus-visible{outline:2px solid #b03a2e;outline-offset:-2px;box-shadow:inset 0 0 0 1px #eef1f4}
.shell{display:grid;grid-template-columns:1fr 300px;gap:32px;margin-top:20px;
 background:rgba(248,246,242,.94);border:1px solid #cbc2b4;border-radius:4px;
 box-shadow:0 1px 0 rgba(0,0,0,.35);padding:28px}
main{min-width:0}
.entry{padding:0 0 8px}
.entry+.entry{margin-top:28px}
.rule-glow{height:1px;background:#cbc2b4;box-shadow:0 2px 0 rgba(176,58,46,.28);
 margin:28px 0;border:0}
.date-badge{display:inline-block;background:#b03a2e;color:#f8f6f2;
 font-family:Verdana,Geneva,sans-serif;font-size:11.5px;letter-spacing:.08em;
 text-transform:uppercase;padding:5px 11px;border:1px solid #8c2c22;
 background-image:url("/assets/texture-fleuve.svg");background-blend-mode:multiply}
.entry-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.entry-title{margin:8px 0 4px;font-family:Georgia,"Times New Roman",serif;font-size:27px;
 line-height:1.2;font-weight:700;color:#101820}
h1.entry-title{font-size:30px}
.entry-title a{color:#101820;text-decoration:none;border-bottom:1px solid rgba(176,58,46,.5)}
.entry-title a:hover{color:#b03a2e}
.entry-meta{margin:0 0 10px;font-family:Verdana,Geneva,sans-serif;font-size:11.5px;
 text-transform:uppercase;letter-spacing:.08em;color:#5c6670}
.entry-body{max-width:34em}
.entry-body p{margin:0 0 12px}
.subhead{margin:20px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:19px;
 font-weight:700;color:#101820}
.steps{margin:0 0 12px;padding:0;list-style:none;max-width:34em}
.steps li{padding:7px 0 7px 20px;border-bottom:1px dotted #cbc2b4;position:relative}
.steps li::before{content:"";position:absolute;left:0;top:15px;width:8px;height:8px;
 background:#b03a2e}
.steps li:last-child{border-bottom:0}
blockquote.temo{margin:0 0 16px;padding:12px 16px;background:#f1ede6;
 border-left:4px solid #b03a2e;max-width:34em}
blockquote.temo p{margin:0 0 8px}
blockquote.temo cite{font-family:Verdana,Geneva,sans-serif;font-size:11.5px;
 text-transform:uppercase;letter-spacing:.08em;color:#5c6670;font-style:normal}
.rail{min-width:0}
.widget{background:rgba(23,33,43,.06);border:1px solid #cbc2b4;padding:14px 16px;margin-bottom:18px}
.widget.dark{background:rgba(23,33,43,.9);border-color:#0d151d}
.widget.dark h2,.widget.dark p,.widget.dark li,.widget.dark a{color:#eef1f4}
.widget.dark a{border-bottom:1px solid rgba(238,241,244,.35)}
.widget h2{margin:0 0 10px;font-family:Verdana,Geneva,sans-serif;font-size:11.5px;
 text-transform:uppercase;letter-spacing:.08em;color:#5c6670;font-weight:700}
.widget p{margin:0 0 8px;font-size:14px}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:5px 0;border-bottom:1px solid rgba(203,194,180,.7);font-size:14px}
.widget li:last-child{border-bottom:0}
.widget a{text-decoration:none;border-bottom:1px solid rgba(176,58,46,.4)}
.widget img{border:1px solid #cbc2b4;display:block}
.archive-year{margin:0 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:22px;color:#101820}
.archive-list{list-style:none;margin:0;padding:0;max-width:36em}
.archive-list li{padding:14px 0;border-bottom:1px solid #cbc2b4}
.archive-list li:last-child{border-bottom:0}
.archive-list h3{margin:6px 0 4px;font-family:Georgia,"Times New Roman",serif;font-size:20px}
.archive-list h3 a{color:#101820;text-decoration:none;border-bottom:1px solid rgba(176,58,46,.5)}
.archive-list p{margin:0;font-size:14px}
.pager{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;
 margin-top:26px;padding-top:14px;border-top:1px solid #cbc2b4;
 font-family:Verdana,Geneva,sans-serif;font-size:11.5px;text-transform:uppercase;
 letter-spacing:.08em}
.sitefoot{margin-top:22px;background:rgba(9,15,21,.86);
 background-image:url("/assets/texture-fleuve.svg");border:1px solid rgba(248,246,242,.14);
 padding:18px 22px;color:#eef1f4}
.sitefoot .inner{background:rgba(9,15,21,.7);padding:2px 0}
.sitefoot h2{margin:0 0 8px;font-family:Verdana,Geneva,sans-serif;font-size:11.5px;
 text-transform:uppercase;letter-spacing:.08em;color:#cdd6de;font-weight:700}
.sitefoot ul{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:14px}
.sitefoot a{color:#eef1f4;text-decoration:none;border-bottom:1px solid rgba(238,241,244,.4);
 font-size:14px}
.sitefoot p{margin:0;font-size:13px;color:#cdd6de}
@media (max-width:1080px){.canvas{padding:0 16px;margin:16px auto}}
@media (max-width:900px){.shell{grid-template-columns:1fr 260px;gap:24px}}
@media (max-width:780px){
 body{background-image:none;background-color:#17212b}
 .canvas{padding:0 16px}
 .shell{display:block;background:rgba(250,249,246,.985);padding:20px}
 .rail{margin-top:26px}
 .rule-glow{box-shadow:none}
 .date-badge{display:block;width:max-content;background-image:none;margin-bottom:2px}
 .entry-head{display:block}
 .entry-title{font-size:22px}
 h1.entry-title{font-size:24px}
 .identity{font-size:34px}
 body{font-size:16px;line-height:1.65}
 .sitefoot{background-image:none}
 .widget img,.masthead .mark{box-shadow:none}
}
@media (max-width:480px){
 .identity{font-size:31px}
 .masthead{gap:12px}
 .masthead .mark{width:60px;height:60px}
 .tabrow ul{display:grid;grid-template-columns:1fr 1fr}
 .tabrow a{height:44px;line-height:44px;border-bottom:1px solid rgba(248,246,242,.12)}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation:none!important}}