/*
Theme Name: Iphoneteq Glass
Theme URI: https://iphoneteq.net/
Description: AFFINGER 用の子テーマ。サイト全体に Liquid Glass（すりガラス）デザインを適用し、往年のカラフルな iPad のようなパステルの多色ウォッシュを背景に敷く。Iphoneteq Apple DB プラグインの --ipdb-* トークンと値を一致させてあり、プラグインのページと通常ページでガラスの見た目が揃う。
Author: Iphoneteq
Template: affinger
Version: 1.1.2
Text Domain: iphoneteq-glass
*/

/* ==========================================================================
   1. デザイントークン
   ========================================================================== */

:root {
	/* --- ベース --- */
	--text: #1d1d1f;
	--text-secondary: rgba(29, 29, 31, 0.62);
	--accent: #0066cc;

	/* --- Liquid Glass --- */
	--glass-bg: rgba(255, 255, 255, 0.55);
	--glass-bg-strong: rgba(255, 255, 255, 0.72);
	--glass-bg-solid: #ffffff;
	/* 文字を載せる面専用の一段白いガラス（v1.1.1）。
	   本文・サイドバー等はこちらを使い、ティントは重ねずほぼ白で読ませる。
	   ヘッダー等の装飾面は従来の --glass-bg / --glass-tint のまま色を残す */
	--glass-bg-content: rgba(255, 255, 255, 0.88);
	/* パネルが拾う淡い色ティント（純白の半透明ではなく色味を帯びさせる） */
	--glass-tint: linear-gradient(
		135deg,
		rgba(0, 94, 219, 0.09),
		rgba(216, 27, 96, 0.06) 55%,
		rgba(232, 137, 12, 0.08)
	);
	--glass-border: rgba(255, 255, 255, 0.65);
	--glass-highlight: rgba(255, 255, 255, 0.8);
	--glass-blur: 20px;
	--glass-saturate: 200%;
	--glass-shadow: 0 8px 32px rgba(31, 38, 135, 0.12),
		0 2px 8px rgba(0, 0, 0, 0.06);
	--glass-shadow-sm: 0 4px 16px rgba(31, 38, 135, 0.1);
	--radius-lg: 24px;
	--radius-md: 16px;
	--radius-sm: 14px;

	/* --- カラフル・パステル（iPad カラーの空気） --- */
	--accent-blue: #0057d4;
	--accent-pink: #d81b60;
	--accent-yellow: #e07b00;
	--accent-green: #1e9e4a;
	--accent-violet: #6528e0;
	--pastel-blue: rgba(0, 87, 212, 0.22);
	--pastel-pink: rgba(216, 27, 96, 0.22);
	--pastel-yellow: rgba(224, 123, 0, 0.24);
	--pastel-green: rgba(30, 158, 74, 0.22);
	--pastel-violet: rgba(101, 40, 224, 0.22);
	/* 細いアクセントライン用の多色グラデーション */
	--palette-gradient: linear-gradient(
		90deg,
		var(--accent-blue),
		var(--accent-violet),
		var(--accent-pink),
		var(--accent-yellow),
		var(--accent-green)
	);
	/* 見出しの左バー用: 同じパレットの縦方向（v1.1.2） */
	--palette-gradient-v: linear-gradient(
		180deg,
		var(--accent-blue),
		var(--accent-violet),
		var(--accent-pink),
		var(--accent-yellow),
		var(--accent-green)
	);

	/* --- 背景ウォッシュ（多色の光だまり。v1.1.0 で色面を広げ、濃くした） --- */
	--wash-base: #eef1fa;
	--wash-fields:
		radial-gradient(64rem 42rem at 8% -6%, rgba(96, 165, 250, 0.55), transparent 66%),
		radial-gradient(56rem 40rem at 88% 4%, rgba(244, 114, 182, 0.48), transparent 66%),
		radial-gradient(54rem 42rem at 96% 58%, rgba(250, 204, 21, 0.42), transparent 66%),
		radial-gradient(58rem 44rem at 4% 68%, rgba(52, 211, 153, 0.42), transparent 66%),
		radial-gradient(68rem 48rem at 52% 108%, rgba(167, 139, 250, 0.48), transparent 68%);

	/* --- プラグイン互換トークン（Iphoneteq Apple DB と同値に保つ） --- */
	--ipdb-glass-bg: var(--glass-bg);
	--ipdb-glass-bg-strong: var(--glass-bg-strong);
	--ipdb-glass-bg-solid: var(--glass-bg-solid);
	--ipdb-glass-bg-content: var(--glass-bg-content);
	--ipdb-glass-border: var(--glass-border);
	--ipdb-glass-highlight: var(--glass-highlight);
	--ipdb-blur: var(--glass-blur);
	--ipdb-saturate: var(--glass-saturate);
	--ipdb-radius: var(--radius-lg);
	--ipdb-radius-sm: var(--radius-sm);
	--ipdb-shadow: var(--glass-shadow);
	--ipdb-shadow-sm: var(--glass-shadow-sm);
	--ipdb-text: var(--text);
	--ipdb-text-secondary: var(--text-secondary);
	--ipdb-accent: var(--accent);
}

