/* 両替コラム専用スタイル(head.phpの$extraStylesheetsで読込) */
.column-page { padding: 30px 0 40px; background: #f5f7fa; }
.column-page .container { max-width: 820px; }
.column-lead { font-size: 1rem; line-height: 1.8; color: #444; margin: 0 0 24px; }

/* 一覧 */
.column-list { display: grid; gap: 12px; }
.column-card { display: block; background: #fff; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,.06); padding: 18px 20px; text-decoration: none; color: inherit; }
.column-card:hover { box-shadow: 0 3px 10px rgba(0,0,0,.12); }
.column-card h2 { font-size: 1.1rem; color: #003d7a; margin: 0 0 8px; }
.column-card p { font-size: .88rem; line-height: 1.7; color: #555; margin: 0 0 8px; }
.column-card-more { font-size: .85rem; color: #f59126; font-weight: 600; }

/* 記事 */
.column-article { background: #fff; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,.06); padding: 24px 26px; margin-bottom: 20px; }
.column-date { font-size: .78rem; color: #999; margin: 0 0 14px; }
.column-article h2 { font-size: 1.2rem; color: #003d7a; margin: 26px 0 10px; padding-left: 10px; border-left: 4px solid #f59126; }
.column-article p { font-size: .95rem; line-height: 1.9; color: #444; margin: 0 0 12px; }
.column-article a { color: #0053a5; font-weight: 600; }
.column-article strong { color: #003d7a; }

/* CTA・関連 */
.column-cta { background: #fff8ef; border-left: 4px solid #f59126; border-radius: 8px; padding: 16px 18px; margin-bottom: 20px; }
.column-cta h2 { font-size: 1.02rem; color: #003d7a; margin: 0 0 8px; }
.column-cta p { font-size: .9rem; line-height: 1.8; color: #555; margin: 0; }
.column-cta a { color: #0053a5; font-weight: 600; }
.column-related { background: #fff; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,.06); padding: 16px 20px; }
.column-related h2 { font-size: 1.02rem; color: #003d7a; margin: 0 0 10px; }
.column-related ul { margin: 0; padding-left: 18px; }
.column-related li { margin-bottom: 6px; font-size: .92rem; }
.column-related a { color: #0053a5; }

@media (max-width: 768px) {
  .column-page { padding: 22px 0 28px; }
  .column-article { padding: 18px 16px; }
  .column-article h2 { font-size: 1.08rem; }
}