/*
 * T0 — the homepage, at the artboard's own measurements (Task 16b).
 *
 * Source: design/claude-design/Template 0 - Homepage with news section.dc.html.
 * Every value below is lifted from that artboard's inline styles, and every
 * rule is scoped under main.wi-home or to a class only the home blocks emit,
 * so nothing here reaches another template — except "Who publishes this",
 * which is the same block on /browse/ and is drawn the same on both artboards. Colour is tokens only — no hex, no rgb(), and no color-mix(): the
 * artboard dims text on its dark band with color-mix(currentColor N%,
 * transparent), which this file writes as opacity on the element instead, so
 * the value still flips with the band in dark mode.
 *
 * The page geometry is the artboard's, not .wi-wrap's: each section is
 * padded var(--s4) and its content is var(--page) wide, so at 1280px the
 * content starts 16px left of the masthead's. That offset is in the artboard.
 * front-page.html gives <main> the default layout — a constrained parent caps
 * every child at the content size, and the hero is a full-bleed band.
 */

/* ------------------------------------------------------------ geometry */

.wi-home > :not(.wi-home-hero) {
  box-sizing: border-box;
  max-width: calc(var(--page) + 2 * var(--s4));
  margin-inline: auto;
  padding-inline: var(--s4);
}

.wi-home > .wi-section {
  padding-top: clamp(48px, 9vw, var(--s9));
  scroll-margin-top: var(--s4);
}

.wi-home > .wi-home-news {
  padding-top: clamp(40px, 7vw, var(--s8));
}

/* ------------------------------------------------------------- the hero */

.wi-home-hero {
  background: var(--terminal);
  color: var(--bg);
  padding: clamp(48px, 10vw, var(--s9)) var(--s4) clamp(40px, 7vw, var(--s8));
}

.wi-home-hero__inner {
  max-width: var(--page);
  margin: 0 auto;
}

.wi-home-hero__kicker {
  font: var(--fs-xs) / 1.4 var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.78;
}

.wi-home-hero__figure {
  font: 600 clamp(38px, 9vw, 84px) / 1.02 var(--serif);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  margin-top: clamp(24px, 5vw, var(--s7));
}

.wi-home-hero__support {
  font: 400 clamp(20px, 3.4vw, var(--fs-2xl)) / 1.28 var(--serif);
  margin-top: var(--s5);
  max-width: 31ch;
}

/* The stat row: mono uppercase term above a mono figure, then its note. */
.wi-home-hero__stats {
  margin-top: clamp(28px, 5vw, var(--s7));
  display: grid;
  gap: var(--s5);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  border-top: 1px solid var(--ink-3);
  padding-top: var(--s5);
}

.wi-home-hero__stats dt {
  font: var(--fs-xs) / 1.4 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.75;
}

.wi-home-hero__value {
  font: 600 clamp(26px, 4vw, 40px) / 1 var(--mono);
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums;
  margin-top: var(--s3);
}

.wi-home-hero__note {
  font-size: var(--fs-sm);
  opacity: 0.88;
  margin-top: var(--s2);
}

/* "Total reported spending, by cycle" — the artboard's column chart. */
.wi-home-chart {
  margin-top: clamp(32px, 6vw, var(--s8));
}

.wi-home-chart__title {
  font: 650 var(--fs-xs) / 1.4 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.75;
}

.wi-home-chart__cols,
.wi-home-chart__years {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: clamp(6px, 1.6vw, var(--s4));
}

.wi-home-chart__cols {
  margin-top: var(--s5);
  align-items: flex-end;
  height: clamp(150px, 26vw, 240px);
}

.wi-home-chart__cols li {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--s2);
}

.wi-home-chart__value {
  font: 650 var(--fs-xs) / 1.2 var(--mono);
  text-align: center;
  white-space: nowrap;
  opacity: 0.92;
}

