/* 運営者情報ページだけの見た目（2026-09-03） */
:root{ color-scheme: light; }

/* 概要の表。ラベルと中身が2列に並ぶので、どこまでが1組か分かる */
.read .profile{
  display:grid;
  grid-template-columns:7em 1fr;
  gap:10px 14px;
  margin:14px 0 0;
  padding-top:14px;
  border-top:1px solid var(--line,#ece7e9);
}
.read .profile dt{ margin:0; font-weight:bold; color:var(--ink-soft,#7b6f74); }
.read .profile dd{ margin:0; }

/* せまい画面では2列だと窮屈なので、上下に積む */
@media (max-width:420px){
  .read .profile{ grid-template-columns:1fr; gap:2px 0; }
  .read .profile dt{ margin-top:10px; }
  .read .profile dd{ margin:0 0 0 1em; }
}

/* 現場の声 */
.read .voices{ margin:8px 0 0; padding-left:1.2em; }
.read .voices li{ margin:6px 0; }

/* できること。名前と中身が2列に並ぶ */
.read .tools{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px 14px;
  margin:12px 0 0;
  align-items:center;   /* 名前と説明文を上下の中央でそろえる（説明が2行になっても） */
}
.read .tools dt{ margin:0; font-weight:bold; white-space:nowrap; }
.read .tools dd{ margin:0; color:var(--ink-soft,#7b6f74); }
@media (max-width:420px){
  .read .tools{ grid-template-columns:1fr; gap:2px 0; }
  .read .tools dt{ margin-top:10px; }
  .read .tools dd{ margin:0 0 0 1em; }
}