/* ==========================================================================
   EventGo Australia — /pricing/ on WordPress (WordPress-owned; NOT a synced file)
   --------------------------------------------------------------------------
   PART 1  a verbatim copy of V4 assets/v3/css/60-pricing.css @ 8bb8b23
           (sha256 in the line below). When the V4 sync brings 60-pricing.css
           into assets/eg/, Part 1 can be dropped and the synced file linked
           from templates/pricing/head.php instead. (2026-09-29, R6: the file
           IS synced, same sha256, but /pricing/ renders in the terms shell,
           which does not link it, and V4 loads it AFTER the chrome while
           stylesheet_last() moves one link only — Part 1 stays until the
           route links the synced file in that position.)
   PART 2  DROPPED 2026-09-29 (R6): the V4 chrome is synced and the pages
           shell links 06-v4.css @ 8bb8b23, which carries every rule Part 2
           restated (the local line, the delivery pair, the brand-case label);
           V4's own .eg-c-pwho__dlv .eg-c-dp margin (Part 1) now applies.
   PART 3  WordPress additions: the no-JavaScript form (submit button, field
           errors), two fee options instead of three, the examples tables at
           320px, focus and reduced-motion care.
   Loaded LAST, as in V4: the head template links it and Pages\PricingRoute
   moves that link to the end of <head>, after the shell's own stylesheets
   (count-checked, fail closed). Part 3 restates the three headings at a
   higher specificity for the case where the move does not happen.
   PART 1 source sha256: eec8f09bba960f939571f11092ab4cdfff3362978715f8e65ced02328adf17ee
   ========================================================================== */

/* ---------------------------------------------------------------- PART 1 -- */
/* ==========================================================================
   EventGo Australia — /pricing/ (V4)
   --------------------------------------------------------------------------
   Understandable in ten seconds: the rate is the largest thing on the page,
   the three facts under it answer the next three questions, and the
   calculator is one scroll away. Money is set in the functional face
   (Manrope, tabular), never the display face (§15). Liftable into an
   Elementor widget as the markup block + this file + eg-fees.js +
   eg-pricing.js.
   ========================================================================== */
.eg-c-price { --pr-card: var(--c-ink-soft); }
.eg-c-price :where(.eg-c-num) { font-family: var(--font-ui); font-variant-numeric: tabular-nums; }

/* ---- hero --------------------------------------------------------------- */
.eg-c-price__hero {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; gap: clamp(2rem, 4vw, 4rem); align-items: center;
  /* Full bleed, so the glow is never cut at the content edge; the content
     itself is held to 1320px by the inline padding. */
  padding: calc(var(--hdr-h) + clamp(2.5rem, 7vh, 5rem)) max(var(--c-gut), calc((100% - 1320px) / 2)) clamp(3rem, 8vh, 5.5rem);
}
.eg-c-price__hero::before {
  content: ""; position: absolute; inset: -20% -10% 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(40% 50% at 78% 38%, color-mix(in srgb, var(--c-violet) 30%, transparent), transparent 70%),
    radial-gradient(36% 40% at 90% 80%, color-mix(in srgb, var(--c-teal) 18%, transparent), transparent 70%);
}
@media (min-width: 1000px) { .eg-c-price__hero { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); } }
.eg-c-price__h { font-size: var(--t-hero); line-height: .98; letter-spacing: -.035em; margin: .75rem 0 1.25rem; }
.eg-c-price__lead { font-size: var(--t-lead); color: var(--c-text-2); max-width: 32ch; }
.eg-c-price__local { margin-top: 1.25rem; }

