.wtfto-tvn-section{margin:34px auto;padding:24px;background:#fff;color:#111;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}.wtfto-tvn-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.wtfto-tvn-kicker{margin:0 0 6px;color:#d71920;text-transform:uppercase;font-weight:800;letter-spacing:.08em;font-size:.78rem}.wtfto-tvn-section h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:.95;text-transform:uppercase;letter-spacing:-.04em}.wtfto-tvn-section-head p:last-child{margin:8px 0 0;font-weight:650}.wtfto-tvn-view-all{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;background:#d71920;color:#fff!important;text-decoration:none;font-weight:800;text-transform:uppercase;white-space:nowrap}.wtfto-tvn-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px}.wtfto-tvn-layout-grid .wtfto-tvn-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));overflow:visible}.wtfto-tvn-card{flex:0 0 285px;scroll-snap-align:start;background:#f6f6f6;border:1px solid rgba(0,0,0,.12)}.wtfto-tvn-card-link{display:block;color:inherit!important;text-decoration:none!important;height:100%}.wtfto-tvn-image{position:relative;min-height:165px;background:#222 center/cover no-repeat;filter:grayscale(1);overflow:hidden}.wtfto-tvn-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45))}.wtfto-tvn-badge{position:absolute;left:10px;bottom:10px;z-index:1;background:#d71920;color:#fff;font-size:.72rem;font-weight:900;padding:6px 8px;text-transform:uppercase;letter-spacing:.06em}.wtfto-tvn-card-body{padding:14px}.wtfto-tvn-region{display:inline-block;margin-bottom:8px;color:#d71920;font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.wtfto-tvn-card h3{margin:0 0 8px;font-size:1.25rem;line-height:1.05}.wtfto-tvn-card p{margin:0;font-size:.95rem;line-height:1.35}.wtfto-tvn-empty{padding:18px;border:1px dashed rgba(0,0,0,.35);display:flex;flex-direction:column;gap:4px}.wtfto-tvn-article{max-width:980px;margin:0 auto;padding:28px 18px}.wtfto-tvn-article .wtfto-tvn-title{font-size:clamp(2.2rem,6vw,5rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase;margin:0 0 16px}.wtfto-tvn-article .wtfto-tvn-deck{font-size:1.15rem;font-weight:650;margin-bottom:24px}.wtfto-tvn-article-label{display:inline-block;background:#d71920;color:#fff;padding:7px 10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.wtfto-tvn-content{font-size:1.05rem;line-height:1.65}.wtfto-tvn-content h2{border-left:6px solid #d71920;padding-left:12px;text-transform:uppercase;letter-spacing:-.02em}.wtfto-then-vs-now-page.dark-mode .wtfto-tvn-section,.dark-mode .wtfto-tvn-section,body.dark .wtfto-tvn-section{background:#050505;color:#fff;border-color:rgba(255,255,255,.16)}.wtfto-then-vs-now-page.dark-mode .wtfto-tvn-card,.dark-mode .wtfto-tvn-card,body.dark .wtfto-tvn-card{background:#111;border-color:rgba(255,255,255,.16)}@media (max-width:700px){.wtfto-tvn-section{padding:18px;margin:24px auto}.wtfto-tvn-section-head{align-items:flex-start;flex-direction:column}.wtfto-tvn-card{flex-basis:82vw}.wtfto-tvn-view-all{width:100%}}

/* v0.1.1 inline image wrap for THEN vs NOW article bodies */
@media (min-width:900px){
.wtfto-tvn-content{overflow:visible!important;}
.wtfto-tvn-content img.alignleft,.wtfto-tvn-content figure.alignleft,.wtfto-tvn-content .wp-caption.alignleft,.wtfto-tvn-content .wtfto-tvn-inline-media.alignleft{float:left!important;display:block!important;width:auto!important;max-width:42%!important;height:auto!important;margin:.35rem 1.45rem 1rem 0!important;clear:none!important;}
.wtfto-tvn-content img.alignright,.wtfto-tvn-content figure.alignright,.wtfto-tvn-content .wp-caption.alignright,.wtfto-tvn-content .wtfto-tvn-inline-media.alignright{float:right!important;display:block!important;width:auto!important;max-width:42%!important;height:auto!important;margin:.35rem 0 1rem 1.45rem!important;clear:none!important;}
.wtfto-tvn-content .wtfto-tvn-inline-media.alignleft img,.wtfto-tvn-content .wtfto-tvn-inline-media.alignright img,.wtfto-tvn-content figure.alignleft img,.wtfto-tvn-content figure.alignright img,.wtfto-tvn-content .wp-caption.alignleft img,.wtfto-tvn-content .wp-caption.alignright img{display:block!important;max-width:100%!important;width:100%!important;height:auto!important;}
.wtfto-tvn-content p{overflow:visible!important;}
.wtfto-tvn-content:after{content:"";display:table;clear:both;}
}
@media (max-width:899px){
.wtfto-tvn-content img.alignleft,.wtfto-tvn-content img.alignright,.wtfto-tvn-content figure.alignleft,.wtfto-tvn-content figure.alignright,.wtfto-tvn-content .wp-caption.alignleft,.wtfto-tvn-content .wp-caption.alignright,.wtfto-tvn-content .wtfto-tvn-inline-media.alignleft,.wtfto-tvn-content .wtfto-tvn-inline-media.alignright{float:none!important;display:block!important;width:100%!important;max-width:100%!important;margin:1rem auto!important;}
}


/* v0.1.2: magazine-style image labels */
.wtfto-tvn-content .wtfto-magazine-image{box-sizing:border-box}
.wtfto-tvn-content .wtfto-magazine-image img{display:block;max-width:100%;height:auto}
.wtfto-tvn-content .wtfto-magazine-caption{display:block;margin-top:4px;font-size:.68rem;line-height:1.25;color:rgba(0,0,0,.58);font-style:normal;letter-spacing:.01em}
.wtfto-tvn-content .wtfto-image-caption-main,.wtfto-tvn-content .wtfto-image-caption-source{display:block}
.wtfto-tvn-content .wtfto-image-caption-main{font-weight:650}
.wtfto-tvn-content .wtfto-image-caption-source{opacity:.82}
.wtfto-then-vs-now-page.dark-mode .wtfto-tvn-content .wtfto-magazine-caption,.dark-mode .wtfto-tvn-content .wtfto-magazine-caption,body.dark .wtfto-tvn-content .wtfto-magazine-caption{color:rgba(255,255,255,.64)}


/* v0.4.3: hard desktop magazine wrap for THEN vs NOW body images, matching the B-site behaviour */
@media (min-width:900px){
  .wtfto-tvn-content figure.wp-block-image.alignleft,
  .wtfto-tvn-content figure.alignleft,
  .wtfto-tvn-content .wp-caption.alignleft,
  .wtfto-tvn-content img.alignleft,
  .wtfto-tvn-content .wtfto-tvn-auto-wrap,
  .wtfto-tvn-content .wtfto-tvn-inline-media.alignleft,
  .wtfto-tvn-content .wtfto-magazine-image.alignleft{
    float:left!important;
    clear:none!important;
    display:block!important;
    width:auto!important;
    max-width:min(42%,360px)!important;
    height:auto!important;
    margin:.35rem 1.45rem 1rem 0!important;
  }
  .wtfto-tvn-content figure.wp-block-image.alignright,
  .wtfto-tvn-content figure.alignright,
  .wtfto-tvn-content .wp-caption.alignright,
  .wtfto-tvn-content img.alignright,
  .wtfto-tvn-content .wtfto-tvn-inline-media.alignright,
  .wtfto-tvn-content .wtfto-magazine-image.alignright{
    float:right!important;
    clear:none!important;
    display:block!important;
    width:auto!important;
    max-width:min(42%,360px)!important;
    height:auto!important;
    margin:.35rem 0 1rem 1.45rem!important;
  }
  .wtfto-tvn-content figure.alignleft img,
  .wtfto-tvn-content figure.alignright img,
  .wtfto-tvn-content .wp-caption.alignleft img,
  .wtfto-tvn-content .wp-caption.alignright img,
  .wtfto-tvn-content img.alignleft,
  .wtfto-tvn-content img.alignright{
    max-width:100%!important;
    height:auto!important;
  }
  .wtfto-tvn-content p,
  .wtfto-tvn-content .wp-block-paragraph{
    clear:none!important;
    overflow:visible!important;
  }
  .wtfto-tvn-content:after{
    content:"";
    display:table;
    clear:both;
  }
}
@media (max-width:899px){
  .wtfto-tvn-content figure.wp-block-image.alignleft,
  .wtfto-tvn-content figure.wp-block-image.alignright,
  .wtfto-tvn-content figure.alignleft,
  .wtfto-tvn-content figure.alignright,
  .wtfto-tvn-content .wp-caption.alignleft,
  .wtfto-tvn-content .wp-caption.alignright,
  .wtfto-tvn-content img.alignleft,
  .wtfto-tvn-content img.alignright,
  .wtfto-tvn-content .wtfto-tvn-auto-wrap,
  .wtfto-tvn-content .wtfto-tvn-inline-media.alignleft,
  .wtfto-tvn-content .wtfto-tvn-inline-media.alignright,
  .wtfto-tvn-content .wtfto-magazine-image.alignleft,
  .wtfto-tvn-content .wtfto-magazine-image.alignright{
    float:none!important;
    clear:both!important;
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:1rem auto!important;
  }
}


/* v0.4.6: automatic bottom back button for all THEN vs NOW single stories */
.wtfto-tvn-back-nav{
  clear:both;
  margin:2.25rem 0 1rem;
  padding-top:1.25rem;
  border-top:1px solid rgba(255,255,255,.14);
}
.wtfto-tvn-back-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  padding:.78rem 1.05rem;
  border-radius:999px;
  background:#d71920;
  color:#fff!important;
  font-weight:800;
  letter-spacing:.02em;
  text-decoration:none!important;
  text-transform:uppercase;
  box-shadow:0 10px 22px rgba(0,0,0,.24);
}
.wtfto-tvn-back-button:hover,.wtfto-tvn-back-button:focus{
  background:#f0262d;
  color:#fff!important;
  transform:translateY(-1px);
}
@media (max-width:700px){
  .wtfto-tvn-back-button{width:100%;}
}


