.column-card {
  --column-ink: #142f49;
  --column-accent: #164a87;
  --column-line: #c9d8e7;
  --column-wash: #e7eff8;
  --column-surface: #f7fafd;
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.55fr);
  align-items: center;
  gap: clamp(1.3rem, 4vw, 3.5rem);
  margin: clamp(1.75rem, 4vw, 3rem) 0;
  padding: clamp(1rem, 3.2vw, 2.35rem);
  border: 1px solid var(--column-line);
  border-top: 3px solid var(--column-accent);
  border-radius: 1.25rem;
  color: var(--column-ink);
  background: linear-gradient(125deg, var(--column-wash), var(--column-surface) 69%);
  box-shadow: 0 .6rem 1.75rem rgb(20 47 73 / .07);
  scroll-margin-top: 4rem;
}
.column-card--market {
  --column-ink: #153126;
  --column-accent: #173d2c;
  --column-line: #d7c9aa;
  --column-wash: #efe7d3;
  --column-surface: #fcf9f0;
  border-top-color: #a58749;
}
.column-card__portrait {
  display: block;
  width: min(100%, 20rem);
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--column-line);
  border-radius: .9rem;
  background: var(--column-wash);
}
.column-card__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}
.column-card--market .column-card__portrait img { object-position: center 15%; }
.column-card__body { min-width: 0; }
.column-card h2,
.column-card h3 {
  font-family: var(--serif, Georgia, serif);
  color: var(--column-ink);
  overflow-wrap: break-word;
}
.column-card h2 { margin: .35rem 0 .85rem; font-size: clamp(1.85rem, 4.8vw, 3rem); }
.column-card h3 { margin: .22rem 0 .45rem; font-size: clamp(1.24rem, 2.7vw, 1.65rem); }
.column-card h2 a,
.column-card h3 a { text-decoration: none; }
.column-card h2 a:hover,
.column-card h3 a:hover { color: var(--column-accent); text-decoration: underline; }
.column-card__label,
.column-card__meta { color: var(--column-accent); }
.column-card__label { font-size: .77rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.column-card__meta { font-size: .79rem; line-height: 1.4; }
.column-card__edition { padding-top: .75rem; border-top: 1px solid var(--column-line); }
.column-card__edition > p { max-width: 61ch; }
.column-card__actions { display: flex; flex-wrap: wrap; gap: .6rem 1.05rem; margin-top: 1.1rem; }
.column-card__actions a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 44px;
  font-size: .93rem;
  font-weight: 650;
}
.column-card__actions .column-card__primary {
  padding: .55rem .95rem;
  border-radius: .55rem;
  background: var(--column-accent);
  color: #fff;
  text-decoration: none;
}
.column-card__primary:hover { filter: brightness(1.15); }
.column-card__secondary { color: var(--column-accent); }

.column-card, .column-card * { box-sizing: border-box; }
.column-card__portrait img { display: block; max-width: 100%; }
.gg-network-footer > .column-card--market {
  grid-column: 1 / -1;
  width: 100%;
  margin: .2rem 0 .5rem;
  text-align: left;
}
@media (max-width: 620px) {
  .column-card { grid-template-columns: minmax(0, 1fr); gap: 1.05rem; }
  .column-card__portrait { width: min(100%, 15rem); }
}