/* Height is the one inline style, set per column from the payload. */
.wi-home-chart__bar {
  display: block;
  min-height: 1px;
  background: currentColor;
  border-radius: 1px 1px 0 0;
}

/* The unfinished cycle: hollow, a ring only — a floor, not a total. */
.wi-home-chart__cols li.is-partial .wi-home-chart__bar {
  background: transparent;
  border: 1px solid currentColor;
  opacity: 0.55;
}

.wi-home-chart__years {
  margin-top: var(--s2);
  border-top: 1px solid var(--ink-3);
  padding-top: var(--s2);
}

.wi-home-chart__years li {
  flex: 1 1 0;
  min-width: 0;
  font: var(--fs-xs) / 1.3 var(--mono);
  text-align: center;
  opacity: 0.72;
}

.wi-home-chart__note {
  font: var(--fs-xs) / 1.7 var(--mono);
  margin-top: var(--s4);
  max-width: var(--measure);
  opacity: 0.72;
}

/* The exact figures, contributions and outside spending, one click down. */
.wi-home-chart__table {
  margin-top: var(--s4);
  max-width: var(--measure);
  font: var(--fs-xs) / 1.7 var(--mono);
}

.wi-home-chart__table summary {
  cursor: pointer;
  opacity: 0.85;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.wi-home-hero .wi-table {
  margin-top: var(--s3);
  color: inherit;
}

.wi-home-hero .wi-table th {
  color: inherit;
  opacity: 0.75;
  border-bottom-color: var(--ink-3);
}

.wi-home-hero .wi-table td {
  border-bottom-color: var(--ink-3);
}

.wi-home-hero .wi-qualifier {
  opacity: 0.8;
}

/* The hero's source line: no rule above it, dimmed, links in the band's ink. */
.wi-home-hero .wi-source {
  margin-top: var(--s6);
  max-width: var(--measure);
  border-top: 0;
  padding-top: 0;
  font: var(--fs-xs) / 1.7 var(--mono);
  color: inherit;
  opacity: 0.78;
}

.wi-home-hero .wi-strong {
  color: inherit;
}

.wi-home-hero a,
.wi-home-hero a:hover {
  color: currentColor;
  text-decoration-thickness: 1px;
}

/* ------------------------------------------------- the numbered sections */

.wi-home .wi-eyebrow {
  font: var(--fs-xs) / 1.4 var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.wi-home .wi-section > h2 {
  font: 600 clamp(28px, 5.4vw, var(--fs-3xl)) / 1.12 var(--serif);
  letter-spacing: -0.02em;
  margin-top: var(--s4);
  max-width: 24ch;
}

/* The artboard's measure per heading. */
.wi-home .wi-section > #gave,
.wi-home .wi-section > #ballot,
.wi-home .wi-section > #barrier {
  max-width: 22ch;
}

.wi-home .wi-section > #where {
  max-width: 26ch;
}

.wi-home .wi-section > #outside + .wi-standfirst,
.wi-home .wi-section > #archive + .wi-standfirst {
  max-width: 56ch;
}

/* The section standfirst — serif at reading size, directly under the heading. */
.wi-home .wi-section > h2 + .wi-standfirst {
  font: 400 clamp(17px, 2.4vw, var(--fs-md)) / 1.55 var(--serif);
  color: var(--ink-2);
  margin-top: var(--s5);
  max-width: 54ch;
}

/* Provenance: mono, measure-wide, no rule — the artboard sets it as a note. */
.wi-home .wi-section .wi-source {
  margin-top: var(--s5);
  max-width: var(--measure);
  border-top: 0;
  padding-top: 0;
  font: var(--fs-xs) / 1.7 var(--mono);
}

.wi-home .wi-section > .wi-empty,
.wi-home .wi-section > .wi-scroll + .wi-empty {
  margin-top: var(--s5);
}

.wi-home .wi-section > .wi-empty + .wi-empty {
  margin-top: var(--s3);
}

