/* snowooball lab v2.7 — small accent rhythms in Photo Ferry */
.ferry-page{--lab-accent:#D97843;--lab-accent-dark:#A94E2D}
.ferry-page .eyebrow-dot{background:var(--lab-accent)!important}
.ferry-page .section-kicker{color:#749180}
.ferry-page .step-num{color:var(--lab-accent-dark)!important}
.ferry-page .ferry-arrow{color:var(--lab-accent)!important}
.ferry-page .ferry-node.middle{border-color:#e4c7af}
.ferry-page .ferry-final{border-top-color:#e7ded4}
.ferry-page a:focus-visible{outline:3px solid var(--lab-accent)!important;outline-offset:4px}


/* v2.9 — restrained warm framed regions and an editorial headline. */
.ferry-page .ferry-final h2{color:#A75B35!important}
.ferry-page .ferry-step{border-color:#E9CEBE!important}
.ferry-page .ferry-step:nth-child(2){background:linear-gradient(145deg,#FFF9F5,#F7FAF7)!important}
.ferry-page .ferry-notice{border-color:#E9C5AC!important}
/* Do not add dots to features or make the boat orange. */


/* v3.0 — calmer orange use: less brown in headings, more stable CTA framing. */
.ferry-page .ferry-final h2{color:#D97843!important}
.ferry-page .ferry-final a{
  display:inline-flex;align-items:center;gap:14px;margin-top:4px;
  border:1px solid #DEA984;border-radius:99px;padding:13px 19px;
  color:#865037!important;background:#FFF8F3!important;
  font-size:13px;font-weight:750;text-decoration:none;
  transition:background .2s ease,transform .2s ease,border-color .2s ease,color .2s ease;
}
.ferry-page .ferry-final a::after{
  content:"→"; color:#D97843; font-size:21px; line-height:1;
}
.ferry-page .ferry-final a:hover{
  background:#FAEAE0!important; transform:translateY(-2px); border-color:#D48E63;
}

/* v3.1 — warm headings and purposeful frames on Photo Ferry detail pages. */
.ferry-page{--lab-warm:#D97843;--lab-warm-ink:#BC6134;--lab-warm-line:#E8BEA5}
.ferry-page .ferry-hero h1 em{color:var(--lab-warm)!important}
.ferry-page .ferry-section:nth-of-type(3)>h2{color:var(--lab-warm)!important}
.ferry-page .ferry-final h2{color:var(--lab-warm)!important}
.ferry-page .ferry-step:nth-child(2){border-color:var(--lab-warm-line)!important;background:linear-gradient(145deg,#FFF9F4,#F7FAF7)!important}
.ferry-page .ferry-dest>div:first-child{border:1px solid var(--lab-warm-line)!important;background:#FFF9F4!important}
.ferry-page .ferry-feature:nth-child(2),.ferry-page .ferry-feature:nth-child(3){border-color:#E9C5AC!important}
.ferry-page .ferry-node.middle{border-color:var(--lab-warm-line)!important}
.ferry-page .ferry-final a:hover{border-color:var(--lab-warm)!important}