/* =========================================================
   視力ランド 固定ページ（編集方針/免責/監修者）専用CSS
   対象：#policy / #disclaimer / #supervisor のみ（他ページへ波及しにくい）
   ========================================================= */

/* 3セクション共通（ここが“スコープ”） */
#policy,
#disclaimer,
#supervisor{
  /* 見た目（テーマに干渉しにくい軽めの装飾） */
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 16px 14px;
  margin: 18px 0;

  /* 読みやすさ */
  line-height: 1.85;
  font-size: clamp(15px, 1.4vw, 16px);
  overflow-wrap: anywhere;
}

/* セクション間の <hr> を控えめに */
hr{
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.08);
  margin: 22px 0;
}

/* 見出し */
#policy h2,
#disclaimer h2,
#supervisor h2{
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.10);
  font-size: clamp(20px, 2.2vw, 24px);
  line-height: 1.3;
  letter-spacing: .02em;
}

#policy h3,
#disclaimer h3,
#supervisor h3{
  margin: 18px 0 8px;
  font-size: clamp(16px, 1.7vw, 18px);
  line-height: 1.45;
}

/* 段落・リスト */
#policy p,
#disclaimer p,
#supervisor p{
  margin: 0 0 10px;
}

#policy ul,
#disclaimer ul,
#supervisor ul{
  margin: 0 0 12px;
  padding-left: 1.2em;
}

#policy li,
#disclaimer li,
#supervisor li{
  margin: 6px 0;
}

/* 強調・リンク */
#policy strong,
#disclaimer strong,
#supervisor strong{
  font-weight: 700;
}

#policy a,
#disclaimer a,
#supervisor a{
  text-decoration: underline;
  text-underline-offset: .18em;
  text-decoration-thickness: .08em;
}

#policy a:hover,
#disclaimer a:hover,
#supervisor a:hover{
  opacity: .85;
}

/* 小さめ文字（timeや補足） */
#policy time,
#disclaimer time,
#supervisor time{
  font-variant-numeric: tabular-nums;
}

/* 監修範囲などの箇条書きを“読みやすい箱”に */
#supervisor ul{
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  padding: 12px 14px 12px 28px;
}

/* =========================================================
   レスポンシブ（タブレット以上）
   ========================================================= */
@media (min-width: 768px){
  #policy,
  #disclaimer,
  #supervisor{
    padding: 22px 22px;
    border-radius: 16px;
  }

  #policy h2,
  #disclaimer h2,
  #supervisor h2{
    margin-bottom: 14px;
    padding-bottom: 12px;
  }

  #policy h3,
  #disclaimer h3,
  #supervisor h3{
    margin-top: 22px;
  }
}

/* =========================================================
   レスポンシブ（PC以上）
   ========================================================= */
@media (min-width: 1024px){
  #policy,
  #disclaimer,
  #supervisor{
    padding: 26px 28px;
  }
}

/* =========================================================
   （任意）記事側の最短要約テンプレ用
   ※固定ページ以外に貼る場合でも、このクラス名の時だけ効く
   ========================================================= */
.article-trust-mini{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: rgba(0,0,0,.03);
  padding: 12px 14px;
  margin: 14px 0;
  line-height: 1.7;
  font-size: 13px;
}

.article-coi-mini{
  margin: 8px 0 0;
  font-size: 12px;
  opacity: .9;
}
/* 監修セクションの末尾が .visionImproment に隠れないように“余白”を確保 */
#supervisor{
  padding-bottom: 320px; /* 270px + α（環境差） */
}
/* PCだけ、本文（編集方針/免責/監修プロフィール）を読みやすい幅に */
@media (min-width: 992px) {
  main > section#policy,
  main > section#disclaimer,
  main > section#supervisor {
    width: 100%;
    max-width: min(1000px, 70ch); /* 行長を抑える（読みやすさ優先） */
    margin-inline: auto;          /* 中央寄せ */
    padding-inline: 24px;         /* 端の余白 */
  }

  /* 区切り線も同じ幅に揃える（任意） */
  main > hr {
    max-width: min(1000px, 70ch);
    margin: 48px auto;
  }
}