.writing-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 150px;
  gap: 0.75rem;
}

.writing-card,
.writing-more {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
}

.writing-card {
  min-height: 220px;
  display: grid;
  align-content: end;
  gap: 0.7rem;
  padding: 1.1rem 2.4rem 1.1rem 1.1rem;
}

.writing-card h3 {
  max-width: 15ch;
  font-size: clamp(1.3rem, 3vw, 2rem);
  line-height: 0.96;
}

.writing-card p { margin: 0; }

.writing-more {
  min-height: 220px;
  display: grid;
  align-content: space-between;
  padding: 1rem;
}

.writing-more span:first-child {
  color: var(--muted);
  font-size: 0.9rem;
}

.writing-more strong {
  color: var(--ink);
  font-size: 3.5rem;
  line-height: 0.8;
  letter-spacing: -0.08em;
}