/* Market Watch index (/market-watch).
   Loaded only on that page; see the is_page() branch in functions.php, next to
   the 404 one it copies.

   No new colours, no new face, no new button and, deliberately, almost no new
   component. The stat tiles and the bar chart are the `.ea-mw__*` rules the
   homepage Market Watch section already ships in sitewide.css, used as they
   are: those selectors are class-only rather than scoped under `.ea-mw`, so
   they apply here without a band wrapper.

   EVERY rule in this file is scoped under an `.ea-mwx*` class. That is not
   tidiness, it is the guarantee that nothing here can reach the homepage,
   which renders the same chart component in a twelve week form and must keep
   rendering exactly as it did. Never loosen one of these selectors to a bare
   `.ea-mw__*`.

   The page frame matches .ea-kcindex in kc-archive.css: same 1180px measure,
   same 6vw gutter, same bottom padding. A visitor moving between the guides
   index and the reports index should not feel the column move. */

/* ===========================================================================
   1. The opening block: title AND this week's figures, one band.

   This used to be two: a white title band, then a greige stats band under it.
   The first real figure landed 764px down at 1440 and 625px down at 390, which
   on a phone is most of the screen spent before a single number. Merging them
   removes a whole band rather than shrinking any type: the h1 and the intro
   keep the same scale they have on /buildings and /neighborhoods.
   ======================================================================== */

/* .ea-archive-hero supplies the band and the header offset (runtime.js pads
   the first one it finds). This only closes the bottom, which the shared
   44px was sizing for a title alone and not for a stat row and a button. */
/* THE GUTTER IS ON THE BAND, not on anything inside it, which is how .ea-mw
   holds its own: `padding: 5.5rem 6vw` on the section and `max-width: 1012px`
   on the inner, so the measure is 1012px wherever the window is wide enough for
   it and 6vw of air everywhere else.

   It had to move here the moment the tiles stopped being centred. Centred text
   in a full bleed box merely looks a little wide; a label ranged LEFT and a
   figure ranged RIGHT in one runs both of them into the edges of the screen,
   and at 390 the hairlines ran edge to edge and "$135.5M" was clipped. The
   6vw was previously carried by .ea-mwx__intro alone, which is why the heading
   looked correctly inset while the row under it did not, and it comes off that
   element here so the two are not gutted twice.

   Safe against runtime.js, which sets `style.paddingTop` on this element and
   only that; see the note above .ea-mwx__heroinner. */
.ea-mwx__hero {
  padding-right: 6vw;
  padding-bottom: 4rem;
  padding-left: 6vw;
}

/* sitewide.css raises only the direct children of .ea-archive-hero above the
   .section-background. Everything here is one level further in. */
/* THE INK IS THE BAND'S, NOT THE PAGE'S.

   .ea-mw sets `color: var(--eabc-ink)` on its own <section>, and
   .ea-mw__stat-value declares no colour of its own, so on the homepage the
   three figures paint #2e2e2f. This hero is not inside .ea-mw, so the same
   markup was inheriting the page's #1a1a1a instead and the index's figures were
   a measurably different, colder ink from the identical figures on /home2. One
   token, stated once here, and every tile in the band is the band's ink. */
