/* Volcan type v3 (1 Nov 2026): Marcellus display face to match the serif wordmark, larger Instrument Sans body. Loaded last; the :not(#_) prefix outranks the earlier !important rules. To revert: remove the volcan-type enqueue in volcan-seo-indexing.php. */
:root{--display:"Marcellus","Iowan Old Style",Georgia,serif}
html{font-size:18px}
html body:not(#_){font-size:1rem !important;line-height:1.7 !important;letter-spacing:0 !important;color:#17262b}
html body:not(#_) p,html body:not(#_) li,html body:not(#_) td,html body:not(#_) dd,html body:not(#_) label,html body:not(#_) .lede,html body:not(#_) .vx-q p,html body:not(#_) .value-item p,html body:not(#_) .step p,html body:not(#_) .how-cta p,html body:not(#_) .tour-card p,html body:not(#_) .card p,html body:not(#_) .fleet-note p{font-size:1.05rem !important;line-height:1.65 !important}
html body:not(#_) small,html body:not(#_) .vx-cnote,html body:not(#_) .step-note,html body:not(#_) .small,html body:not(#_) figcaption{font-size:.86rem !important;line-height:1.4 !important}
html body:not(#_) h1,html body:not(#_) h2,html body:not(#_) h3,html body:not(#_) h4,html body:not(#_) .h1,html body:not(#_) .h2,html body:not(#_) .h3,html body:not(#_) .display-name,html body:not(#_) .d-name,html body:not(#_) .loc-name,html body:not(#_) .hero h1.h1{font-family:var(--display) !important;font-weight:400 !important;letter-spacing:.005em !important;text-wrap:balance}
html body:not(#_) h1,html body:not(#_) .h1{font-size:clamp(2.6rem,5.6vw,4.4rem) !important;line-height:1.06 !important}
html body:not(#_) .hero h1,html body:not(#_) .hero .h1,html body:not(#_) .hero h1.h1{font-size:clamp(2.9rem,7.2vw,5.8rem) !important;line-height:1.02 !important;letter-spacing:.005em !important}
html body:not(#_) h2,html body:not(#_) .h2{font-size:clamp(2rem,4vw,3.3rem) !important;line-height:1.1 !important}
html body:not(#_) h3,html body:not(#_) .h3{font-size:clamp(1.45rem,2.1vw,1.85rem) !important;line-height:1.2 !important;letter-spacing:.01em !important}
html body:not(#_) h4{font-size:1.25rem !important}
html body:not(#_) h1 em,html body:not(#_) h2 em,html body:not(#_) h3 em,html body:not(#_) .h1 em,html body:not(#_) .h2 em,html body:not(#_) .h3 em,html body:not(#_) .lede em{font-family:"Instrument Serif",Georgia,serif !important;font-style:italic;font-size:1.06em;letter-spacing:0}
html body:not(#_) .lede,html body:not(#_) .hero p{font-size:clamp(1.15rem,1.7vw,1.4rem) !important;line-height:1.5 !important}
html body:not(#_) .eyebrow,html body:not(#_) .tour-tag,html body:not(#_) .stay-kicker,html body:not(#_) .vt-guide-cat,html body:not(#_) .d-count,html body:not(#_) .loc-country,html body:not(#_) .mnav-idx,html body:not(#_) .step-note,html body:not(#_) .vc-strip__tag{font-size:.8rem !important;letter-spacing:.14em !important}
html body:not(#_) .btn,html body:not(#_) button,html body:not(#_) input,html body:not(#_) select,html body:not(#_) textarea{font-size:1rem !important}
html body:not(#_) nav a,html body:not(#_) .menu a,html body:not(#_) .mnav a{font-size:1.02rem !important}
html body:not(#_) .v-num,html body:not(#_) .stat-num,html body:not(#_) .count{font-family:var(--display) !important}
@media (max-width:760px){html{font-size:17px}html body:not(#_) .lede,html body:not(#_) .hero p,html body:not(#_) .ihero .sub{font-size:1.08rem !important}html body:not(#_) .hero h1,html body:not(#_) .hero .h1,html body:not(#_) .hero h1.h1,html body:not(#_) .ihero h1{font-size:2.5rem !important}}
/* Header on narrow phones: the wordmark and the social icons were touching, so the icons move to the footer only below 480px. */
@media (max-width:480px){html body:not(#_) .vx-head-social{display:none !important}html body:not(#_) .brand-logo{max-width:170px}}