/* ダークモード: 深く沈んだ色面と暗いガラス */
@media (prefers-color-scheme: dark) {
	:root {
		--text: #f5f5f7;
		--text-secondary: rgba(245, 245, 247, 0.62);
		--accent: #2997ff;

		--glass-bg: rgba(28, 28, 30, 0.55);
		--glass-bg-strong: rgba(44, 44, 46, 0.72);
		--glass-bg-solid: #1c1c1e;
		--glass-bg-content: rgba(28, 28, 30, 0.88);
		--glass-tint: linear-gradient(
			135deg,
			rgba(77, 171, 255, 0.12),
			rgba(255, 122, 176, 0.09) 55%,
			rgba(255, 201, 77, 0.1)
		);
		--glass-border: rgba(255, 255, 255, 0.18);
		--glass-highlight: rgba(255, 255, 255, 0.12);
		--glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.45),
			0 2px 8px rgba(0, 0, 0, 0.3);
		--glass-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.4);

		--accent-blue: #3d9bff;
		--accent-pink: #ff6fa5;
		--accent-yellow: #ffc233;
		--accent-green: #5fd068;
		--accent-violet: #8f6bfa;
		--pastel-blue: rgba(61, 155, 255, 0.26);
		--pastel-pink: rgba(255, 111, 165, 0.26);
		--pastel-yellow: rgba(255, 194, 51, 0.26);
		--pastel-green: rgba(95, 208, 104, 0.26);
		--pastel-violet: rgba(143, 107, 250, 0.26);

		--wash-base: #101014;
		--wash-fields:
			radial-gradient(64rem 42rem at 8% -6%, rgba(37, 99, 235, 0.55), transparent 66%),
			radial-gradient(56rem 40rem at 88% 4%, rgba(190, 24, 93, 0.48), transparent 66%),
			radial-gradient(54rem 42rem at 96% 58%, rgba(180, 83, 9, 0.42), transparent 66%),
			radial-gradient(58rem 44rem at 4% 68%, rgba(4, 120, 87, 0.45), transparent 66%),
			radial-gradient(68rem 48rem at 52% 108%, rgba(109, 40, 217, 0.52), transparent 68%);
	}
}

/* ==========================================================================
   2. ガラスの基本形（部品共通の土台）
   ========================================================================== */

#wrapper #st-headerbox,
#wrapper #st-menuwide.st-header-fixed,
#wrapper #st-menuwide nav.menu .sub-menu,
#wrapper #st-menuwide div.menu .sub-menu,
#wrapper #s-navi dl.acordion,
#wrapper .post-card-list .post-card,
#wrapper .kanren dl,
#wrapper #content-w main,
#wrapper .side-widgets,
#wrapper #footer,
#wrapper #breadcrumb,
#wrapper #page-top:not(.page-top-img):not(.st-pagetop-text) a,
#wrapper .pagination a,
#wrapper .pagination span,
#wrapper .st-pagelink a,
#wrapper #searchform {
	background: var(--glass-tint), var(--glass-bg);
	-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
	backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
	border: 1px solid var(--glass-border);
	box-shadow: var(--glass-shadow-sm),
		inset 0 1px 0 var(--glass-highlight);
}