/* Filled and outlined actions (§04, §06), as the artboard draws them. */
.wi-home-actions {
  list-style: none;
  margin: var(--s7) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--s3);
}

.wi-home-actions a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 15px 20px;
  border-radius: var(--radius);
  font: var(--fs-base) / 1 var(--sans);
  text-decoration: none;
}

.wi-home-actions .wi-home-actions__primary {
  background: var(--ink);
  color: var(--bg);
  font-weight: 650;
}

.wi-home-actions .wi-home-actions__primary:hover {
  color: var(--bg);
  text-decoration: underline;
}

.wi-home-actions .wi-home-actions__secondary {
  border: 1px solid var(--rule-2);
  background: var(--surface);
  color: var(--ink);
}

.wi-home-actions .wi-home-actions__secondary:hover {
  color: var(--ink);
  text-decoration: underline;
}

/* ------------------------------------------------------ §01 who gave */

.wi-home-table {
  min-width: 760px;
  margin-top: var(--s7);
  font-size: var(--fs-sm);
}

.wi-home .wi-scroll:has(> .wi-home-table) {
  margin-top: var(--s7);
}

.wi-home .wi-scroll > .wi-home-table {
  margin-top: 0;
}

.wi-home-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--ink);
}

.wi-home-table thead th.num {
  text-align: right;
  white-space: nowrap;
}

.wi-home-table thead th span {
  display: block;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 2px;
}

.wi-home-table tbody th {
  text-align: left;
  font: 650 var(--fs-sm) / 1.4 var(--sans);
  text-transform: none;
  letter-spacing: 0;
  color: var(--ink);
  padding: var(--s4) var(--s3) var(--s4) 0;
  border-bottom: 1px solid var(--rule);
}

.wi-home-table tbody th a {
  text-decoration: none;
}

.wi-home-table td {
  padding: var(--s4) var(--s3) var(--s4) 0;
  color: var(--ink-2);
  vertical-align: middle;
}

.wi-home-table td:last-child {
  padding-right: 0;
}

.wi-home-table tbody tr:last-child td,
.wi-home-table tbody tr:last-child th {
  border-bottom: 1px solid var(--rule);
}

.wi-home-table td.wi-home-table__lead {
  font: 650 var(--fs-md) / 1 var(--mono);
  color: var(--ink);
}

.wi-home-table td a {
  text-decoration: none;
}

.wi-home-table__sub {
  display: block;
  font: 400 var(--fs-xs) / 1.5 var(--mono);
  color: var(--ink-3);
  margin-top: var(--s1);
}

.wi-home-table__withheld {
  font-weight: 400;
  color: var(--ink-2);
  font-style: italic;
}

/* ---------------------------------------------------- §02 where it went */

.wi-home .wi-tabs {
  margin-top: var(--s6);
  border-bottom: 0;
  padding-bottom: 0;
  gap: var(--s2);
}

.wi-home .wi-tabs [role="tab"] {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font: var(--fs-sm) / 1 var(--sans);
  border: 1px solid var(--rule-2);
  background: var(--surface);
  color: var(--ink-2);
  padding: 12px 14px;
  border-radius: var(--radius);
}

.wi-home .wi-tabs [role="tab"][aria-selected="true"] {
  background: var(--ink);
  color: var(--bg);
  border-color: var(--ink);
}

.wi-home .wi-tabs__panel {
  margin-top: 0;
}

/* The panel's scope line, under a hairline. */
.wi-home .wi-tabs__panel > .wi-standfirst {
  font: var(--fs-xs) / 1.6 var(--mono);
  color: var(--ink-3);
  margin-top: var(--s5);
  border-top: 1px solid var(--rule);
  padding-top: var(--s3);
  max-width: none;
}

.wi-home-spenders {
  margin-top: var(--s5);
  gap: var(--s5);
}

.wi-home-spenders .wi-spenders__row {
  gap: 0;
}

.wi-home-spenders__head {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s3);
  align-items: baseline;
  justify-content: space-between;
}