.eg-c-price__rate {
  position: relative; padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: 24px; min-width: 0;
  container-type: inline-size;
  background: var(--pr-card); border: 1px solid var(--c-line-strong);
  box-shadow: var(--shadow-xl);
}
.eg-c-price__rate::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none;
  background: var(--eg-gradient);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; opacity: .7;
}
.eg-c-price__rk { font-size: var(--t-label); font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--c-text-2); }
.eg-c-price__big {
  margin: .5rem 0 1.25rem; font-weight: 800; line-height: 1; letter-spacing: -.03em;
  font-size: clamp(2.25rem, 1.6rem + 3vw, 4rem);
  /* Sized by the card, not the window: the rate is one line at every width
     and never runs past the card's edge. */
  font-size: clamp(2rem, 13.5cqi, 4.5rem); white-space: nowrap;
}
.eg-c-price__big .eg-c-num { font-weight: 800; }
.eg-c-price__plus { color: var(--c-teal); font-weight: 600; }
.eg-c-price__inc { margin: -.5rem 0 1.25rem; font: 800 clamp(1.0625rem, .95rem + .5vw, 1.375rem)/1.2 var(--font-ui); color: var(--c-teal); }
.eg-c-price__facts { display: grid; gap: .75rem; margin-bottom: 1.75rem; }
.eg-c-price__facts li { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: .75rem; align-items: start; color: var(--c-text-2); }
.eg-c-price__facts svg { width: 1.25rem; height: 1.25rem; color: var(--c-teal); margin-top: .1rem; }
.eg-c-price__facts b { color: var(--c-text); }
.eg-c-price__acts { display: flex; flex-wrap: wrap; gap: .75rem; }
@media (max-width: 479.98px) {
  .eg-c-price__acts .eg-c-btn { width: 100%; }
}

.eg-c-price__head { max-width: 46rem; margin-bottom: clamp(2rem, 4vw, 3rem); }
.eg-c-price__h2 { font-size: var(--t-section); line-height: 1.02; letter-spacing: -.03em; margin: .5rem 0 1rem; }

/* ---- the calculator ------------------------------------------------------ */
.eg-c-pcalc__grid { display: grid; gap: clamp(1.25rem, 3vw, 2rem); align-items: start; }
.eg-c-pcalc__grid[hidden] { display: none; }
@media (min-width: 960px) { .eg-c-pcalc__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); } }
.eg-c-pcalc__in { display: grid; gap: 1.5rem; padding: clamp(1.25rem, 3vw, 2rem); border-radius: 20px; border: 1px solid var(--c-line-strong); background: var(--pr-card); min-width: 0; }
.eg-c-pf { display: grid; gap: .5rem; min-width: 0; border: 0; padding: 0; margin: 0; }
.eg-c-pf__l { font-size: .9375rem; font-weight: 700; color: var(--c-text); padding: 0; }
.eg-c-pf__h { font-size: .8125rem; color: var(--c-text-3); }
.eg-c-pf input[type="text"], .eg-c-pf select {
  width: 100%; min-height: 52px; padding: .75rem 1rem; border-radius: 12px;
  border: 1.5px solid var(--c-line-strong); background: var(--c-ink); color: var(--c-text);
  font: 700 1.125rem/1.2 var(--font-ui); font-variant-numeric: tabular-nums;
}
.eg-c-pf select { appearance: auto; }
.eg-c-pf input[aria-invalid="true"] { border-color: var(--status-serious); }
.eg-c-pf__money { position: relative; }
.eg-c-pf__money span { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); font: 700 1.125rem var(--font-ui); color: var(--c-text-2); pointer-events: none; }
.eg-c-pf__money input[type="text"] { padding-left: 2rem; }
.eg-c-pf__chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.eg-c-chip {
  min-height: 44px; padding: 0 1rem; border-radius: 999px; border: 1px solid var(--c-line-strong);
  font: 700 .875rem var(--font-ui); font-variant-numeric: tabular-nums; color: var(--c-text-2);
}
.eg-c-chip:hover { color: var(--c-text); border-color: var(--c-text-2); }
.eg-c-pf__range { width: 100%; min-height: 44px; accent-color: var(--eg-violet); }

.eg-c-seg4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.eg-c-seg4 legend { grid-column: 1 / -1; margin-bottom: .5rem; }
.eg-c-seg4 .eg-c-pf__h { grid-column: 1 / -1; }
.eg-c-seg4 label { position: relative; display: block; }
.eg-c-seg4 input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.eg-c-seg4 label span {
  display: flex; align-items: center; justify-content: center; gap: .375rem; min-height: 48px; padding: .5rem .75rem;
  border-radius: 12px; border: 1.5px solid var(--c-line-strong); text-align: center;
  font: 700 .9375rem/1.2 var(--font-ui); color: var(--c-text-2);
}
.eg-c-seg4 input:checked + span { border-color: var(--c-accent); color: var(--c-text); background: color-mix(in srgb, var(--c-violet) 18%, transparent); }
.eg-c-seg4 input:checked + span::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: var(--c-teal); flex: none; }
.eg-c-seg4 input:focus-visible + span { outline: 3px solid var(--c-accent); outline-offset: 3px; }
.eg-c-seg4 label span img { width: 1rem; height: 1rem; vertical-align: 0; }

