/* 2026-09-16: ユーザー指定で全54記事へ揃えたサービス案内。記事本文には適用しない。
 * 基本の案内スタイルは grade3-reading.css、比較表と3プランの小見出しはこのファイルで管理。 */
#textbook-guide #boki-ai-value { scroll-margin-top: 110px; }
#textbook-guide :is(.grade3-offer-textbook-feature, .grade3-offer-ai-feature, .grade3-offer-juku-feature) { margin-top: 20px; }
#textbook-guide :is(.grade3-offer-textbook-feature, .grade3-offer-ai-feature, .grade3-offer-juku-feature) p + p { margin-top: 12px; }
#textbook-guide :is(.grade3-offer-textbook-feature, .grade3-offer-ai-feature, .grade3-offer-juku-feature) h4 span { white-space: nowrap; }
#textbook-guide :is(.grade3-offer-textbook-feature, .grade3-offer-ai-feature, .grade3-offer-juku-feature) + :is(.grade3-offer-textbook-feature, .grade3-offer-ai-feature, .grade3-offer-juku-feature) { border-top: 1px solid #4c6480; padding-top: 20px; }
#textbook-guide :is(.grade3-offer-textbook-feature, .grade3-offer-ai-feature, .grade3-offer-juku-feature) h4 { margin: 0 0 10px; padding-left: 12px; border-left: 3px solid #a2c9f2; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.7; }
#textbook-guide .grade3-offer-article-intro { margin: 0 0 16px; }
#textbook-guide .grade3-offer-comparison { width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse; margin: 26px 0 8px; color: #283e57; background: #fff; font-size: 15px; line-height: 1.8; }
#textbook-guide .grade3-offer-comparison caption { padding: 0 0 12px; text-align: left; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.8; }
#textbook-guide .grade3-offer-plan-column { width: 29%; }
#textbook-guide .grade3-offer-comparison th, #textbook-guide .grade3-offer-comparison td { border: 1px solid #cad9e9; padding: 15px 16px; text-align: left; vertical-align: middle; overflow-wrap: anywhere; }
#textbook-guide .grade3-offer-comparison thead th { color: #173653; background: #e4edf7; font-weight: 700; }
#textbook-guide .grade3-offer-comparison tbody th { color: #173653; background: #f3f7fc; font-weight: 700; }
#textbook-guide .grade3-offer-comparison tbody th span { display: inline-block; white-space: nowrap; }
#textbook-guide .grade3-offer-comparison td { font-weight: 400; }
@media (max-width: 480px) {
  #textbook-guide .grade3-offer-plan-column { width: 38%; }
  #textbook-guide .grade3-offer-comparison { font-size: 14px; }
  #textbook-guide .grade3-offer-comparison th, #textbook-guide .grade3-offer-comparison td { padding: 12px 10px; }
}