.wi-home-spenders__amount {
  font: 650 var(--fs-lg) / 1 var(--mono);
  font-variant-numeric: tabular-nums;
}

.wi-home-spenders__bar {
  display: block;
  height: 14px;
  background: var(--surface-2);
  border: 1px solid var(--rule);
  margin-top: var(--s3);
}

.wi-home-spenders__bar > span {
  display: block;
  height: 100%;
  background: var(--terminal);
}

.wi-home-spenders__note {
  font: var(--fs-xs) / 1.6 var(--mono);
  color: var(--ink-3);
  margin-top: var(--s2);
}

/* ------------------------------------ §03 the money nobody can refuse */

.wi-home-ies {
  list-style: none;
  margin: var(--s7) 0 0;
  padding: 0;
  display: grid;
  gap: var(--s3);
}

.wi-home-ies__card {
  border: 1px solid var(--rule);
  border-left: var(--accent-w) solid var(--rule-2);
  background: var(--surface);
  padding: var(--s5);
  display: grid;
  gap: var(--s3);
}

.wi-home-ies__amount {
  font: 650 clamp(24px, 3.4vw, var(--fs-2xl)) / 1 var(--mono);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

.wi-home-ies__who {
  font-size: var(--fs-md);
  font-weight: 650;
}

.wi-home-ies__who a {
  text-decoration: none;
}

.wi-home-ies__record {
  font: var(--fs-xs) / 1.6 var(--mono);
  color: var(--ink-3);
  border-top: 1px solid var(--rule);
  padding-top: var(--s2);
}

.wi-home-ies + .wi-empty,
.wi-home-ies + .wi-stat {
  margin-top: var(--s7);
}

.wi-home-lobby {
  margin-top: var(--s7);
  border-top: 1px solid var(--rule);
  padding-top: var(--s6);
}

.wi-home-lobby__head {
  font: 600 clamp(20px, 3vw, var(--fs-xl)) / 1.25 var(--serif);
  max-width: 28ch;
}

.wi-home-lobby__intro {
  font-size: var(--fs-base);
  color: var(--ink-2);
  margin-top: var(--s4);
  max-width: 54ch;
}

.wi-home-marks {
  margin-top: var(--s6);
  display: grid;
  /*
   * One minmax(0, 1fr) column, not the implicit auto one: an auto column lets
   * its item keep min-width:auto, the auto-fill grid inside then sizes to its
   * 760px max-width, and at 390px the page scrolls sideways. The artboard has
   * the same defect.
   */
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s5);
}

.wi-home-marks__label {
  font: 650 var(--fs-xs) / 1.4 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.wi-home-marks__grid {
  margin-top: var(--s3);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9px, 1fr));
  gap: 2px;
  max-width: 760px;
}

.wi-home-marks__grid i {
  display: block;
  aspect-ratio: 1;
  border-radius: 1px;
  background: var(--ink);
}

.wi-home-marks--muted i {
  background: var(--ink-3);
}

/* ---------------------------------------------- §04 what it bought you */

.wi-home-trio {
  margin-top: var(--s7);
  display: grid;
  gap: var(--s6);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}

.wi-home-trio > div {
  border-top: 4px solid var(--ink);
  padding-top: var(--s4);
}

