/* Contact — 海老染 ebizome, dusty plum (6.8:1 on the paper) */
:root { --page-color: #7b3f5d; }

/* --- 一 Channels: a ruled table ------------------------------------------- */
.channels { list-style: none; border-top: 2px solid var(--page-color); max-width: 60rem; }
.channel {
  display: grid;
  grid-template-columns: minmax(0, 9rem) minmax(0, 15rem) minmax(0, 1fr) auto;
  gap: 8px clamp(16px, 3vw, 40px);
  align-items: baseline;
  padding: 20px 0;
  border-bottom: 1px solid var(--rule);
}
.channel-name { font-size: 1.25rem; font-weight: 500; }
.channel-speed { font-size: 13px; color: var(--ink-soft); line-height: 1.7; }
.channel-speed-tag {
  display: inline-block;
  margin-right: 6px;
  padding: 0 6px;
  border: 1px solid var(--page-color);
  color: var(--page-ink);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.8;
}
.channel-desc { font-size: 14px; line-height: 1.9; }
.channel .text-link { justify-self: end; white-space: nowrap; }

/* --- 二 Topics: two lists side by side, the second set lower --------------- */
.expectations-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(32px, 6vw, 96px);
  max-width: 60rem;
  align-items: start;
}
.expectations.not { padding-top: clamp(0px, 8vh, 96px); }
.expectations h3 { font-size: 1.1rem; padding-bottom: 10px; border-bottom: 1px solid var(--ink); }
.expectations ul { list-style: none; }
.expectations li {
  position: relative;
  padding: 10px 0 10px 1.4em;
  border-bottom: 1px solid var(--rule);
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 1.8;
}
.expectations li::before { position: absolute; left: 0; font-family: var(--font-mincho); }
.expectations.good li::before { content: "○"; color: var(--page-ink); }   /* maru: yes */
.expectations.not li::before { content: "×"; color: var(--muted); }       /* batsu: no */

/* --- 三 Form ---------------------------------------------------------------- */
.form-intro { margin: -8px 0 36px; }

@media (max-width: 899px) {
  .channel { grid-template-columns: minmax(0, 1fr) auto; }
  .channel-speed, .channel-desc { grid-column: 1 / -1; }
  .channel .text-link { grid-column: 1 / -1; justify-self: start; }
  .channel-name { grid-row: 1; }
  .expectations-grid { grid-template-columns: 1fr; }
  .expectations.not { padding-top: 0; }
}