/* 文字を載せる面は一段白くする（v1.1.1）。
   本文パネル／サイドバー／記事カード／リスト行は --glass-tint を重ねず、
   ほぼ白の --glass-bg-content で読みやすさを優先する。
   背景ウォッシュ・ヘッダー・アクセント・カードのグロー等の色はそのまま残す。
   backdrop-filter 等の土台は上の共通ルールを引き継ぐ（background のみ上書き） */
#wrapper #content-w main,
#wrapper .side-widgets,
#wrapper .post-card-list .post-card,
#wrapper .kanren dl {
	background: var(--glass-bg-content);
}

/* ==========================================================================
   3. 全体・背景ウォッシュ
   ========================================================================== */

html body {
	background-color: var(--wash-base);
	background-image: var(--wash-fields);
	background-attachment: fixed;
	color: var(--text);
}

::selection {
	background: rgba(253, 224, 130, 0.7);
	color: #1d1d1f;
}

a {
	color: var(--accent);
	transition: color 0.2s ease;
}

a:hover {
	color: var(--accent-pink);
}

:focus-visible {
	outline: 2px solid var(--accent-violet);
	outline-offset: 2px;
}

/* ==========================================================================
   4. ヘッダー・グローバルナビ
   ========================================================================== */

#wrapper #st-headerbox {
	border-top: none;
	border-right: none;
	border-left: none;
	border-radius: 0;
	box-shadow: var(--glass-shadow-sm),
		inset 0 1px 0 var(--glass-highlight);
}

/* ヘッダー下端の多色ライン（v1.1.0 で太く・濃く） */
#wrapper #st-headerbox::after {
	content: "";
	display: block;
	height: 3px;
	background: var(--palette-gradient);
	opacity: 0.9;
}

/* 固定表示されたメニューバーは一段濃いガラスに */
#wrapper #st-menuwide.st-header-fixed {
	background: var(--glass-tint), var(--glass-bg-strong);
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-radius: 0;
}

#wrapper #st-menubox nav.menu li a,
#wrapper #st-menuwide nav.menu li a,
#wrapper #st-menuwide div.menu li a {
	color: var(--text);
}

/* ドロップダウンは浮いたガラスパネルに */
#wrapper #st-menuwide nav.menu .sub-menu,
#wrapper #st-menuwide div.menu .sub-menu {
	border-radius: var(--radius-sm);
	box-shadow: var(--glass-shadow),
		inset 0 1px 0 var(--glass-highlight);
}

/* モバイル: スライドナビのアコーディオン面 */
#wrapper #s-navi dl.acordion {
	border-radius: var(--radius-md);
	box-shadow: var(--glass-shadow),
		inset 0 1px 0 var(--glass-highlight);
}

#wrapper #s-navi dt.trigger {
	border-bottom: 1px solid var(--glass-border);
}

#wrapper #st-mobile-logo a {
	color: var(--text);
}

/* ==========================================================================
   5. パンくず
   ========================================================================== */

#wrapper #breadcrumb {
	border-radius: 999px;
	padding: 6px 16px;
	color: var(--text-secondary);
}

#wrapper #breadcrumb ol li a {
	color: var(--text-secondary);
}

#wrapper #breadcrumb ol li a:hover {
	color: var(--accent-pink);
}

/* ==========================================================================
   6. 記事カード（一覧）
   ========================================================================== */

#wrapper .post-card-list .post-card {
	border-radius: var(--radius-lg);
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* カード上端にパレットを巡回させる（5色ローテーション）。
   v1.1.0: 4px に太くし、静止時にも同じ色の淡いグローを敷く */