.wi-home-trio dt {
  font: var(--fs-xs) / 1.4 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.wi-home-trio__value {
  font: 600 clamp(38px, 6vw, 58px) / 1 var(--mono);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  margin-top: var(--s3);
}

.wi-home-trio__caption {
  font: 400 var(--fs-md) / 1.4 var(--serif);
  margin-top: var(--s3);
}

.wi-home-trio__note {
  font: var(--fs-xs) / 1.6 var(--mono);
  color: var(--ink-3);
  margin-top: var(--s2);
}

/* The design's second finding, stated as absent in its own slot. */
.wi-home-trio dd > .wi-empty {
  margin-top: var(--s3);
  font: var(--fs-xs) / 1.6 var(--mono);
  color: var(--ink-3);
  padding: var(--s3);
}

.wi-home-trio dd > .wi-empty .wi-empty__what {
  display: block;
  font: 600 var(--fs-md) / 1.3 var(--serif);
  color: var(--ink);
  margin-bottom: var(--s2);
}

.wi-home .wi-section .wi-home-actions + .wi-source {
  margin-top: var(--s5);
}

/* -------------------------------------- §05 and §06 — the ruled rows */

.wi-home-rows {
  list-style: none;
  margin: var(--s7) 0 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: 2px solid var(--ink);
}

.wi-home-rows > li {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s3) var(--s6);
  padding: var(--s5) 0;
  border-bottom: 1px solid var(--rule);
  align-items: baseline;
}

