/* ════════════════════════════════════════════════════════════════════════
   vx-guide.css — THE GUIDE HEADING, ONE SOURCE — 2026-09-18.
   Stephen: "since transportation is a 'guide' everything should adopt the same so if we ever update,
   everything is consistent." Every Vendor+ guide's heading — the app's (Venue, Photo & Video …) and
   the Transportation guide's, which runs in its own frame inside the app — is drawn from these rules
   and no others. Change the heading here and every guide follows.

   Literal values, not the app's custom properties: the Transportation guide is a separate document
   that cannot see the app's :root, so this file carries the values itself. It is the one place they
   live; guide-heading-shared-validate fails if either side keeps its own copy.
   ════════════════════════════════════════════════════════════════════════ */
.vx-gh-eyebrow{font-family:ui-monospace, SF Mono, SFMono-Regular, Menlo, Consolas, monospace;font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:#A07840;margin:0 0 .3rem;font-weight:500}
/* Size = every page title's (Stephen 2026-10-05: "all of the H1 font sizes to match the 'your
   account' H1"): .vx-acc-h1's clamp(1.9rem,4vw,2.6rem), 1.6rem under 768px. Was clamp(1.6rem,3.2vw,2.25rem). */
.vx-gh-title{font-family:Georgia, Gelasio, Times New Roman, serif;font-size:clamp(1.9rem,4vw,2.6rem);
  font-weight:400;color:#2C4A3E;letter-spacing:-.01em;line-height:1.1;margin:0}
@media (max-width:767px){.vx-gh-title{font-size:1.6rem}}
.vx-gh-title em{color:#C8A96E;font-style:italic}
.vx-gh-sub{font-size:.9rem;color:#7A7A7A;line-height:1.55;margin:.45rem 0 0;max-width:620px}
/* ⚑ THE PLAN'S NAME IS THE HEADING — Stephen 2026-09-25: "when the user reviews the
   manifest they can update". An input that IS the title rather than a labelled field
   beneath it, so the review screen gains a capability and not a control. Transparent,
   unbordered and full width: the only thing that says it is editable is that it accepts
   a tap, which on this screen is the whole point. */
.vx-gh-title-in{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;
  width:100%;max-width:100%;display:block;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;-webkit-appearance:none;appearance:none}
.vx-gh-title-in::placeholder{color:#B4B4B4;opacity:1}
.vx-gh-title-in:focus{outline:0;box-shadow:0 2px 0 0 #C8A96E}