.t75-illustration {
  margin: 38px 0 44px;
}

.t75-illustration img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #f0f3f5;
}

.t75-illustration figcaption {
  margin-top: 14px;
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1.6;
}

.t75-contents a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 0;
  color: var(--accent-strong);
  font-size: 14px;
  line-height: 1.4;
  text-underline-offset: 3px;
}

.t75-guide .article-body h2[id] {
  scroll-margin-top: calc(var(--header-height) + 28px);
}

.t75-guide .article-body a:focus-visible,
.t75-guide .article-aside a:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 4px;
}

.t75-records {
  margin: 28px 0;
}

.t75-records > div {
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}

.t75-records dt {
  font-weight: 800;
  color: var(--text);
}

.t75-records dd {
  margin: 6px 0 0;
}

@media (max-width: 960px) {
  .t75-guide .article-aside {
    grid-template-columns: 1fr;
  }
}