#wrapper .post-card-list .post-card:nth-child(5n+1) { border-top: 4px solid var(--accent-blue); box-shadow: var(--glass-shadow-sm), 0 8px 22px var(--pastel-blue), inset 0 1px 0 var(--glass-highlight); }
#wrapper .post-card-list .post-card:nth-child(5n+2) { border-top: 4px solid var(--accent-pink); box-shadow: var(--glass-shadow-sm), 0 8px 22px var(--pastel-pink), inset 0 1px 0 var(--glass-highlight); }
#wrapper .post-card-list .post-card:nth-child(5n+3) { border-top: 4px solid var(--accent-yellow); box-shadow: var(--glass-shadow-sm), 0 8px 22px var(--pastel-yellow), inset 0 1px 0 var(--glass-highlight); }
#wrapper .post-card-list .post-card:nth-child(5n+4) { border-top: 4px solid var(--accent-green); box-shadow: var(--glass-shadow-sm), 0 8px 22px var(--pastel-green), inset 0 1px 0 var(--glass-highlight); }
#wrapper .post-card-list .post-card:nth-child(5n+5) { border-top: 4px solid var(--accent-violet); box-shadow: var(--glass-shadow-sm), 0 8px 22px var(--pastel-violet), inset 0 1px 0 var(--glass-highlight); }

#wrapper .post-card-list .post-card:nth-child(5n+1):hover { box-shadow: var(--glass-shadow), 0 10px 28px var(--pastel-blue), inset 0 1px 0 var(--glass-highlight); }
#wrapper .post-card-list .post-card:nth-child(5n+2):hover { box-shadow: var(--glass-shadow), 0 10px 28px var(--pastel-pink), inset 0 1px 0 var(--glass-highlight); }
#wrapper .post-card-list .post-card:nth-child(5n+3):hover { box-shadow: var(--glass-shadow), 0 10px 28px var(--pastel-yellow), inset 0 1px 0 var(--glass-highlight); }
#wrapper .post-card-list .post-card:nth-child(5n+4):hover { box-shadow: var(--glass-shadow), 0 10px 28px var(--pastel-green), inset 0 1px 0 var(--glass-highlight); }
#wrapper .post-card-list .post-card:nth-child(5n+5):hover { box-shadow: var(--glass-shadow), 0 10px 28px var(--pastel-violet), inset 0 1px 0 var(--glass-highlight); }

#wrapper .post-card-list .post-card:hover {
	transform: translateY(-3px);
}

#wrapper .post-card-list .post-card-title a {
	color: var(--text);
}

#wrapper .post-card-list .post-card-title a:hover {
	color: var(--accent);
}

/* カテゴリチップ: 淡色ガラス + カードと同じ色巡回 */
#wrapper .st-catgroup .catname {
	background: var(--glass-tint), var(--glass-bg-strong);
	-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
	backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
	border: 1px solid var(--glass-border);
	border-radius: 999px;
	color: var(--text);
}

#wrapper .post-card-list .post-card:nth-child(5n+1) .catname { background: var(--pastel-blue); }
#wrapper .post-card-list .post-card:nth-child(5n+2) .catname { background: var(--pastel-pink); }
#wrapper .post-card-list .post-card:nth-child(5n+3) .catname { background: var(--pastel-yellow); }
#wrapper .post-card-list .post-card:nth-child(5n+4) .catname { background: var(--pastel-green); }
#wrapper .post-card-list .post-card:nth-child(5n+5) .catname { background: var(--pastel-violet); }

/* リスト形式（一覧）の行もガラスに */
#wrapper .kanren dl {
	border-radius: var(--radius-md);
	padding: 10px 14px;
	margin-bottom: 14px;
}

#wrapper .kanren dd a {
	color: var(--text);
}

#wrapper .kanren dd a:hover {
	color: var(--accent);
}

/* ==========================================================================
   7. 個別ページ
   ========================================================================== */

/* 本文面: 1枚の大きなガラスシート（内側の余白は親の指定を尊重） */
#wrapper #content-w main {
	border-radius: var(--radius-lg);
	box-shadow: var(--glass-shadow),
		inset 0 1px 0 var(--glass-highlight);
}

/* タイトルブロック */
#wrapper .entry-title {
	color: var(--text);
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
	border-image: var(--palette-gradient) 1;
}

/* --- 見出し（本文内） ---
   v1.1.2: パステルの横グラデーション＋色ローテーションを廃止し、
   フラットな白面に縦グラデーションの細バーだけを置く静かな見出しに変更。
   バーは background の先頭レイヤー（左端 4px・角丸に沿ってクリップされる） */