.eg-c-pcalc__out {
  display: grid; gap: 1.25rem; padding: clamp(1.25rem, 3vw, 2rem); border-radius: 20px; min-width: 0;
  background: color-mix(in srgb, var(--c-violet) 10%, var(--c-ink)); border: 1px solid var(--c-line-strong);
}
@media (min-width: 960px) { .eg-c-pcalc__out { position: sticky; top: calc(var(--hdr-h) + 1rem); } }
.eg-c-pcalc__hero { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.eg-c-pcalc__k { font-size: var(--t-label); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--c-text-2); }
.eg-c-pcalc__v { font-size: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.1; overflow-wrap: anywhere; }
.eg-c-pcalc__v--you { color: var(--c-teal); }
.eg-c-pcalc__s { font-size: .8125rem; color: var(--c-text-3); }
.eg-c-pcalc__bar { display: flex; height: 12px; border-radius: 999px; overflow: hidden; background: var(--c-line); }
.eg-c-pcalc__seg { display: block; height: 100%; }
.eg-c-pcalc__seg--you { background: var(--c-teal); }
.eg-c-pcalc__seg--fee { background: var(--c-accent); }
.eg-c-pcalc__legend { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .8125rem; color: var(--c-text-2); }
.eg-c-pcalc__legend span::before { content: ""; display: inline-block; width: .625rem; height: .625rem; border-radius: 2px; margin-right: .375rem; vertical-align: 0; }
.eg-c-pcalc__legend .is-you::before { background: var(--c-teal); }
.eg-c-pcalc__legend .is-fee::before { background: var(--c-accent); }
.eg-c-pcalc__dl { display: grid; }
.eg-c-pcalc__dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .625rem 0; border-bottom: 1px solid var(--c-line); }
.eg-c-pcalc__dl dt { color: var(--c-text-2); }
.eg-c-pcalc__dl dd { font-weight: 700; text-align: right; }
.eg-c-pcalc__for { font-size: 1rem; font-weight: 800; margin-top: .25rem; }
.eg-c-pcalc__pay { border-bottom: 0 !important; }
.eg-c-pcalc__pay dt { color: var(--c-text); font-weight: 800; }
.eg-c-pcalc__pay dd { font-size: 1.375rem; color: var(--c-teal); }
.eg-c-pcalc__note { font-size: .8125rem; color: var(--c-text-3); }
.eg-c-pcalc__static[hidden] { display: none; }
.eg-c-pcalc__table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.eg-c-pcalc__table caption { text-align: left; font-weight: 700; margin-bottom: .75rem; }
.eg-c-pcalc__table th, .eg-c-pcalc__table td { padding: .75rem .5rem; border-bottom: 1px solid var(--c-line); text-align: right; }
.eg-c-pcalc__table th:first-child { text-align: left; }