.wi-home-rows__value {
  flex: 0 0 auto;
  min-width: 140px;
  font: 600 clamp(24px, 3.6vw, var(--fs-2xl)) / 1.15 var(--mono);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

.wi-home-rows > li > div {
  flex: 1 1 320px;
}

.wi-home-rows__label {
  font: 650 var(--fs-xs) / 1.4 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.wi-home-rows__detail {
  font-size: var(--fs-base);
  color: var(--ink-2);
  margin-top: var(--s2);
  max-width: 46ch;
}

.wi-home-rows__cite {
  display: block;
  font: var(--fs-xs) / 1.6 var(--mono);
  color: var(--ink-3);
  margin-top: var(--s1);
}

.wi-home-rows--counters .wi-home-rows__value {
  /* The artboard's 150px holds "50,591"; ours run to seven digits. */
  min-width: 190px;
  font-size: clamp(22px, 3.2vw, var(--fs-2xl));
}

.wi-home-rows--counters .wi-home-rows__detail {
  max-width: 48ch;
}

/* "not counted" stands where the figure would be, in the absence's voice. */
.wi-home-rows li.is-absent .wi-home-rows__value {
  font: 400 var(--fs-sm) / 1.4 var(--mono);
  color: var(--ink-3);
  letter-spacing: 0;
}

.wi-home-rows li.is-absent .wi-empty {
  margin-top: var(--s2);
  max-width: 48ch;
}

.wi-home-barrier__line {
  font: 400 clamp(19px, 3vw, var(--fs-xl)) / 1.4 var(--serif);
  margin-top: var(--s6);
  max-width: 46ch;
}

.wi-home-barrier__close {
  font: 400 clamp(20px, 3.4vw, var(--fs-2xl)) / 1.3 var(--serif);
  margin-top: var(--s5);
  max-width: 36ch;
  border-top: 2px solid var(--ink);
  padding-top: var(--s5);
}

.wi-home .wi-section .wi-home-barrier__close + .wi-source {
  margin-top: var(--s4);
}

/* The chain from a giver to a statute, one record per ruled step. */
.wi-home-chain {
  margin-top: var(--s8);
  border-top: 1px solid var(--rule);
  padding-top: var(--s6);
}

.wi-home-chain__head {
  font: 600 clamp(22px, 3.4vw, var(--fs-xl)) / 1.25 var(--serif);
  max-width: 30ch;
}

.wi-home-chain__intro {
  font-size: var(--fs-base);
  color: var(--ink-2);
  margin-top: var(--s4);
  max-width: 54ch;
}

.wi-home-chain__list {
  list-style: none;
  margin: var(--s6) 0 0;
  padding: 0;
  display: grid;
  gap: var(--s2);
}

.wi-home-chain__list > li {
  border-left: var(--accent-w) solid var(--ink);
  padding: var(--s3) 0 var(--s3) var(--s5);
  display: grid;
  gap: var(--s1);
}

.wi-home-chain__list > li[data-tier="composite"] {
  border-left-style: dashed;
  border-left-color: var(--rule-2);
}

.wi-home-chain__list > li[data-tier="adjacency"] {
  border-left-style: dotted;
  border-left-color: var(--rule-2);
}

.wi-home-chain__rel {
  font: var(--fs-xs) / 1.4 var(--mono);
  color: var(--ink-3);
  letter-spacing: 0.04em;
}

.wi-home-chain__rel span {
  color: var(--ink-2);
  letter-spacing: 0;
}

.wi-home-chain__node {
  font-size: var(--fs-base);
  font-weight: 650;
}

.wi-home-chain > .wi-empty {
  margin-top: var(--s5);
}

.wi-home-rows + .wi-home-chain,
.wi-home-chain + .wi-home-actions {
  margin-top: var(--s8);
}

.wi-home-chain + .wi-home-actions {
  margin-top: var(--s6);
}

/* ----------------------------------- component 07, the recruitment block */

.wi-home > .wi-cta {
  max-width: var(--page);
  margin: clamp(48px, 9vw, var(--s9)) max(var(--s4), (100% - var(--page)) / 2) 0;
  padding: clamp(24px, 5vw, var(--s8));
  display: block;
}

.wi-home .wi-cta__label {
  font: var(--fs-xs) / 1.4 var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.82;
}

.wi-home .wi-cta__heading {
  font: 400 clamp(22px, 4.2vw, var(--fs-2xl)) / 1.3 var(--serif);
  margin-top: var(--s5);
  max-width: 32ch;
}

.wi-home .wi-cta__body {
  font-size: var(--fs-base);
  opacity: 0.92;
  margin-top: var(--s4);
  max-width: 52ch;
}

.wi-home .wi-cta__actions {
  margin-top: var(--s6);
  gap: var(--s3);
}

.wi-home .wi-cta .wi-button {
  min-height: 52px;
  padding: 16px 22px;
  font: 650 var(--fs-md) / 1 var(--sans);
}

.wi-home .wi-cta .wi-button--ghost {
  font-weight: 400;
}

.wi-home .wi-cta__disclosure {
  margin-top: var(--s6);
  padding-top: var(--s4);
  opacity: 0.8;
}

.wi-home .wi-cta__disclosure a,
.wi-home .wi-cta__disclosure a:hover {
  color: currentColor;
  text-decoration-thickness: 1px;
}

/* ---------------------------------------------------- who publishes this */

/*
 * Not scoped to .wi-home: the same block closes /browse/ (T0d), whose artboard
 * draws the identical box.
 */
.wi-home > [data-waind-who] {
  padding-bottom: var(--s9);
}

.wi-section[data-waind-who] > h2 {
  font: 600 clamp(24px, 4vw, var(--fs-2xl)) / 1.2 var(--serif);
  letter-spacing: -0.015em;
  margin-top: 0;
}

.wi-home-who__box {
  margin-top: var(--s5);
  border: 1px solid var(--rule-2);
  background: var(--surface);
  padding: clamp(20px, 4vw, var(--s6));
  max-width: var(--measure);
}

.wi-home-who__lead {
  font: 400 var(--fs-md) / 1.55 var(--serif);
}

.wi-home-who__body {
  font-size: var(--fs-base);
  color: var(--ink-2);
  margin-top: var(--s4);
}

.wi-home-who__facts {
  font: var(--fs-xs) / 1.7 var(--mono);
  color: var(--ink-3);
  margin-top: var(--s5);
  border-top: 1px solid var(--rule);
  padding-top: var(--s4);
}

.wi-home-who__actions {
  list-style: none;
  margin: var(--s5) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--s3);
}

.wi-home-who__actions a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font: var(--fs-sm) / 1 var(--sans);
  text-decoration: none;
  border: 1px solid var(--rule-2);
  background: var(--surface-2);
  color: var(--ink);
  padding: 13px 16px;
  border-radius: var(--radius);
}

.wi-home-who__actions a:hover {
  color: var(--ink);
  text-decoration: underline;
}