#wrapper .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
	background:
		var(--palette-gradient-v) left center / 4px 100% no-repeat,
		var(--glass-bg-content);
	border: 1px solid var(--glass-border);
	border-radius: var(--radius-sm);
	box-shadow: var(--glass-shadow-sm),
		inset 0 1px 0 var(--glass-highlight);
	color: var(--text);
	padding: 12px 16px 12px 20px;
}

#wrapper .entry-content h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
	background: none;
	border-left: 4px solid var(--accent);
	color: var(--text);
	padding-left: 12px;
}

/* --- テーブル --- */
#wrapper .entry-content table {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--glass-border);
	border-radius: var(--radius-sm);
	overflow: hidden;
	/* 表も文字面なので本文用の白いガラスに合わせる（v1.1.1） */
	background: var(--glass-bg-content);
}

#wrapper .entry-content th {
	background: var(--pastel-blue);
	color: var(--text);
	border-bottom: 1px solid var(--glass-border);
	padding: 10px 12px;
}

#wrapper .entry-content td {
	border-bottom: 1px solid var(--glass-border);
	padding: 10px 12px;
}

#wrapper .entry-content tr:last-child td {
	border-bottom: none;
}

/* --- 引用 --- */
#wrapper .entry-content blockquote {
	background: var(--glass-tint), var(--glass-bg);
	-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
	backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
	border: 1px solid var(--glass-border);
	border-left: 5px solid var(--accent-violet);
	border-radius: var(--radius-sm);
	box-shadow: var(--glass-shadow-sm),
		inset 0 1px 0 var(--glass-highlight);
	color: var(--text);
	padding: 16px 20px;
}

/* ==========================================================================
   8. ボタン・ページネーション
   ========================================================================== */

#wrapper .pagination a,
#wrapper .pagination span {
	border-radius: 999px;
	color: var(--text);
	padding: 6px 14px;
	transition: transform 0.2s ease, background 0.2s ease;
}

#wrapper .pagination a:hover {
	background: var(--glass-bg-strong);
	transform: translateY(-1px);
}

/* 現在ページ: 青→紫のグラデーションで色気を出す */
#wrapper .pagination .current {
	background: linear-gradient(135deg, var(--accent-blue), var(--accent-violet));
	border-color: transparent;
	color: #ffffff;
}

#wrapper .st-pagelink a {
	border-radius: var(--radius-sm);
	color: var(--text);
	padding: 10px 16px;
}

#wrapper .st-pagelink a:hover {
	background: var(--glass-bg-strong);
	color: var(--accent);
}

/* 汎用ボタン（フォーム送信・テーマのボタン部品） */
#wrapper input[type="submit"],
#wrapper button[type="submit"] {
	background: linear-gradient(135deg, var(--accent-blue), var(--accent-violet));
	border: 1px solid transparent;
	border-radius: 999px;
	box-shadow: var(--glass-shadow-sm);
	color: #ffffff;
	cursor: pointer;
	padding: 8px 22px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#wrapper input[type="submit"]:hover,
#wrapper button[type="submit"]:hover {
	transform: translateY(-1px);
	box-shadow: var(--glass-shadow);
}

/* ==========================================================================
   9. サイドバー
   ========================================================================== */

#wrapper .side-widgets {
	border-radius: var(--radius-md);
	padding: 18px;
	margin-bottom: 20px;
}

/* ウィジェット見出し: アクセントバー + 下端の多色ライン */
#wrapper .st-widgets-title {
	border-left: 5px solid var(--accent);
	border-bottom: 2px solid transparent;
	border-image: var(--palette-gradient) 1;
	color: var(--text);
	padding-left: 10px;
	padding-bottom: 6px;
}

#wrapper #side .side-widgets a {
	color: var(--text);
}

#wrapper #side .side-widgets a:hover {
	color: var(--accent-pink);
}

/* ==========================================================================
   10. フッター
   ========================================================================== */

#wrapper #footer {
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-radius: 0;
	color: var(--text);
	position: relative;
}

#wrapper #footer::before {
	content: "";
	position: absolute;
	top: -1px;
	right: 0;
	left: 0;
	height: 3px;
	background: var(--palette-gradient);
	opacity: 0.9;
}

#wrapper #footer a {
	color: var(--text);
}

#wrapper #footer a:hover {
	color: var(--accent-pink);
}

