/* ── レスポンシブ補正 ────────────────────────────── */

/* スマホ専用表示 */
.hide-mobile  { display: none !important; }
.hide-desktop { display: block !important; }

@media (min-width: 768px) {
  .hide-mobile  { display: block !important; }
  .hide-desktop { display: none !important; }

  /* セクションのPC余白は --section-pad-y（variables.css）が持つ。ここでは上書きしない */

  /* PCではl-mainのpadding-bottomを戻す（CTAバーなし）*/
  .l-main { padding-bottom: 0; }
}

/* スマホで折返しするグリッドの補正 */
@media (max-width: 767px) {
  /* 行政 vs 業者：375pxで2カラムにすると1カラム約150pxとなり、
     日本語の箇条書きが2〜3文字で折り返して読めない。スマホは縦積みにする */
  .c-compare-box { grid-template-columns: 1fr; }
  .c-cta-section__btns { flex-direction: column; }

  /* 評価スコア詳細を縦積みに */
  .c-score-table { font-size: var(--fs-meta); }
}

/* タブレット（768px〜1023px）の補正 */
@media (min-width: 768px) and (max-width: 1023px) {
  .l-sidebar-layout {
    grid-template-columns: 1fr;
  }
  .c-sidebar-sticky { display: none; }
}