/* AssetShop, shape (R674): the siblings of a group are one shape.
   Keyed by the group classes the site already has, the same bytes on both sites, no image, no script, no !important.
   1. Members fill their column and their row: the width of the column (never the width of their text), the height of the row,
      never wider than the track they sit in.
   2. The places where one member was made a different shape on purpose or by accident are made equal: the front door's seventh
      door, the truth labels' seventh cell, the product cards' status corner, the pulse tiles, the tier chips on a small screen.
   The palette, the type and the spacing are the pages' own. */

/* ---- 1. members fill their column and their row */
:is(div.bens > .ben, main#main > section.card, div.stack > .row, div.cross > .cx, div.problem-grid > .problem-card, div.domains-grid > .domain,
    div.outcome-stats > .outcome-stat, div.faq-list > .faq-item, div.reg > .qa, main#main > div.card, div.grid3 > .card, div.grid-3 > .card, div.grid-2 > .card,
    form#itk-form > .itk-group, div.w > section.r657, div.grid > .cell, div.ledger > .row, div.im-wrap > .im-row, div#t-chains > .cell, div.pp-wrap > section.pp-card,
    div#fv-axes > .card, div.pk60 > .pk61, div.wrap > .gate, div.cgrid > .ccard, div.feat-grid > .fc, div.how-grid > .how-step, div.sus-grid > .sus-card,
    div.set-sec > .set-row, div.cz-grid > .cz-card, div#cz-concepts > .cz-grid, div.onb-card > .onb-step, div.features-grid > .feature-card,
    div.sustainability-grid > .sustainability-card, div.main-content > .view, div.grid > .card, div.g4 > .cell, div.g3 > .cell, div.g3 > a.cell, div.grid2 > .cell,
    div#pulse > .pulse-item, div.fd-grid > .fd-door, div.pgrid > a.pcard, div.grid9 > .lab) {
  box-sizing: border-box; min-width: 0; align-self: stretch; justify-self: stretch;
}
:is(div.bens, div.stack, div.cross, div.problem-grid, div.domains-grid, div.outcome-stats, div.grid3, div.grid-3, div.grid-2, div.grid, div.ledger,
    div.fd-grid, div.pgrid, div.grid9, div.cgrid, div.feat-grid, div.how-grid, div.sus-grid, div.cz-grid, div.features-grid, div.sustainability-grid, div.g4, div.g3, div.grid2) {
  align-items: stretch;
}

/* ---- 2. the places that were not equal */
/* the front door: seven doors are one width; the last row is closed by a blank cell, not by a door twice as wide */
div.fd-grid > article.fd-door:nth-child(7) { grid-column: auto; }
div.fd-grid::after { content: ""; background: var(--void, #05060B); }
@media (max-width: 699px) { div.fd-grid::after { display: none; } }
/* the truth labels: seven cells of one width (the markup no longer spans the seventh), the blank cell closes the row */
div.grid9::after { content: ""; background: var(--void, #05060B); grid-column: 2 / -1; }
@media (max-width: 460px) { div.grid9::after { display: none; } }
/* the product cards: the status keeps its corner and the kicker never runs under it, whatever the kicker says */
div.pgrid > a.pcard > .pk { padding-right: 5.5rem; line-height: 1.3; }
/* the pulse tiles: the figures are one width; the controls tile keeps its own */
div#pulse > .pulse-item:not(.controls) { flex: 0 0 232px; }
/* the tiers' chips: a long chip wraps inside its card on a small screen instead of running past it */
div.tier .kids > .chip { white-space: normal; max-width: 100%; overflow-wrap: anywhere; }