/* lp/search-pages.css — /aisho/・/kataomoi/（#6355 第 2 弾）の追加分。本体は lp/shichusuimei.css を共有する。
   二人分の入力欄（fieldset）と、相性 100 組の表（あなたの日主 × あの人の日主）だけを持つ。 */

.as-person {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  min-width: 0;
}

.as-legend {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  color: #7E6332;
}

.as-matrix-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 -4px;
  padding: 0 4px 4px;
}

.as-matrix {
  border-collapse: separate;
  border-spacing: 4px;
  margin: 0 auto;
  font-size: 15px;
}

.as-matrix th {
  font-weight: 500;
  color: #7E6332;
  white-space: nowrap;
}

.as-matrix th small {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: var(--lp-ink-muted);
}

.as-matrix tbody th {
  position: sticky;
  left: 0;
  padding: 0 8px 0 0;
  text-align: left;
  background: var(--lp-cream);
}

.as-matrix .as-corner {
  font-size: 12px;
  font-weight: 400;
  color: var(--lp-ink-muted);
}

.as-matrix a,
.as-matrix .as-empty {
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  border-radius: 8px;
}

.as-matrix a {
  background: #FFFFFF;
  color: var(--lp-ink);
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(201, 169, 110, 0.35);
}

.as-matrix a:hover,
.as-matrix a:focus-visible {
  background: rgba(201, 169, 110, 0.16);
}

.as-matrix .as-empty {
  color: var(--lp-ink-muted);
}