/* ①～⑪：見出し・問題・操作エリアのリズムを統一 */
#chapter2Pane .net-extra,
#chapter2Pane #chapter2Quiz{
  scroll-margin-top:20px;
}

/* 各展開図ブロックの上下余白 */
#chapter2Pane .net-extra{
  margin-top:26px!important;
  margin-bottom:30px!important;
}

/* カード類の角丸・影を統一 */
#chapter2Pane .quiz-card,
#chapter2Pane .question-card,
#chapter2Pane .net-card,
#chapter2Pane .net-extra-card{
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(55,83,77,.07)!important;
}

/* ボタンの高さを揃えてスマホでも押しやすく */
#chapter2Pane button,
#chapter2Pane .btn,
#chapter2Pane .toc-back,
#chapter2Pane a[href="#netToc"]{
  min-height:42px;
}

/* 目次へ戻るを章全体で同じ見え方に */
#chapter2Pane a[href="#netToc"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px;
  padding:9px 16px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-weight:800!important;
  line-height:1.1!important;
}

/* iframeとの距離を一定に */
#chapter2Pane iframe{
  display:block;
  width:100%;
  margin-top:12px!important;
  margin-bottom:12px!important;
}

/* 問題文の読みやすさ */
#chapter2Pane .quiz-grid,
#chapter2Pane .question-grid{
  gap:12px!important;
}
#chapter2Pane .quiz-grid p,
#chapter2Pane .question-grid p{
  line-height:1.7!important;
}

/* スマホでは少しコンパクトに */
@media(max-width:700px){
  #chapter2Pane .net-extra{
    margin-top:20px!important;
    margin-bottom:24px!important;
  }
  #chapter2Pane .quiz-card,
  #chapter2Pane .question-card,
  #chapter2Pane .net-card,
  #chapter2Pane .net-extra-card{
    border-radius:15px!important;
  }
  #chapter2Pane button,
  #chapter2Pane .btn,
  #chapter2Pane a[href="#netToc"]{
    min-height:40px;
  }
  #chapter2Pane iframe{
    margin-top:10px!important;
    margin-bottom:10px!important;
  }
}