/* ==========================================================================
   11. 検索フォーム・ページトップ
   ========================================================================== */

#wrapper #searchform {
	border-radius: 999px;
	padding: 4px;
}

#wrapper #searchform input:not([type="submit"]) {
	background: transparent;
	border: none;
	color: var(--text);
}

#wrapper #searchform input:focus {
	outline: none;
}

#wrapper #page-top:not(.page-top-img):not(.st-pagetop-text) a {
	border-radius: 50%;
	color: var(--text);
	transition: transform 0.2s ease, background 0.2s ease;
}

#wrapper #page-top:not(.page-top-img):not(.st-pagetop-text) a:hover {
	background: var(--glass-bg-strong);
	transform: translateY(-2px);
}

/* ==========================================================================
   12. フォールバック
   ========================================================================== */

/* backdrop-filter 非対応: トークンごとソリッドに倒す */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	:root {
		--glass-bg: var(--glass-bg-solid);
		--glass-bg-strong: var(--glass-bg-solid);
		--glass-bg-content: var(--glass-bg-solid);
		--glass-border: rgba(29, 29, 31, 0.12);
	}

	@media (prefers-color-scheme: dark) {
		:root {
			--glass-border: rgba(255, 255, 255, 0.22);
		}
	}
}

/* 透明度を下げる設定: ガラスをやめ、ウォッシュも平らに */
@media (prefers-reduced-transparency: reduce) {
	:root {
		--glass-bg: var(--glass-bg-solid);
		--glass-bg-strong: var(--glass-bg-solid);
		--glass-bg-content: var(--glass-bg-solid);
		--glass-tint: none;
		--glass-border: rgba(29, 29, 31, 0.12);
		--glass-blur: 0px;
		--glass-saturate: 100%;
		--wash-fields: none;
	}

	#wrapper #st-headerbox,
	#wrapper #st-menuwide.st-header-fixed,
	#wrapper #st-menuwide nav.menu .sub-menu,
	#wrapper #st-menuwide div.menu .sub-menu,
	#wrapper #s-navi dl.acordion,
	#wrapper .post-card-list .post-card,
	#wrapper .kanren dl,
	#wrapper #content-w main,
	#wrapper .side-widgets,
	#wrapper #footer,
	#wrapper #breadcrumb,
	#wrapper #page-top:not(.page-top-img):not(.st-pagetop-text) a,
	#wrapper .pagination a,
	#wrapper .pagination span,
	#wrapper .st-pagelink a,
	#wrapper #searchform,
	#wrapper .st-catgroup .catname,
	#wrapper .entry-content blockquote {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	@media (prefers-color-scheme: dark) {
		:root {
			--glass-border: rgba(255, 255, 255, 0.22);
		}
	}
}

/* モーション軽減: このテーマが足した遷移だけを止める */
@media (prefers-reduced-motion: reduce) {
	a,
	#wrapper .post-card-list .post-card,
	#wrapper .pagination a,
	#wrapper .pagination span,
	#wrapper input[type="submit"],
	#wrapper button[type="submit"],
	#wrapper #page-top:not(.page-top-img):not(.st-pagetop-text) a {
		transition: none;
	}

	#wrapper .post-card-list .post-card:hover,
	#wrapper input[type="submit"]:hover,
	#wrapper button[type="submit"]:hover,
	#wrapper #page-top:not(.page-top-img):not(.st-pagetop-text) a:hover {
		transform: none;
	}
}

/* ==========================================================================
   13. レスポンシブ（親のブレークポイント 959px / 599px に合わせる）
   ========================================================================== */

@media only screen and (max-width: 959px) {
	#wrapper #content-w main {
		border-radius: var(--radius-md);
	}

	#wrapper .post-card-list .post-card {
		border-radius: var(--radius-md);
	}

	#wrapper .side-widgets {
		padding: 14px;
	}
}

@media only screen and (max-width: 599px) {
	:root {
		--glass-blur: 14px;
		--radius-lg: 18px;
	}

	#wrapper #breadcrumb {
		border-radius: var(--radius-sm);
	}

	#wrapper .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
		padding: 10px 12px 10px 18px;
	}
}