/* ==========================================================================
   semantics.css — タグを意味のあるものに変えた分の打ち消し

   検索エンジンと支援技術に構造を伝えるため、見出しを div から h3 に、
   箇条書きを div から ul / li に変えた。
   タグが変わると base.css の要素デフォルト（見出しの余白、リストの
   インデントと行頭記号）が乗ってしまうため、ここで打ち消している。

   **見た目を変えないためだけに存在するファイル。**
   デザインの値はすべて site.css 側にあり、ここには一切書かない。

   site.css の後に読み込むこと。
   ========================================================================== */

/* --------------------------------------------------------------------------
   div → h3 にした見出し

   base.css の見出しデフォルト（余白・文字寸法・太さ）をまとめて
   「親から継承」に戻す。div だったときとまったく同じ描画になる。

   **要素セレクタで書くこと。** site.css のクラス指定（詳細度が高い）は
   そのまま勝つので、デザインが指定している寸法は保たれ、
   指定が無いところだけが div 相当に戻る。

   個別のクラスを列挙する形にすると、site.css が font-size を
   指定していない見出し（.pricing-table-heading-new など）で
   文字が h3 の既定 24px に化けるのを見落とす。
   -------------------------------------------------------------------------- */

h3 {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

/* --------------------------------------------------------------------------
   div → ul / li にした箇条書き

   base.css の `ul, ol { margin-bottom: 10px; padding-left: 40px }` と
   行頭記号を打ち消す。padding と margin は site.css 側で
   指定しているものだけ効かせたいので、指定が無い分をここで 0 にする。
   -------------------------------------------------------------------------- */

.problems-card,
.qa-learn-list {
  list-style: none;
}

/* site.css が margin-bottom を指定していないもの */
.qa-learn-list {
  margin-top: 0;
  margin-bottom: 0;
}

/* li は display: list-item が既定。
   site.css 側で display: flex を指定しているので上書きされるが、
   行頭記号の領域が残らないよう明示しておく。 */
.problem-row,
.first-learn-item {
  list-style: none;
}