hr{border:none;}
strong {color:var(--accent);}
.content p em { color:var(--fade); display:block;}
.crumb .root {display:none;}
.crumb .current {display:inline !important;}
.crumb .root.current {display:none !important;}
footer {text-align:center;display: block;}
.meta-key  {font-style:italic;}

footer svg.nx {width: var(--gap);width:33px;overflow: visible;}
svg.nx line,svg.nx polyline {
    fill:none;
    stroke: var(--accent);
    stroke-width: 40px;
    stroke-dasharray: 1400;
    stroke-dashoffset: 1400;
    animation: draw 1.5s cubic-bezier(0.5, 0.5, 0, 1) forwards;
    animation-fill-mode: both;
}
svg.nx line {stroke-dasharray: 600;stroke-dashoffset: 600;animation-delay:2s;}
svg.nx polyline{animation-delay:1s;}
svg.nx polyline+line{stroke-dasharray: 400;stroke-dashoffset: 400;animation-delay:0s;animation-duration:1s;}
@keyframes draw { to {stroke-dashoffset: 0; stroke: var(--fade);}}
footer a:hover svg.nx * {stroke: var(--fore) !important;}


.progress {
    position: relative;
    border-bottom: solid 1px var(--fade);
    line-height: 1;
    padding-bottom: 0.5em;
}
.progress>span {
    position: absolute;
    bottom: 0;
    left: 0;
    border: solid 1px;
}

.logo.grid {gap: 2em;display: flex;flex-direction: row;flex-wrap: wrap;}
.logo.grid img {
    width: 6.75em;
    height: 3em;
    object-fit: contain;
    opacity:0.75;
}
.logo.grid a[href]:hover img {opacity:1;}

.meta-cta {position:relative;z-index:2;}
.meta-cta li.meta-item:first-child {
    display: flex;
    position: fixed;
    bottom: var(--gap);
    flex-direction: column;
    color: var(--fore);
    text-shadow: 0 1px 0px var(--back);
    z-index: 28; 
}
.meta-cta li.meta-item a.cta {
    text-shadow: none;
}

@media (max-width: 767px) {
    footer {padding:6em 0 9em;}
    .logo.grid {gap:1em;justify-content:center;}
    .logo.grid img {width: 5em;height: 2em;}
.meta-cta li.meta-item:first-child {
    width: var(--bodyw);
    font-size: 100%;
    text-align: center;}
}