/* 解説記事（guide/）だけで使う。ほかのページの style.css の版を上げずに済むよう分けた */
.guide .lead {
  margin: 0 0 8px;
}

.guide .table-scroll {
  margin: 0 0 16px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.document .guide-table {
  min-width: 640px;
  font-size: 0.9rem;
}

.document .guide-table th,
.document .guide-table td {
  width: auto;
  white-space: nowrap;
}

.guide-table td {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* 文字だけの表は画面の幅に収めて折り返す（数の表だけ横に動かす） */
.document .guide-table-text {
  min-width: 0;
}

.document .guide-table-text th,
.document .guide-table-text td {
  white-space: normal;
  text-align: left;
}

.guide-table thead th {
  text-align: center;
}

.guide-table .is-best th,
.guide-table .is-best td {
  background: hsl(152 76% 96%);
  font-weight: 700;
}

.guide-cta {
  margin: 40px 0;
  padding: 24px;
  border-radius: var(--radius);
  background: var(--bg-soft);
}

.guide-cta p {
  margin: 0 0 16px;
}

.guide-cta .guide-cta-app {
  margin: 16px 0 0;
  font-size: 0.95rem;
}

.guide-sources a {
  overflow-wrap: anywhere;
}

.guide-note {
  color: var(--muted);
  font-size: 0.9rem;
}

/* 記事の一覧（guide/index.html） */
.guide-list {
  margin: 32px 0;
  padding: 0;
  list-style: none;
}

.document .guide-list {
  padding-left: 0;
}

.guide-list li {
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

.guide-list li:first-child {
  border-top: 1px solid var(--line);
}

.guide-list a {
  font-size: 1.1rem;
  font-weight: 700;
}

.guide-list p {
  margin: 6px 0 0;
}

.guide-list .guide-list-date {
  color: var(--muted);
  font-size: 0.85rem;
}