@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =========================================================================
 * こどもNISAガイド 追加CSS（2026-09-01 SWELL移行）
 *
 * デザインの方向 → docs/design-rules.md §1-2
 * 洗練・モード：無彩色と余白で見せる。主読者（20代の女性）を基準に組む。
 * 色・見出し型・文字サイズはカスタマイザー（loos_customizer）側で設定済み。
 * ここには SWELL の設定で再現できない差分だけを書く。
 * ====================================================================== */

/* 行間 1.7（SWELL 既定は 1.6）と和文フォントスタック（design-rules §2） */
:root {
	--swl-font_family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}

body {
	line-height: 1.7;
}

/*
 * H2 の帯を薄くする（SWELL の「帯」型は padding .75em → .45em に上書き）。
 * 帯 #6e747c・白文字・上下2pxラインは SWELL 標準の「帯」型＋color_htag で再現済み。
 * .45em の根拠は 2026-09-01 の実測比較（kodomonisa-child/style.css から移植）。
 */
body .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	padding: 0.45em 1em;
}

/* H3 下線を罫線グレーに（「下線（メインカラー）」型の色だけ置き換える） */
body .post_content h3::before {
	background-color: #d5d8dc;
}

/* 目次＝罫線のみ・塗りなし（index_style は「シンプル」を選択し、枠だけ足す） */
body .p-toc {
	border: 1px solid #d5d8dc;
	border-radius: 2px;
	padding: 1em 1.2em;
	background: none;
}

/* 記事末尾の「最終確認日」表示（kodomonisa-core プラグインが出力） */
.kodomonisa-last-verified {
	margin-top: 2.5rem;
	padding-top: 1rem;
	border-top: 1px solid currentColor;
	font-size: 0.875rem;
	opacity: 0.7;
}