/* ---- examples ------------------------------------------------------------ */
.eg-c-px { display: grid; gap: 1rem; }
@media (min-width: 820px) { .eg-c-px { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.eg-c-px__card { padding: 1.5rem; border-radius: 20px; border: 1px solid var(--c-line-strong); background: var(--pr-card); }
.eg-c-px__k { font-size: 1.25rem; font-weight: 800; margin-bottom: 1rem; }
.eg-c-px__dl { display: grid; }
.eg-c-px__dl div { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .5rem 0; border-bottom: 1px solid var(--c-line); }
.eg-c-px__dl dt { color: var(--c-text-2); }
.eg-c-px__dl dt span { display: block; font-size: .75rem; color: var(--c-text-3); }
.eg-c-px__dl dd { font-weight: 800; font-size: 1.125rem; }
.eg-c-px__you { color: var(--c-teal); }
.eg-c-px__sub dd { font-size: .9375rem; font-weight: 700; color: var(--c-text-2); }

/* ---- who pays ------------------------------------------------------------- */
.eg-c-pwho { display: grid; gap: 2rem; }
@media (min-width: 960px) { .eg-c-pwho { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; } }
.eg-c-pwho__cards { display: grid; gap: 1rem; }
.eg-c-pwho__cards article { padding: 1.25rem 1.5rem; border-radius: 16px; border: 1px solid var(--c-line-strong); background: var(--pr-card); }
.eg-c-pwho__cards h3 { font-size: 1.0625rem; font-weight: 800; margin-bottom: .5rem; }
.eg-c-pwho__cards p { color: var(--c-text-2); }
.eg-c-pwho__cards b { color: var(--c-text); }

/* ---- included ------------------------------------------------------------- */
.eg-c-pinc { display: grid; gap: 1rem; }
@media (min-width: 640px) { .eg-c-pinc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .eg-c-pinc { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.eg-c-pinc__col { padding: 1.5rem; border-radius: 20px; border: 1px solid var(--c-line-strong); background: var(--pr-card); }
.eg-c-pinc__ic { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 12px; background: color-mix(in srgb, var(--c-violet) 22%, transparent); color: var(--c-text); }
.eg-c-pinc__ic svg { width: 1.375rem; height: 1.375rem; }
.eg-c-pinc__col h3 { margin: 1rem 0 .75rem; font-size: 1.25rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.eg-c-pinc__col ul { display: grid; gap: .5rem; }
.eg-c-pinc__col li { position: relative; padding-left: 1.125rem; color: var(--c-text-2); }
.eg-c-pinc__col li::before { content: ""; position: absolute; left: 0; top: .6em; width: .375rem; height: .375rem; border-radius: 50%; background: var(--c-teal); }

/* ---- free events ------------------------------------------------------------ */
.eg-c-pfree { display: grid; gap: 1.5rem; align-items: center; }
@media (min-width: 900px) { .eg-c-pfree { grid-template-columns: auto minmax(0, 1fr); gap: 4rem; } }
.eg-c-pfree__big { font-size: clamp(5rem, 3rem + 10vw, 11rem); font-weight: 800; line-height: .9; letter-spacing: -.05em; }
.eg-c-pfree__big .eg-c-num { background: var(--eg-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---- V4.2: the calculator's two audiences ------------------------------------
   The ATTENDEE figure is one all-in number, largest on the panel. The
   ORGANISER side carries the detail: service fee, who covers it, the
   payment acceptance estimate and proceeds. */
.eg-c-seg4--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 379.98px) { .eg-c-seg4--3 { grid-template-columns: minmax(0, 1fr); } }
.eg-c-seg4[hidden] { display: none; }
.eg-c-pcalc__att { padding-bottom: 1.25rem; border-bottom: 1px solid var(--c-line); }
.eg-c-pcalc__att .eg-c-pcalc__v { font-size: clamp(2.25rem, 1.4rem + 3vw, 3.5rem); }
.eg-c-pcalc__att small, .eg-c-pcalc__v small { font-size: .45em; font-weight: 700; color: var(--c-text-2); letter-spacing: 0; }
.eg-c-pcalc__chg:not(:empty) {
  margin-top: .75rem; padding: .625rem .875rem; border-radius: 12px;
  background: color-mix(in srgb, var(--c-teal) 14%, transparent); border: 1px solid color-mix(in srgb, var(--c-teal) 40%, transparent);
  font-size: .875rem; font-weight: 600; color: var(--c-text);
}
.eg-c-pcalc__you .eg-c-pcalc__v { font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); }
/* V4.3 — "Payment processing included": the one line that says the service
   fee is the only deduction. Teal, like the proceeds it protects. */
.eg-c-pcalc__inc { font-size: .875rem; font-weight: 700; color: var(--c-teal); }
.eg-c-pcalc__dl dt small { display: block; font-size: .75rem; color: var(--c-text-3); }
.eg-c-pcalc__more { border-top: 1px solid var(--c-line); padding-top: .75rem; }
.eg-c-pcalc__more summary {
  display: flex; align-items: center; min-height: 44px; cursor: pointer; font-weight: 800; color: var(--c-accent);
}
.eg-c-pcalc__more[open] summary { margin-bottom: .5rem; }
.eg-c-pcalc__dl--sm div { padding: .5rem 0; font-size: .9375rem; }

/* ---- One $79 ticket, three ways --------------------------------------------- */
.eg-c-psc__grid { display: grid; gap: 1rem; }
@media (min-width: 960px) { .eg-c-psc__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.eg-c-psc { display: grid; align-content: start; gap: .875rem; padding: 1.5rem; border-radius: 20px; border: 1px solid var(--c-line-strong); background: var(--pr-card); }
.eg-c-psc--b { border-color: color-mix(in srgb, var(--c-teal) 45%, transparent); }
.eg-c-psc__k { font: 800 .75rem/1.3 var(--font-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--c-accent); }
.eg-c-psc__sub { color: var(--c-text-2); }
.eg-c-psc__att { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem; padding: 1rem; border-radius: 14px; background: var(--c-ink); }
.eg-c-psc__att span { font-size: .875rem; color: var(--c-text-2); }
.eg-c-psc__att b { font: 800 2rem/1 var(--font-ui); letter-spacing: -.02em; }
.eg-c-psc__det summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; font-size: .875rem; font-weight: 700; color: var(--c-accent); }
.eg-c-psc__det dl, .eg-c-psc__dl { display: grid; }
.eg-c-psc__det dl div, .eg-c-psc__dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid var(--c-line); font-size: .9375rem; }
.eg-c-psc__det dt, .eg-c-psc__dl dt { color: var(--c-text-2); }
.eg-c-psc__det dd, .eg-c-psc__dl dd { font-weight: 700; text-align: right; }
.eg-c-psc .is-total dt, .eg-c-psc .is-total dd { color: var(--c-text); font-weight: 800; }
.eg-c-psc__dl .is-total dd { color: var(--c-teal); font-size: 1.125rem; }
.eg-c-psc__dl .is-pass dt, .eg-c-psc__dl .is-pass dd { font-size: .8125rem; color: var(--c-text-3); font-weight: 600; }
.eg-c-psc__h { margin-top: .25rem; font: 800 .875rem var(--font-ui); color: var(--c-text); }
.eg-c-psc__inc { font-size: .8125rem; font-weight: 700; color: var(--c-teal); }
.eg-c-psc__dl dt small { display: block; font-size: .75rem; color: var(--c-text-3); }

/* ---- V4.4 · INCLUDED IN THE SERVICE FEE -----------------------------------
   The calculator no longer asks about delivery (Email + WhatsApp are both
   included, so the figures are identical either way): it states it. */
.eg-c-pinc4__l { display: grid; gap: .5rem; margin: 0; padding: .875rem 1rem; list-style: none; border: 1px solid var(--c-line-strong); border-radius: 14px; background: var(--c-ink-soft); }
/* Top-aligned to the FIRST line: at 320px "WhatsApp ticket delivery" wraps,
   and a centred ring would sit between its two lines, off the word. */
.eg-c-pinc4__l li { display: flex; align-items: flex-start; gap: .625rem; font-weight: 600; line-height: 1.5rem; }
.eg-c-pinc4__l li > svg { flex: none; width: 1.125rem; height: 1.125rem; margin-top: .1875rem; color: var(--c-teal); }
.eg-c-pinc4__l li > span { display: inline-flex; align-items: flex-start; gap: .5rem; }
.eg-c-pinc4__ico { display: inline-grid; place-items: center; width: 1.625rem; height: 1.625rem; margin-top: -.0625rem; flex: none; border-radius: 999px; border: 1px solid var(--c-line-strong); color: var(--c-teal); }
.eg-c-pinc4__ico svg, .eg-c-pinc4__ico img[data-wa-mark] { width: .875rem; height: .875rem; vertical-align: 0; }
.eg-c-pwho__dlv { border-color: color-mix(in srgb, var(--c-teal) 55%, transparent) !important; }
.eg-c-pwho__dlv .eg-c-dp { margin-top: .875rem; }

/* ---------------------------------------------------------------- PART 2 -- */
/* Dropped 2026-09-29 (R6): the pages shell links the synced 06-v4.css. */

/* ---------------------------------------------------------------- PART 3 -- */
/* Nothing on this page may push the window sideways, at 320px either. */
.eg-c-price { overflow-wrap: break-word; }
.eg-c-price__hero > *, .eg-c-pcalc__grid > *, .eg-c-pwho > *, .eg-c-pfree > * { min-width: 0; }

/* The form answers without JavaScript: a submit button, and field errors the
   server (or the script) shows. A field's hint and its error share ONE place
   (the error is empty until there is one, then it takes the hint's place), so
   showing an error moves nothing on the page. */
.eg-c-price .eg-c-pcalc__go { justify-self: start; min-height: 48px; }
@media (max-width: 479.98px) { .eg-c-price .eg-c-pcalc__go { width: 100%; justify-self: stretch; } }
.eg-c-price .eg-c-pf__e { font-size: .8125rem; font-weight: 700; color: var(--status-serious); }
.eg-c-price .eg-c-pf__msg { display: grid; }
.eg-c-price .eg-c-pf__msg > * { grid-area: 1 / 1; }
.eg-c-price .eg-c-pf__e:not(:empty) + .eg-c-pf__h { visibility: hidden; }
/* … and that place is always as tall as the longest message the field can show
   (data-reserve, set in the message's own type, never seen and never read out). */
.eg-c-price .eg-c-pf__msg::before { content: attr(data-reserve); grid-area: 1 / 1; visibility: hidden; pointer-events: none; font-size: .8125rem; font-weight: 700; }
/* The "common ticket values" are links (Calculate is the form's only submit
   button): the same 44px pill as V4's buttons. */
.eg-c-price a.eg-c-chip { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }

/* The headings, whatever the order of the stylesheets. V4 loads this file
   last; here it is moved to the end of <head> when the page is put together
   (Pages\PricingRoute::stylesheet_last). Should that ever fail closed, the
   chrome's ".eg-c-type :where(h1, h2, h3)" would otherwise win at equal
   specificity. The values are those of Part 1. */
.eg-c-price .eg-c-price__h { line-height: .98; letter-spacing: -.035em; }
.eg-c-price .eg-c-price__h2 { line-height: 1.02; letter-spacing: -.03em; }
.eg-c-price .eg-c-psc__h { font: 800 .875rem var(--font-ui); }
.eg-c-price .eg-c-pf input[type="text"]:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; }
.eg-c-price .eg-c-chip:focus-visible, .eg-c-price .eg-c-pcalc__go:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 3px; }
.eg-c-price .eg-c-pinc__col a { display: inline-flex; align-items: center; min-height: 44px; color: var(--c-accent); text-decoration: underline; text-underline-offset: .2em; }

/* Results: the figures are replaced in place, in tabular numerals, inside
   boxes whose height does not depend on the figure. */
.eg-c-price .eg-c-pcalc__v { min-height: 1.1em; }
.eg-c-price .eg-c-pcalc__s { min-height: 1.3em; }

/* Two ways to cover the fee. */
@media (min-width: 960px) { .eg-c-price .eg-c-psc__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* The examples tables scroll inside their own box on a narrow screen. */
.eg-c-price .eg-c-pcalc__static { display: grid; gap: 1.5rem; margin-top: clamp(2rem, 4vw, 3rem); min-width: 0; }
.eg-c-price .eg-c-pcalc__scroll { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
.eg-c-price .eg-c-pcalc__scroll:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 3px; }
.eg-c-price .eg-c-pcalc__table { min-width: 34rem; }
.eg-c-price .eg-c-pcalc__table th { font-weight: 700; }
.eg-c-price .eg-c-pcalc__table thead th { font-size: .8125rem; color: var(--c-text-2); }

.eg-c-price .eg-c-price__bandlead { text-align: center; margin-inline: auto; }

/* V5 (migration P-08): the "Number of tickets" slider (Part 1's .eg-c-pf__range,
   44px tall) stays hidden until the script shows it, whatever a theme does to
   inputs, and is focused like the fields. The change notice is Part 1's
   .eg-c-pcalc__chg: no box while it is empty. */
.eg-c-price .eg-c-pf__range[hidden] { display: none; }
.eg-c-price .eg-c-pf__range:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .eg-c-price .eg-c-pcalc__seg { transition: none; }
}