/* ===== 読みやすさレイヤー（styles.css の上書き専用）=====
 * styles.css には手を入れず、この1ファイルで「見やすさ」だけを底上げする。
 * 並行セッションが styles.css をどう変えても衝突しない（最後に読み込まれ上書きするだけ）。
 *
 * 方針：黒＋ライムのカッコよさは維持。変えるのは「文字コントラスト・小さすぎる字・枠線」だけ。
 * 変更点は最小限・コメント付き。styles.css を直したくなったら、この上書きは削除してよい。
 */

:root{
  /* グレー文字を明るくしてコントラストを確保（色味＝グレーのトーンは維持） */
  --txt2:#c6c6c6;   /* 説明文。旧 #a3a3a3 → 明るく */
  --txt3:#9a9a9a;   /* 注釈・サブ・プレースホルダ。旧 #6b6b6b（3.4:1で薄すぎ）→ 約6:1に */
  /* 枠線を少しはっきりさせ、カード/セクションの区切りを見やすく */
  --line:#383838;   /* 旧 #2e2e2e */
  --line2:#4a4a4a;  /* 旧 #3a3a3a */
}

/* 本文に少し余白（行間）を足して詰まり感を減らす */
body{ line-height:1.62; }

/* 小さすぎる文字を底上げ（現場でスマホでも読める最低ライン） */
.tiny{ font-size:12.5px; }
.muted{ font-size:13.5px; line-height:1.6; }
.row .sb, .pl-user .jb, .counts{ font-size:12.5px; }
.field .hint{ font-size:12px; }
.field label{ font-size:13px; }
.tabbar button{ font-size:11px; }

/* 入力欄のプレースホルダも、かすまない明るさに */
input::placeholder, textarea::placeholder{ color:var(--txt3); opacity:1; }

/* セクション見出しは字間を詰めすぎず、少し明るく（グループの区切りを認識しやすく） */
.sec-head h2{ letter-spacing:.02em; }

/* カードの本文と枠のコントラストを気持ち上げる（黒の中で沈まないように） */
.card{ border-color:var(--line); }