/* v0.4.7: extra-force red pill style in case theme CSS overrides plugin CSS */
.single-then_now .wtfto-tvn-back-nav a.wtfto-tvn-back-button,
body .wtfto-tvn-back-nav a.wtfto-tvn-back-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:.85rem 1.15rem!important;
  border-radius:999px!important;
  background:#d71920!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  border:0!important;
  box-shadow:0 10px 22px rgba(0,0,0,.25)!important;
}
.single-then_now .wtfto-tvn-back-nav a.wtfto-tvn-back-button:hover,
body .wtfto-tvn-back-nav a.wtfto-tvn-back-button:hover{
  background:#f0262d!important;
  color:#fff!important;
}


/* v0.5.2 dark-mode archive fix: dark panel, visible real images */
html[data-theme="dark"] body.wtfto-then-vs-now-page,
html[data-theme="dark"] body.post-type-archive-then_now{background:#101215!important;}
html[data-theme="dark"] .wtfto-tvn-section{
  background:linear-gradient(180deg,#202126 0%,#17191d 100%)!important;
  color:#f4f1ec!important;
  border:1px solid #30343b!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .wtfto-tvn-section-head,
html[data-theme="dark"] .wtfto-tvn-section-head > div,
html[data-theme="dark"] .wtfto-tvn-scroll{background:transparent!important;color:inherit!important;}
html[data-theme="dark"] .wtfto-tvn-section h2,
html[data-theme="dark"] .wtfto-tvn-title,
html[data-theme="dark"] .wtfto-tvn-section-head h2,
html[data-theme="dark"] .wtfto-tvn-card h3,
html[data-theme="dark"] .wtfto-tvn-card h3 a{color:#fff!important;}
html[data-theme="dark"] .wtfto-tvn-section-head p:last-child,
html[data-theme="dark"] .wtfto-tvn-deck,
html[data-theme="dark"] .wtfto-tvn-card p,
html[data-theme="dark"] .wtfto-tvn-empty,
html[data-theme="dark"] .wtfto-tvn-content,
html[data-theme="dark"] .wtfto-tvn-content p,
html[data-theme="dark"] .wtfto-tvn-content li{color:#d8d2cb!important;}
html[data-theme="dark"] .wtfto-tvn-card,
html[data-theme="dark"] .wtfto-tvn-card-link,
html[data-theme="dark"] .wtfto-tvn-card-body{background:#1a1d22!important;color:#f4f1ec!important;border-color:#30343b!important;box-shadow:none!important;}
.wtfto-tvn-card-img{display:block!important;width:100%!important;height:165px!important;object-fit:cover!important;object-position:center center!important;filter:grayscale(1)!important;}
.wtfto-tvn-image{background:#111 center/cover no-repeat!important;filter:none!important;min-height:165px!important;overflow:hidden!important;}
html[data-theme="dark"] .wtfto-tvn-image:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28))!important;}
html[data-theme="dark"] .wtfto-tvn-card-img{filter:grayscale(1) contrast(1.04)!important;opacity:.9!important;}
html[data-theme="dark"] .wtfto-tvn-region{color:#ff4c4c!important;background:transparent!important;}
html[data-theme="dark"] .wtfto-tvn-view-all{background:#d71920!important;color:#fff!important;border:1px solid #a80f15!important;}
html[data-theme="dark"] .wtfto-tvn-view-all:hover,
html[data-theme="dark"] .wtfto-tvn-view-all:focus{background:#b8141b!important;color:#fff!important;}


/* v0.5.3 softer dark-mode cleanup: remove boxes, borders, and divider lines */
html[data-theme="dark"] .wtfto-tvn-section{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
html[data-theme="dark"] .wtfto-tvn-section-head,
html[data-theme="dark"] .wtfto-tvn-scroll,
html[data-theme="dark"] .wtfto-tvn-layout-grid .wtfto-tvn-scroll,
html[data-theme="dark"] .wtfto-tvn-layout-scroll .wtfto-tvn-scroll{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .wtfto-tvn-card,
html[data-theme="dark"] .wtfto-tvn-card-link,
html[data-theme="dark"] .wtfto-tvn-card-body,
html[data-theme="dark"] .wtfto-tvn-empty{
  background:#171a20!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .wtfto-tvn-image,
html[data-theme="dark"] .wtfto-tvn-card-img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .wtfto-tvn-back-nav{
  border-top:0!important;
}
html[data-theme="dark"] .wtfto-tvn-view-all{
  border:0!important;
  box-shadow:none!important;
}


/* v0.5.4 archive line-killer: remove all remaining border lines in dark mode */
html[data-theme="dark"] .wtfto-tvn-article,
html[data-theme="dark"] .wtfto-tvn-article *{
  box-shadow:none!important;
}
html[data-theme="dark"] .wtfto-tvn-article,
html[data-theme="dark"] .wtfto-tvn-article-label,
html[data-theme="dark"] .wtfto-tvn-title,
html[data-theme="dark"] .wtfto-tvn-deck,
html[data-theme="dark"] .wtfto-tvn-kicker,
html[data-theme="dark"] .wtfto-tvn-section,
html[data-theme="dark"] .wtfto-tvn-section-head,
html[data-theme="dark"] .wtfto-tvn-section-head > div,
html[data-theme="dark"] .wtfto-tvn-scroll,
html[data-theme="dark"] .wtfto-tvn-card,
html[data-theme="dark"] .wtfto-tvn-card-link,
html[data-theme="dark"] .wtfto-tvn-image,
html[data-theme="dark"] .wtfto-tvn-card-body,
html[data-theme="dark"] .wtfto-tvn-empty,
html[data-theme="dark"] .wtfto-tvn-view-all,
html[data-theme="dark"] .wtfto-tvn-region,
html[data-theme="dark"] .wtfto-tvn-badge,
html[data-theme="dark"] .wtfto-tvn-card h3,
html[data-theme="dark"] .wtfto-tvn-card p{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .wtfto-tvn-article-label,
html[data-theme="dark"] .wtfto-tvn-kicker,
html[data-theme="dark"] .wtfto-tvn-region{
  background:transparent!important;
}
html[data-theme="dark"] .wtfto-tvn-article-label{
  display:inline-block!important;
  padding:0!important;
  color:#f4f1ec!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html[data-theme="dark"] .wtfto-tvn-title{
  margin:0 0 16px!important;
  padding:0!important;
  background:transparent!important;
}
html[data-theme="dark"] .wtfto-tvn-deck{
  margin:0 0 24px!important;
  padding:0!important;
  background:transparent!important;
}
html[data-theme="dark"] .wtfto-tvn-kicker{
  padding:0!important;
}
html[data-theme="dark"] .wtfto-tvn-view-all{
  background:#d71920!important;
  color:#fff!important;
  padding:10px 14px!important;
}


/* v0.5.6: THEN vs NOW comments block - uses the same WordPress comment engine as regular stories */
.wtfto-tvn-comments{
  clear:both;
  margin:2.4rem 0 1.5rem;
  padding:1.25rem 1.1rem;
  border-left:0!important;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:inherit;
}
.wtfto-tvn-comments h2,
.wtfto-tvn-comments h3,
.wtfto-tvn-comments .comment-reply-title{
  margin:.15rem 0 .7rem!important;
  color:inherit!important;
  font-size:clamp(1.35rem,2.6vw,2.05rem)!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
  text-transform:uppercase!important;
}
.wtfto-tvn-comment-note,
.wtfto-tvn-comments .comment-notes,
.wtfto-tvn-comments .logged-in-as{
  margin:.25rem 0 1rem!important;
  color:#aeb6bf!important;
  font-size:.96rem!important;
  line-height:1.45!important;
}
.wtfto-tvn-comments .comment-list,
.wtfto-tvn-comments ol.comment-list{
  list-style:none!important;
  margin:1rem 0 1.4rem!important;
  padding:0!important;
}
.wtfto-tvn-comments .comment,
.wtfto-tvn-comments li.comment{
  margin:0 0 1rem!important;
  padding:1rem!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.18)!important;
}
.wtfto-tvn-comments label{
  display:block!important;
  margin:.8rem 0 .35rem!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  font-size:.78rem!important;
  color:#d71920!important;
}
.wtfto-tvn-comments input[type="text"],
.wtfto-tvn-comments input[type="email"],
.wtfto-tvn-comments input[type="url"],
.wtfto-tvn-comments textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.25)!important;
  color:inherit!important;
  padding:.85rem .9rem!important;
  font:inherit!important;
}
.wtfto-tvn-comments textarea{min-height:145px!important;}
.wtfto-tvn-comments input[type="submit"],
.wtfto-tvn-comments button[type="submit"],
.wtfto-tvn-comments .submit input{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#d71920!important;
  color:#fff!important;
  padding:.82rem 1.15rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
  cursor:pointer!important;
  box-shadow:0 10px 22px rgba(0,0,0,.24)!important;
}
.wtfto-tvn-comments input[type="submit"]:hover,
.wtfto-tvn-comments button[type="submit"]:hover{background:#f0262d!important;}
html[data-theme="dark"] .wtfto-tvn-comments{
  background:rgba(255,255,255,.055)!important;
  border-left:0!important;
  border-left-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] .wtfto-tvn-comments,
body:not(.dark-mode) .wtfto-tvn-comments{
  background:rgba(0,0,0,.045);
}
@media (max-width:700px){
  .wtfto-tvn-comments{padding:1rem .9rem;margin-top:2rem;}
  .wtfto-tvn-comments input[type="submit"],
  .wtfto-tvn-comments button[type="submit"]{width:100%!important;}
}


/* v0.5.7: compact red Back to Then vs Now button fix */
body.single-then_now .wtfto-tvn-back-nav,
html[data-theme="dark"] body.single-then_now .wtfto-tvn-back-nav,
html[data-theme="light"] body.single-then_now .wtfto-tvn-back-nav,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav{
  clear:both!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin:1.15rem 0 .75rem!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  min-height:0!important;
  width:auto!important;
}
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button,
html[data-theme="dark"] body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button,
html[data-theme="light"] body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav > a.wtfto-tvn-back-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.35rem!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  min-height:0!important;
  padding:.48rem .72rem!important;
  border-radius:5px!important;
  background:#d71920!important;
  background-color:#d71920!important;
  color:#fff!important;
  border:1px solid #ff2a2a!important;
  box-shadow:none!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transform:none!important;
}
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:hover,
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:focus,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:hover,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:focus{
  background:#ff1f2a!important;
  background-color:#ff1f2a!important;
  color:#fff!important;
  border-color:#ff4248!important;
  text-decoration:none!important;
}
@media (max-width:700px){
  body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button,
  body.wtfto-then-vs-now-page .wtfto-tvn-back-nav > a.wtfto-tvn-back-button{
    width:auto!important;
    max-width:max-content!important;
    padding:.52rem .74rem!important;
    font-size:.74rem!important;
  }
}


/* v0.5.8: final hardfix for the Back to Then vs Now pill.
   The red background now lives on an inner span, so theme/link reset scripts cannot flatten it. */
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:max-content!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button > .wtfto-tvn-back-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:max-content!important;
  min-height:0!important;
  padding:.5rem .76rem!important;
  border-radius:5px!important;
  background:#d71920!important;
  background-color:#d71920!important;
  color:#fff!important;
  border:1px solid #ff2a2a!important;
  box-shadow:none!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:hover > .wtfto-tvn-back-pill,
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:focus > .wtfto-tvn-back-pill{
  background:#ff1f2a!important;
  background-color:#ff1f2a!important;
  color:#fff!important;
  border-color:#ff4248!important;
}


/* v0.5.9: remove the live-site red side line on the comments box and keep the back button locked. */
body.single-then_now .wtfto-tvn-comments,
html[data-theme="dark"] body.single-then_now .wtfto-tvn-comments,
html[data-theme="light"] body.single-then_now .wtfto-tvn-comments,
body.wtfto-then-vs-now-page .wtfto-tvn-comments{
  border-left:0!important;
  border-left-color:transparent!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  border-radius:14px!important;
  margin-left:0!important;
  padding-left:1.25rem!important;
  box-shadow:none!important;
}
body.single-then_now .wtfto-tvn-back-nav,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav{
  border-top:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-right:0!important;
}


/* v0.6.1: keep the Back to Then vs Now button red exactly where it sits, CSS-only, light/dark safe. */
body.single-then_now .wtfto-tvn-back-nav,
html[data-theme="dark"] body.single-then_now .wtfto-tvn-back-nav,
html[data-theme="light"] body.single-then_now .wtfto-tvn-back-nav,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav{
  clear:both!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin:1.1rem 0 .8rem!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button,
html[data-theme="dark"] body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button,
html[data-theme="light"] body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav > a.wtfto-tvn-back-button,
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button > .wtfto-tvn-back-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  min-height:0!important;
  padding:.5rem .76rem!important;
  margin:0!important;
  border-radius:5px!important;
  border:1px solid #ff2a2a!important;
  background:#d71920!important;
  background-color:#d71920!important;
  color:#fff!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  outline-color:#ff4248!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:hover,
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:focus,
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:active,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:hover,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:focus,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav > a.wtfto-tvn-back-button:active{
  background:#ff1f2a!important;
  background-color:#ff1f2a!important;
  color:#fff!important;
  border-color:#ff4248!important;
  text-decoration:none!important;
}
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button::selection,
body.single-then_now .wtfto-tvn-back-nav > a.wtfto-tvn-back-button *::selection{
  background:#d71920!important;
  color:#fff!important;
}


/* v0.6.2: protected return link. Uses a new id/class and red inner span so later theme/link resets cannot turn the button blue/plain after refresh. */
body.single-then_now .wtfto-tvn-back-nav-v062,
body.wtfto-then-vs-now-page .wtfto-tvn-back-nav-v062,
html[data-theme="dark"] body.single-then_now .wtfto-tvn-back-nav-v062,
html[data-theme="light"] body.single-then_now .wtfto-tvn-back-nav-v062{
  clear:both!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin:1.1rem 0 .8rem!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.single-then_now a#wtfto-red-return-v062,
body.wtfto-then-vs-now-page a#wtfto-red-return-v062,
html[data-theme="dark"] body.single-then_now a#wtfto-red-return-v062,
html[data-theme="light"] body.single-then_now a#wtfto-red-return-v062,
a#wtfto-red-return-v062:link,
a#wtfto-red-return-v062:visited{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:none!important;
  outline:0!important;
  appearance:none!important;
  -moz-appearance:none!important;
  user-select:none!important;
  -moz-user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.single-then_now a#wtfto-red-return-v062 > .wtfto-red-return-label-v062,
body.wtfto-then-vs-now-page a#wtfto-red-return-v062 > .wtfto-red-return-label-v062,
html[data-theme="dark"] body.single-then_now a#wtfto-red-return-v062 > .wtfto-red-return-label-v062,
html[data-theme="light"] body.single-then_now a#wtfto-red-return-v062 > .wtfto-red-return-label-v062{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  min-height:0!important;
  padding:.5rem .76rem!important;
  margin:0!important;
  border-radius:5px!important;
  border:1px solid #ff2a2a!important;
  background:#d71920!important;
  background-color:#d71920!important;
  background-image:none!important;
  color:#fff!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  outline-color:#ff4248!important;
  user-select:none!important;
  -moz-user-select:none!important;
  -webkit-user-select:none!important;
  pointer-events:none!important;
}
body.single-then_now a#wtfto-red-return-v062:hover > .wtfto-red-return-label-v062,
body.single-then_now a#wtfto-red-return-v062:focus > .wtfto-red-return-label-v062,
body.single-then_now a#wtfto-red-return-v062:focus-visible > .wtfto-red-return-label-v062,
body.single-then_now a#wtfto-red-return-v062:active > .wtfto-red-return-label-v062{
  background:#ff1f2a!important;
  background-color:#ff1f2a!important;
  border-color:#ff4248!important;
  color:#fff!important;
}
body.single-then_now a#wtfto-red-return-v062::selection,
body.single-then_now a#wtfto-red-return-v062 *::selection{
  background:#d71920!important;
  color:#fff!important;
}