/* /conversion — "Funnel & conversion" on the approved /websites + /search template (hub-1.css does the geometry).
   Only what differs: the homepage "Booked" room's colours (#2b1e15 / #e7c39a, app/_brd/data.ts ROOMS),
   the eyebrow at the head of the opener's column, and panel 2's four process lines.
   Nothing here paints a line. */

.hub--cv { --room: #2b1e15; --acc: #e7c39a; }
.hub--cv .h1-name { color: var(--acc); }
.hub--cv .h1-pan--2 { --room: #3a2a1d; --acc: #e7c39a; }

/* the eyebrow heads the column; the column below it moves down by one line */
.hub--cv .h1-col .cv-eye { top: calc(134 * var(--c)); color: var(--foam); white-space: nowrap; }
.hub--cv .h1-col .h1-no { top: calc(180 * var(--c)); }
.hub--cv .h1-name { top: calc(206 * var(--c)); }
.hub--cv .h1-col .h1-place { top: calc(290 * var(--c)); }

/* panel 2: four process lines in the display face, filling the measure (hub-1.js only ever shrinks them) */
.hub--cv .cv-how { list-style: none; margin: 0; padding: 0; left: calc(40 * var(--c)); top: calc(236 * var(--c)); width: calc(1360 * var(--c));
  font-size: calc(138 * var(--c)); }
.hub--cv .cv-how .h1-say__ln { margin-bottom: .2em; }
.hub--cv .cv-how .h1-say__ln:nth-child(even) .t { color: var(--acc); }

/* the link inside an answer (Q3 /terms, Q4 /search, Q6 the case, Q7 /websites) reads as a link by colour; no underline (no thin lines) */
.hub--cv .h1-qa__a a { color: var(--acc); transition: color .25s var(--e-ui); }
.hub--cv .h1-qa__a a:hover { color: var(--foam); }

@media (max-aspect-ratio: 1/1) {
  /* the site fills the top of a phone, so the eyebrow joins the text under the title */
  .hub--cv .h1-col .cv-eye { top: calc(714 * var(--c)); }
  .hub--cv .h1-col .h1-no { top: calc(74 * var(--c)); }
  .hub--cv .h1-name { top: calc(730 * var(--c)); }
  .hub--cv .h1-col .h1-place { top: calc(764 * var(--c)); }
  .hub--cv .h1-line { top: calc(782 * var(--c)); }
  .hub--cv .cv-how { left: calc(16 * var(--c)); top: calc(300 * var(--c)); width: calc(358 * var(--c)); font-size: calc(66 * var(--c)); }
  .hub--cv .cv-how .h1-say__ln { margin-bottom: .35em; }
}