[data-role="question-index"] { margin-block: 10px 54px; }
[data-role="question-index"] h2 { font-size: 35px; letter-spacing: -.045em; margin-bottom: 26px; max-width: 24ch; }
[data-role="question-rows"] { list-style: none; padding: 0; }
[data-role="question-row"] a {
  display: grid;
  grid-template-columns: 30px minmax(0, .9fr) minmax(0, 1fr) 26px;
  align-items: center;
  gap: 25px;
  min-height: 104px;
  border-top: 1px solid var(--line);
  padding: 24px 18px;
  text-decoration: none;
  color: var(--ink);
}
[data-role="question-row"]:last-child a { border-bottom: 1px solid var(--line); }
[data-role="question-row"] a:hover { background: var(--surface); }
[data-role="topic-dot"] { width: 18px; height: 18px; border: 5px solid var(--red); border-radius: 50%; }
[data-role="row-question"] { font-size: 24px; font-weight: 680; letter-spacing: -.035em; line-height: 1.3; }
[data-role="row-description"] { font-size: 18px; line-height: 1.55; color: var(--muted); }
[data-role="row-arrow"] { font-size: 28px; line-height: 1; }
@media (max-width: 700px) {
  [data-role="question-index"] h2 { font-size: 30px; }
  [data-role="question-row"] a { grid-template-columns: 20px minmax(0, 1fr) 22px; gap: 10px 16px; padding: 24px 4px; }
  [data-role="row-question"] { font-size: 22px; }
  [data-role="row-description"] { grid-column: 2; font-size: 18px; }
  [data-role="row-arrow"] { grid-column: 3; grid-row: 1 / 3; }
  [data-role="topic-dot"] { align-self: start; margin-top: 5px; width: 16px; height: 16px; border-width: 4px; }
}