.ea-mwx__heroinner {
  position: relative;
  z-index: 1;
  max-width: 1012px;
  margin: 0 auto;
  text-align: center;
  color: var(--eabc-ink, #2e2e2f);
}

/* ---------------------------------------------------------------------------
   THE OPENING, IN THE HOMEPAGE BAND'S TYPE RHYTHM.

   The homepage Market Watch band opens on three lines in three roles: a small
   letterspaced Hanken eyebrow, a centred Cormorant heading, then one italic
   muted EB Garamond line naming the week. Everything under it, the tiles, the
   button and the quiet link, hangs off that rhythm.

   This hero now uses THE SAME THREE ROLES TWICE, nested, because it has two
   things to say where the band has one:

     NYC Luxury Market Reports          Cormorant, the page      (h1)
     Manhattan luxury contract ...      italic muted, the page's line
     LATEST REPORT                      eyebrow, the block
     Week of August 10, 2026            Cormorant, the week      (h2)
     [ three tiles ] [ button ] [ link ]

   which is heading + italic line, then eyebrow + heading, then the band's own
   furniture. Same three faces, same three sizes, same muted grey, in the same
   order, so a reader arriving from /home2 is reading the same object.

   WHAT IS NOT COPIED, AND WHY. The band puts a twelve week chart between the
   tiles and the button. It is not repeated here: this page's chart is the whole
   run, all 31 weeks, and it is 300px below in "The run so far". Two bar charts
   of the same series on one screen, one of them a twelve week crop, would be
   the homepage's single week framing pasted onto an archive.
   --------------------------------------------------------------------------- */

/* .ea-archive-intro carries margin: 50px auto 3.2rem, sized for a header that
   is the only thing in its band. Here it has a whole block under it, so the air
   above is trimmed and the air below is 3.2rem: the exact step .ea-mw__week
   holds open between the band's opening and its first figure. */
/* No padding of its own: the 6vw is the band's now. See .ea-mwx__hero. */
.ea-mwx__intro {
  margin: 28px auto 3.2rem;
  padding: 0;
}

/* .5rem, which is .ea-mw__title's own gap to the line under it. The shared
   archive rule sets 46px here (24px at 767), sized for an h1 with a paragraph
   of body copy beneath it; this one has a single caption line beneath it and
   they are one unit.

   TWO CLASSES AND A TYPE, beating `.ea-archive-intro h1` on specificity rather
   than on source order, so a stylesheet reshuffle cannot silently hand the h1
   back its 46px. Same reason .ea-mwx__ctawrap is written the way it is. */
.ea-mwx__hero .ea-mwx__intro h1 {
  margin-bottom: .5rem;
}

/* The page's one line of intro, in .ea-mw__week's clothes: EB Garamond italic,
   1.05rem, muted. Not a rewording, the sentence is the one that was always
   here; it is the same words in the slot the band gives to its week line.

   The shared archive rule sets this to 21.184px roman (18.4px at 767) and is
   deliberately left alone for /buildings, /neighborhoods, /knowledge-center and
   /press, which have no band in them. It is out-specified rather than edited:
   0,2,1 against its 0,1,1, which also carries across the 767 breakpoint without
   a second rule, because specificity beats a media query. */
.ea-mwx__hero .ea-mwx__intro p {
  font-family: "EB Garamond", var(--body-font-font-family), Georgia, serif;
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.4;
  color: var(--eabc-muted, rgba(0, 0, 0, .58));
}

/* The week, as the page's second heading and its first link. Cormorant, below
   the h1 and above the labels, so the heading order reads as a heading order.
   Not .ea-mw__title: that is the homepage's 2.4rem section heading and it would
   compete with the h1 sitting directly above it.

   3.2rem under it, which is .ea-mw__week's step to the tiles on the homepage.

   THE LINK CARRIES NO RULE AT REST any more, only on hover and focus, which is
   how .ea-mw__title a and .ea-mw__week a behave in the band. A permanent
   hairline under a 1.55rem heading read as an underlined heading rather than as
   a heading that happens to be a link, and it is not the only route: the
   .eabc-btn four lines below goes to the same report and says so in words.

   INDEX ONLY, and this file is the right place for it. The report panel takes
   this hero's SPACING but not its opening: a report page's own h1 already names
   the week, so an eyebrow and a week line under it would be that h1 again in a
   smaller face. Nothing outside /market-watch uses this class. */
.ea-mwx__weekline {
  margin: 0 0 3.2rem;
  font-family: "Cormorant Garamond", var(--heading-font-font-family), Georgia, serif;
  font-weight: 400;
  font-size: 1.55rem;
  line-height: 1.2;
  letter-spacing: -.005em;
  color: var(--eabc-ink, #2e2e2f);
}

.ea-mwx__weekline a {
  color: inherit;
  text-decoration: none;
}

.ea-mwx__weekline a:hover {
  text-decoration: underline;
}

.ea-mwx__weekline a:focus-visible {
  outline: 2px solid var(--eabc-ink, #2e2e2f);
  outline-offset: 4px;
}

/* 3.5rem, the band's own step under its tiles. It was 2.6rem, trimmed on the
   argument that the button followed immediately and did not need a section
   break; the band spends 3.5rem there and this hero now spends it too, so the
   two read at the same pace. */
.ea-mwx__hero .ea-mw__stats {
  margin-bottom: 3.5rem;
}

/* ===========================================================================
   2. The run so far: aggregates, then the trend.
   ======================================================================== */

/* Paper ground, not a second greige band: two --eabc-sand bands stacked read
   as one slab and the opening block loses the emphasis the band gives it. */
.ea-mwx__totals {
  padding: 4.5rem 6vw 4rem;
  color: var(--eabc-ink, #2e2e2f);
}

/* Matches .ea-mw__inner, so the aggregates sit on the same centred measure as
   the tiles in the band above them. */
.ea-mwx__inner {
  max-width: 1012px;
  margin: 0 auto;
  text-align: center;
}

/* .ea-mw__title sets the face and size; this only opens the space under a
   heading that has a grid beneath it rather than a one line week. */
.ea-mwx__h2 {
  margin-bottom: 2.2rem;
  text-align: center;
}

/* --- Sortable column headers ------------------------------------------- */

/* The <th> is the label; the button inside it is the control. Stripped back to
   nothing so the header still looks like a header: same face, same size, same
   tracking, same muted ink, inherited rather than restated. */
.ea-mwx__sort {
  appearance: none;
  -webkit-appearance: none;
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
}

.ea-mwx__sort:hover {
  color: var(--eabc-ink, #2e2e2f);
}

.ea-mwx__sort:focus-visible {
  outline: 2px solid var(--eabc-ink, #2e2e2f);
  outline-offset: 3px;
}

/* The arrow.

   Fixed width and always present, so switching columns cannot reflow the
   header row and shift every figure sideways under the reader's eye. Faint on
   the inactive columns, which is also the only affordance saying the headers
   can be pressed at all.

   Decorative: the direction a screen reader gets is aria-sort on the th, set by
   the script. This glyph is aria-hidden. */
.ea-mwx__sortind {
  display: inline-block;
  width: .8em;
  margin-left: .25em;
  text-align: center;
  opacity: .35;
}

.ea-mwx__sortind::after {
  content: "\2195";  /* up down arrow: sortable, not currently sorted */
}

.ea-mwx__th[aria-sort] .ea-mwx__sortind {
  opacity: 1;
}

.ea-mwx__th[aria-sort="descending"] .ea-mwx__sortind::after {
  content: "\2193";
}

.ea-mwx__th[aria-sort="ascending"] .ea-mwx__sortind::after {
  content: "\2191";
}

/* The active column head goes to full ink, so the sorted column is legible as
   the sorted column without reading the arrow. */
.ea-mwx__th[aria-sort] {
  color: var(--eabc-ink, #2e2e2f);
}

/* Until mw-sort.js has run there is no button and no arrow, and the headers are
   what they were: plain labels over a table in its default order. Nothing here
   hides a row or a header behind script. */

/* --- The linked sub-line on a stat tile -------------------------------- */

/* Only the Highest Contract tile has one: it is the one aggregate that belongs
   to a single week rather than to the whole period. Ink rather than the note's
   muted grey, so the sub-line reads as somewhere to go. */
.ea-mwx__notelink {
  color: var(--eabc-ink, #2e2e2f);
  text-decoration: none;
  border-bottom: 1px solid var(--eabc-sand, #dbd7ce);
}

.ea-mwx__notelink:hover,
.ea-mwx__notelink:focus-visible {
  color: var(--eabc-ink, #2e2e2f);
  border-bottom-color: var(--eabc-ink, #2e2e2f);
  text-decoration: none;
}

.ea-mwx__notelink:focus-visible {
  outline: 2px solid var(--eabc-ink, #2e2e2f);
  outline-offset: 3px;
}

/* ===========================================================================
   3. The archive table.
   ======================================================================== */

.ea-mwx {
  display: block;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 6vw 5.5rem;
  color: var(--eabc-ink, #2e2e2f);
}

/* Only ever printed if no report is flagged, which should not happen. */
.ea-mwx__empty {
  margin: 3rem 0;
  text-align: center;
  font-family: var(--body-font-font-family, "EB Garamond"), Georgia, serif;
  color: var(--eabc-muted, rgba(0, 0, 0, .58));
}

/* --- The scroller ------------------------------------------------------ */

/* This box, and only this box, is allowed to scroll sideways.

   Horizontal overflow at 390 is the recurring failure on this build and a wide
   data table is its classic cause. `max-width:100%` is what stops the table
   from widening its ancestors: without it the table sets the width of this
   div, the div sets the width of .ea-mwx, and the document scrolls instead. */
.ea-mwx__scroll {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

/* Reachable by keyboard, because a box that scrolls has to be. Visible on the
   paper ground at 2px outside the box, matching the topic filter buttons. */
.ea-mwx__scroll:focus-visible {
  outline: 2px solid var(--eabc-ink, #2e2e2f);
  outline-offset: 2px;
}

/* --- The table --------------------------------------------------------- */

.ea-mwx__table {
  width: 100%;
  /* The four columns only need this much; beyond it the type gets lonely and
     the eye loses the row. Below it the scroller takes over. */
  min-width: 34rem;
  border-collapse: collapse;
  /* Every figure in the table is a number, so the digits are monospaced by
     width for the whole element rather than per cell. This is what lets a
     reader scan a column of dollar figures and see magnitude from shape. */
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* Column heads: the site's label type, not its heading type. These are field
   names, the same kind of object as .ea-kcindex__meta, not titles.

   .68rem is the .ea-kcindex__meta step, and it is the size of ALL FOUR headers.
   That took an explicit .ea-mwx__th.ea-mwx__num rule further down: the three
   numeric headers carry both classes, the two rules had identical specificity,
   and .ea-mwx__num came later in the file, so Contracts, Volume and Top
   Contract were rendering at the BODY size of .95rem (15.2px at 1440) while
   Week rendered at .68rem (10.88px). One header at two thirds the size of its
   three peers is what "week is small but contracts and volume are big" was. */
.ea-mwx__th {
  font-family: var(--primary-button-font-font-family, "Hanken Grotesk"), system-ui, sans-serif;
  font-weight: 400;
  font-size: .68rem;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: var(--eabc-muted, rgba(0, 0, 0, .58));
  text-align: left;
  padding: 0 1rem .7rem 0;
  border-bottom: 1px solid var(--eabc-ink, #2e2e2f);
  white-space: nowrap;
}

/* A hairline between weeks, the same rule weight .ea-kc__card uses to separate
   cards, so the two indexes are ruled the same way. */
.ea-mwx__table tbody tr {
  border-bottom: 1px solid var(--eabc-sand, #dbd7ce);
}

.ea-mwx__table td,
.ea-mwx__table tbody th {
  padding: .95rem 1rem .95rem 0;
  vertical-align: baseline;
}

.ea-mwx__table td:last-child,
.ea-mwx__table th:last-child {
  padding-right: 0;
}

/* Every body cell, on ONE scale and ONE face.

   The week used to be EB Garamond at 1.02rem beside figures in Hanken Grotesk
   at .95rem. Two sizes and two faces across a single row of a single week's
   data, where there is no hierarchy to express: a reader had to change gear
   halfway across every row, and the serif's smaller x-height made the two look
   further apart than the 1px between them.

   .95rem, the step home-sections.css already uses, in the label face, because
   this is data and not prose. The week keeps its emphasis from its underline
   and from being a link, which is weight and colour rather than size. */
.ea-mwx__table td,
.ea-mwx__table tbody th {
  font-family: var(--primary-button-font-font-family, "Hanken Grotesk"), system-ui, sans-serif;
  font-weight: 400;
  font-size: .95rem;
  line-height: 1.4;
  color: var(--eabc-ink, #2e2e2f);
}

.ea-mwx__week {
  text-align: left;
  /* Long ranges ("December 29, 2025 to January 4, 2026") wrap inside this
     column rather than pushing the table wider. */
  min-width: 11rem;
}

.ea-mwx__link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid var(--eabc-sand, #dbd7ce);
}

.ea-mwx__link:hover,
.ea-mwx__link:focus-visible {
  color: var(--eabc-ink, #2e2e2f);
  border-bottom-color: var(--eabc-ink, #2e2e2f);
  text-decoration: none;
}

.ea-mwx__link:focus-visible {
  outline: 2px solid var(--eabc-ink, #2e2e2f);
  outline-offset: 3px;
}

/* Right aligned so the columns read as numbers and the magnitudes line up at
   the decimal end. Nowrap because "$135.5M" broken across two lines is not a
   number any more. Size and face come from the shared body cell rule above; the
   figures and the week are the same scale on purpose. */
.ea-mwx__num {
  text-align: right;
  white-space: nowrap;
}

/* Right aligned like the figures under them, and the SAME SIZE as the Week
   header beside them. The font-size is restated rather than left to inherit
   because .ea-mwx__num sets one too, and at equal specificity source order
   would decide it. Two classes here, so this wins outright. */
.ea-mwx__th.ea-mwx__num {
  text-align: right;
  font-size: .68rem;
  letter-spacing: .16em;
  color: var(--eabc-muted, rgba(0, 0, 0, .58));
}

.ea-mwx__blank {
  color: var(--eabc-muted, rgba(0, 0, 0, .58));
}

/* --- The way back ------------------------------------------------------ */

/* Same shape as .ea-kc__cta and .ea-bldg__cta: one centred pill closing the
   section. */
.ea-mwx__cta {
  margin: 3rem 0 0;
  text-align: center;
}

/* ===========================================================================
   Narrow.

   Matches the kc-archive.css breakpoint so the two indexes step down together.

   The table's min-width is dropped, the column heads are allowed to wrap and
   their tracking is cut, which together get all four columns into the 343px a
   390px screen leaves after the 6vw gutters. Measured, not guessed: at 390 the
   table comes out at 343px, so it fits with nothing to spare. The figures
   themselves never wrap, so the numbers still read as numbers.

   Nothing to spare is the point of .ea-mwx__scroll. A longer date range, a
   different fallback face or a larger default text size can all push this past
   the viewport again, and when that happens it is the box that scrolls and the
   page that does not. Do not remove the scroller because the table fits today.
   ======================================================================== */

@media (max-width: 767px) {
  .ea-mwx__hero { padding-bottom: 3rem; }
  /* 2.2rem is .ea-mw__week's phone step, the same substitution as the 3.2rem
     at 1440. */
  .ea-mwx__intro { margin: 18px auto 2.2rem; }
  .ea-mwx__weekline { font-size: 1.3rem; margin-bottom: 2.2rem; }
  /* 2.5rem is the band's phone step under its tiles. */
  .ea-mwx__hero .ea-mw__stats { margin-bottom: 2.5rem; }

  .ea-mwx__totals { padding: 3.25rem 6vw 3rem; }
  .ea-mwx__h2 { margin-bottom: 1.8rem; }

  /* -------------------------------------------------------------------------
     BOTH STAT ROWS ON THIS PAGE TURN ON THEIR SIDE, exactly as the homepage
     band's do below 767. The construction is sitewide.css's `.ea-mw
     .ea-mw__stat` block, restated here against this page's own wrappers,
     because that one is scoped to the shortcode's <section> and this page has
     no .ea-mw element in it.

     WHY, and it is the same arithmetic that was measured on the band. Centred
     and stacked, the three figures share no edge: "18", "$135.5M" and "$24M"
     set 36px, 130px and 92px wide, which centres their right edges 190px, 236px
     and 218px from the left of a 343px column. Three numbers whose whole job is
     to be read against each other, none of them lined up with another. Turned
     sideways, the label and its note take the left, the figure takes the right,
     and the three figures end on one edge.

     Three across was measured and rejected on the band and the numbers are the
     same here: "CONTRACTS SIGNED" is 139px at .72rem with .16em tracking and a
     third of a 343px column is 106px, so every label would wrap at a different
     point. 2.4rem rather than the 2.8rem the centred stack used, because
     "$135.5M" is 111px at 2.4rem against the widest label's 139px, which still
     leaves 16px of slack in a 320px column.

     BOTH ROWS, not just the hero's. The brief was the top of the page, but the
     aggregates 300px below it are the same three tiles in the same component,
     and one page carrying a sideways row and a centred row at 390 is the
     inconsistency, not the fix. The aggregates' third note is a link to the
     record week; ranged left under its label it reads as the sub-line it is.

     THE RULE IS A DIVIDER. border-top on every tile, suppressed on the first,
     nothing at the foot: see THE HAIRLINE RULE at the top of sitewide.css. One
     column, so N is 1. No enclosing box, and the same rgba(0,0,0,.16) hairline
     the rest of the site's text-only rows use, on the greige band and on the
     paper ground alike.

     SCOPED TO THIS PAGE'S TWO WRAPPERS. Never widen these to a bare
     `.ea-mw__stats`: that class is also the homepage band's, which has its own
     measured rules, and the report pages' context panel
     (.ea-mw__stats.ea-mwx__figs in mw-chart.css), which deliberately prints no
     notes and sizes its figures off their own track.

     DOM ORDER IS UNTOUCHED. The <dl> still emits label, figure, note, so a
     screen reader still hears "Contracts Signed, 18, above $4 million". Only
     the grid placement differs, and the one focusable thing in any tile is the
     record week's link, which keeps its place in the note.
     ---------------------------------------------------------------------- */
  .ea-mwx__hero .ea-mw__stats,
  .ea-mwx__totals .ea-mw__stats {
    gap: 0;
    text-align: left;
  }

  .ea-mwx__hero .ea-mw__stat,
  .ea-mwx__totals .ea-mw__stat {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 1rem;
    padding: 1.1rem 0;
    border-top: 1px solid rgba(0, 0, 0, .16);
  }

  .ea-mwx__hero .ea-mw__stat:first-child,
  .ea-mwx__totals .ea-mw__stat:first-child {
    border-top: 0;
  }

  .ea-mwx__hero .ea-mw__stat-label,
  .ea-mwx__totals .ea-mw__stat-label {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    line-height: 1.3;
    text-align: left;
    overflow-wrap: break-word;
  }

  .ea-mwx__hero .ea-mw__stat-note,
  .ea-mwx__totals .ea-mw__stat-note {
    grid-column: 1;
    grid-row: 2;
    margin: .25rem 0 0;
    line-height: 1.35;
    text-align: left;
    overflow-wrap: break-word;
  }

  .ea-mwx__hero .ea-mw__stat-value,
  .ea-mwx__totals .ea-mw__stat-value {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0;
    font-size: 2.4rem;
    line-height: 1;
    text-align: right;
  }


  .ea-mwx { padding-bottom: 3.5rem; }
  .ea-mwx__table { min-width: 0; }
  /* Same .68rem step as at 1440, not a smaller one: the headers were only
     shrunk here to claw back the width the specificity bug above was costing,
     and with all four at label size the table fits without it. Only the
     tracking and the padding come in, and the heads are allowed to wrap. */
  .ea-mwx__th,
  .ea-mwx__th.ea-mwx__num {
    letter-spacing: .1em;
    padding-right: .5rem;
    white-space: normal;
  }
  .ea-mwx__table td,
  .ea-mwx__table tbody th { padding: .8rem .5rem .8rem 0; }
  .ea-mwx__week { min-width: 7.5rem; }
  .ea-mwx__cta { margin-top: 2.2rem; }
  .ea-mwx__cta .eabc-btn { padding: .95rem 1.6rem; font-size: .9rem; }
}

/* --- The enquiry card at the foot of the index ------------------------- */

/* page-market-watch.php borrows the Knowledge Center article wrapper chain so
   the card lands on the article measure, 677px at 1440, instead of running the
   full width of this page. Everything in that chain is wanted except one thing:
   article.entry carries 43.2px of TOP padding, which is right when it is
   opening a real article and wrong when the article is a measuring device
   holding nothing but the card.

   Left in, the gap above the form measured 108px here against 65px on the
   guides and the neighborhood pages. Zeroed, it is 65px, which is the card's
   own 17px .sqs-block padding plus .ea-autocta's 48px margin, the same two
   numbers that produce the gap everywhere else. The bottom padding stays: it is
   part of the 119px below the card, which already matched. */
/* Three classes and a type, because the rule being overridden is
   `.blog-item-wrapper article.entry { padding-top: var(--pagePadding) }` from
   the ported bundle. A two-class selector loses to it outright, and a tie
   decided by source order would be one stylesheet reshuffle away from silently
   coming back. */
.ea-mwx__ctawrap.blog-item-wrapper article.entry {
  padding-top: 0;
}

/* --- Sending a reader on, from the foot of the index ------------------- */

/* The cross-link to /knowledge-center used to be a lone pill under the last
   table row with nothing saying what it was for, which reads as debris rather
   than as an offer. It is a section now, in the same eyebrow / heading / button
   shape the homepage uses to send people to the buildings, the neighborhoods
   and the guides, so it looks like the rest of the site sending someone
   somewhere. */
/* NO bottom padding. The gap between this block and the enquiry card below it
   is the card's own: 17px from the bare .sqs-block plus 48px from
   .ea-autocta's margin-top, which is the 65px the Knowledge Center articles and
   the neighborhood guides measure. Adding any here would make this one page
   space its form differently from every other page on the site. The gap ABOVE
   comes from the table section's own 5.5rem bottom padding. */
.ea-mwx__more {
  max-width: 1012px;
  margin: 0 auto;
  padding: 0 6vw;
  text-align: center;
}

.ea-mwx__more .ea-mwx__h2 {
  margin-bottom: 1.6rem;
}

.ea-mwx__more-cta {
  margin: 0;
}