/* The blog, on top of login.css + wanderin.css: same tokens, same sticker language. Only what those two do not already have.
   Chrome (header, footer, sticky bar, CTA card) is the landing page's own: .wrap, header, .hd-cta, footer, .stickybar and .go-card come from wanderin.css untouched, so the logo sits at the same x on both pages. */
.bl-nav{display:flex;align-items:center;gap:8px}
.bl-nav>a:not(.hd-cta){font-weight:800;font-size:15px;color:var(--ink);text-decoration:none;padding:6px 12px;border-radius:99px;transition:background .12s}
.bl-nav>a:not(.hd-cta):hover{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}
.bl-nav>a:not(.hd-cta):focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.bl footer{gap:8px 16px}
.bl footer span{flex:1 1 100%}
@media (min-width:700px){.bl footer span{flex:0 1 auto;margin-right:auto}}
.f-moment{background:var(--sky)!important}.f-best{background:var(--sun)!important}.f-cheap{background:var(--lagoon)!important}.f-trend{background:var(--coral)!important}.f-worth{background:var(--paper)!important}
/* CTA card: the landing's .go-card, full width of its column but never a banner */
.bl-go{margin:30px 0 0;max-width:min(100%,560px);align-content:start}
.bl-go .go-fine{-webkit-text-stroke:0;paint-order:normal;color:var(--ink);margin:0;opacity:.85}
/* headline highlight: the landing's sun underline, but wrapping with the words (the landing mark is nowrap, fine for its own two lines, not for a venue-length title) */
.bl h1 mark{white-space:normal;position:static;background:linear-gradient(var(--sun),var(--sun)) 0 92%/100% .18em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em;margin:0 -.06em}
.bl h1 mark::after{content:none}
/* the sticky bar must never sit on the footer links or the last card: the landing pads the wrap, keep it that way here */
@media (max-width:899px){.bl .wrap{padding-bottom:104px}}
@media (max-width:480px){.bl-nav>a:not(.hd-cta){padding:6px 8px}.bl-go{max-width:none}}