/*
 * Workstrust TOP 温かみ調整案（比較用 / preview/top-warm.php だけで読み込む）
 * 方針：主役の青は変えない。冷たい淡水色の面を、やわらかい生成り・砂色の面へ。
 *       線と影をあたたかい色味に、角を少し丸く。参考価格は金額を大きく、ひと目で分かるように。
 *       文章・イラスト・数値は変えない。
 */
body.wt-top-warm {
	/* ユニセル寄りの明るい配色：白が主、淡いピンクベージュ・明るい水色・あたたかい黄色 */
	--w-ivory: #fffdfa;
	--w-cream: #fbf3ee;
	--w-sand: #f7ece5;
	--w-paper: #fffdfa;
	--w-line: #f0e1d8;
	--w-line-soft: #f5ebe5;
	--w-text: #333333;
	--w-ink: #1b2d4d;
	--w-sky: #57c3e8;
	--w-yellow: #ffcf5c;
	--w-accent: #e8641a;
	--w-accent-soft: #fff1d6;
	--w-shadow: 0 16px 40px rgba(120, 90, 70, 0.08);
	--w-shadow-soft: 0 8px 22px rgba(120, 90, 70, 0.06);
	background: var(--w-ivory) !important;
	color: var(--w-text) !important;
}

/* ---------- FV：冷たい水色の光を、やわらかい暖色の光へ ---------- */
body.wt-top-warm .fv {
	background:
		radial-gradient(circle at 78% 38%, rgba(87, 195, 232, 0.22) 0, rgba(87, 195, 232, 0) 42%),
		radial-gradient(circle at 96% 92%, rgba(255, 207, 92, 0.30) 0, rgba(255, 207, 92, 0) 38%),
		radial-gradient(circle at 6% 96%, rgba(146, 186, 222, 0.16) 0, rgba(146, 186, 222, 0) 34%),
		linear-gradient(180deg, #ffffff 0%, #fbf3ee 100%) !important;
}
body.wt-top-warm .fv__node b { color: var(--w-ink) !important; }

/* ---------- 参考価格：金額を主役に ---------- */
body.wt-top-warm .wt-top-prices {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
	grid-template-areas: "label label label" "pm isms link" !important;
	align-items: stretch;
	gap: 12px 14px !important;
	margin-top: 26px !important;
	padding: 18px !important;
	background: var(--w-paper) !important;
	border: 1px solid var(--w-line) !important;
	border-radius: 20px !important;
	box-shadow: var(--w-shadow) !important;
}
body.wt-top-warm .wt-top-prices > small {
	grid-area: label !important;
	justify-self: start;
	width: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 6px 14px !important;
	border-radius: 8px;
	background: var(--w-accent-soft) !important;
	color: #8a4a1f !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1.5;
	text-align: center;
}
body.wt-top-warm .wt-top-prices > p:nth-of-type(1) { grid-area: pm !important; }
body.wt-top-warm .wt-top-prices > p:nth-of-type(2) { grid-area: isms !important; }
body.wt-top-warm .wt-top-prices > p {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 18px;
	margin: 0 !important;
	padding: 14px 20px !important;
	background: #fff !important;
	border: 2px solid #f0e1d8 !important;
	border-radius: 14px !important;
	box-shadow: none !important;
}
body.wt-top-warm .wt-top-prices > p > strong {
	flex: 0 0 100%;
	color: var(--w-ink) !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	line-height: 1.3;
}
body.wt-top-warm .wt-warm-price {
	display: inline-flex !important;
	align-items: baseline;
	gap: 4px;
	color: var(--w-accent) !important;
	white-space: nowrap;
}
body.wt-top-warm .wt-warm-price em {
	align-self: center;
	margin-right: 4px;
	padding: 3px 9px;
	border-radius: 7px;
	background: var(--w-accent-soft);
	color: #8a4a1f;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 1.4;
}
body.wt-top-warm .wt-warm-price b {
	color: var(--w-accent);
	font-size: clamp(34px, 3vw, 44px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0.01em;
	font-feature-settings: "palt";
}
body.wt-top-warm .wt-warm-price i {
	color: var(--w-accent);
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
}
body.wt-top-warm .wt-top-prices > a {
	grid-area: link !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 12px 16px !important;
	border-radius: 12px;
	background: var(--w-ink) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	line-height: 1.5;
	transition: background-color 0.3s ease, transform 0.3s ease;
}
body.wt-top-warm .wt-top-prices > a:hover,
body.wt-top-warm .wt-top-prices > a:focus-visible { background: #2a4675 !important; }
body.wt-top-warm .wt-top-prices > a span { color: #fff !important; }

@media (max-width: 1100px) {
	body.wt-top-warm .wt-top-prices {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		grid-template-areas: "label label" "pm isms" "link link" !important;
	}
}
@media (max-width: 640px) {
	body.wt-top-warm .wt-top-prices {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas: "label" "pm" "isms" "link" !important;
		padding: 14px !important;
		gap: 10px !important;
	}
	body.wt-top-warm .wt-top-prices > p { padding: 12px 16px !important; }
	body.wt-top-warm .wt-warm-price b { font-size: 34px; }
}

/* ---------- 青い帯：色は同じ青のまま、面に光と深みを ---------- */
body.wt-top-warm .band--service,
body.wt-top-warm .band--course {
	background:
		radial-gradient(circle at 88% 8%, rgba(255, 207, 92, 0.22) 0, rgba(255, 207, 92, 0) 36%),
		radial-gradient(circle at 4% 96%, rgba(255, 255, 255, 0.10) 0, rgba(255, 255, 255, 0) 30%),
		linear-gradient(165deg, #2465b0 0%, #1a4e90 100%) !important;
}

/* ---------- 淡い水色の面を、生成り・砂色の面へ（節ごとに少しずつ変える） ---------- */
body.wt-top-warm .stats {
	background:
		radial-gradient(circle at 8% 20%, rgba(255, 207, 92, 0.22) 0, rgba(255, 207, 92, 0) 32%),
		linear-gradient(180deg, #fbf3ee 0%, #fbf3ee 100%) !important;
}
body.wt-top-warm .band--plans,
body.wt-top-warm .band--voices,
body.wt-top-warm .wtfi { background: var(--w-paper) !important; }
body.wt-top-warm .docs {
	background: linear-gradient(135deg, #fbf3ee 0%, #ffffff 55%, #fbf3ee 100%) !important;
}
body.wt-top-warm .band--method {
	background:
		radial-gradient(circle at 92% 18%, rgba(255, 207, 92, 0.22) 0, rgba(255, 207, 92, 0) 34%),
		linear-gradient(90deg, #ffffff 0%, #fbf3ee 100%) !important;
}
body.wt-top-warm .band--assurance {
	background: linear-gradient(115deg, #fbf3ee 0%, #fbf3ee 48%, #ffffff 48%, #ffffff 100%) !important;
}
body.wt-top-warm .band--tools {
	background:
		radial-gradient(circle at 88% 22%, rgba(255, 207, 92, 0.22) 0, rgba(255, 207, 92, 0) 32%),
		#fbf3ee !important;
}
body.wt-top-warm .band--guide {
	background:
		radial-gradient(circle at 8% 78%, rgba(255, 207, 92, 0.22) 0, rgba(255, 207, 92, 0) 29%),
		#ffffff !important;
}
body.wt-top-warm #news { background: #fbf3ee !important; }
body.wt-top-warm .band--column { background: #ffffff !important; }
body.wt-top-warm .band--glossary {
	background:
		radial-gradient(circle at 92% 72%, rgba(255, 207, 92, 0.22) 0, rgba(255, 207, 92, 0) 31%),
		#fbf3ee !important;
}

/* ---------- カード・枠：線と影をあたたかく、角を少し丸く ---------- */
body.wt-top-warm .servicejourney__stage {
	background: var(--w-paper) !important;
	border-color: var(--w-line) !important;
	border-radius: 22px 6px !important;
}
body.wt-top-warm .servicejourney__head {
	background: linear-gradient(135deg, #fbf3ee 0%, #fffdf9 100%) !important;
}
body.wt-top-warm .servicejourney { box-shadow: 0 24px 56px rgba(40, 30, 20, 0.16) !important; }
body.wt-top-warm .stats__copy,
body.wt-top-warm .stats__chart {
	background: rgba(255, 253, 249, 0.95) !important;
	border-color: var(--w-line) !important;
	border-radius: 20px !important;
	box-shadow: var(--w-shadow-soft) !important;
}
body.wt-top-warm .cmx__item,
body.wt-top-warm .cmx__supg,
body.wt-top-warm .cmx__sup,
body.wt-top-warm .gls__node,
body.wt-top-warm .faq__i {
	background: var(--w-paper) !important;
	border-color: var(--w-line) !important;
}
body.wt-top-warm .cmx__list { border-color: var(--w-line-soft) !important; }
body.wt-top-warm .faq__i { border-radius: 14px !important; }
body.wt-top-warm .method__wrap {
	background: rgba(255, 248, 238, 0.82) !important;
	border-color: var(--w-line) !important;
	border-radius: 22px !important;
}
body.wt-top-warm .voice__ph { background: #fbf3ee !important; }
body.wt-top-warm .voice__b { background: #fbf3ee !important; }
body.wt-top-warm .wtfi__card {
	background: #fbf3ee !important;
	border-color: var(--w-line) !important;
	border-radius: 20px !important;
}
body.wt-top-warm .gls__scope,
body.wt-top-warm .gls__route,
body.wt-top-warm .faq__aside { background: #fbf3ee !important; }
body.wt-top-warm .docs__stage { border-color: rgba(150, 110, 70, 0.14) !important; }
body.wt-top-warm main li,
body.wt-top-warm main .band a[class]:not(.btn):not(.more) { border-color: var(--w-line); }

/* 写真・イラストの角をやわらかく */
body.wt-top-warm main figure img,
body.wt-top-warm .voice__ph img { border-radius: 14px; }

/* ---------- 文字：明るい面の本文だけ、少しあたたかい灰色へ（青い帯・濃い面の文字は触らない） ---------- */
body.wt-top-warm .stats p,
body.wt-top-warm .band--plans .planintro p,
body.wt-top-warm .docs p,
body.wt-top-warm .band--method p,
body.wt-top-warm .band--assurance p,
body.wt-top-warm .band--voices p,
body.wt-top-warm .band--guide p,
body.wt-top-warm .band--glossary p { color: var(--w-text); }
body.wt-top-warm .wt-top-service-actions p { color: #fff !important; }

/* ---------- 支援コースと料金の導入：淡い青の箱を、あたたかい面へ ---------- */
body.wt-top-warm .planintro {
	background:
		radial-gradient(circle at 90% 20%, rgba(255, 207, 92, 0.22) 0, rgba(255, 207, 92, 0) 40%),
		linear-gradient(125deg, #fbf3ee 0%, #fbf3ee 100%) !important;
	border: 1px solid var(--w-line);
}

/* ---------- 残りの淡い青：取得・更新ガイド、お客様の声、書類の比較 ---------- */
body.wt-top-warm .guidecard--pmark,
body.wt-top-warm .guidecard--renew {
	background: linear-gradient(180deg, #fbf3ee 0%, #fffdf9 55%) !important;
}
body.wt-top-warm .guidecard--isms {
	background: linear-gradient(180deg, #fbf3ee 0%, #fffdf9 55%) !important;
}
body.wt-top-warm .band--guide li,
body.wt-top-warm .band--guide li a {
	background: #ffffff !important;
	border-color: var(--w-line) !important;
}
body.wt-top-warm .voices__list > li,
body.wt-top-warm .voices__list > article,
body.wt-top-warm .voices__list > div {
	background: var(--w-paper) !important;
	border-color: var(--w-line) !important;
	box-shadow: var(--w-shadow-soft);
}
body.wt-top-warm .voice__tag { background: var(--w-accent-soft) !important; }
body.wt-top-warm .docs__side--many { background: #f7f3f0 !important; }
body.wt-top-warm .docs__side--few { background: #eef6ef !important; }
body.wt-top-warm .docs__compare,
body.wt-top-warm .docs__stage { border-color: var(--w-line) !important; }

/* ---------- ユニセル寄り：面を大きく角丸に、明るい水色と黄色をアクセントに ---------- */
body.wt-top-warm .stats,
body.wt-top-warm .docs,
body.wt-top-warm .band--method,
body.wt-top-warm .band--tools,
body.wt-top-warm #news,
body.wt-top-warm .band--glossary {
	border-radius: 48px;
	margin-left: 16px;
	margin-right: 16px;
}
body.wt-top-warm .fv__node b small,
body.wt-top-warm .fv__node span { color: var(--w-ink) !important; }
body.wt-top-warm .wt-warm-price em { background: var(--w-accent-soft); color: #8a5a00; }
body.wt-top-warm .wt-top-prices > small { background: var(--w-yellow) !important; color: #3d2c00 !important; }
body.wt-top-warm .wt-top-prices > p { border-color: #cfeef9 !important; }
body.wt-top-warm .wt-top-prices > a { border-radius: 14px; background: #1b7fb0 !important; color: #fff !important; }
body.wt-top-warm .wt-top-prices > a span { color: #fff !important; }
body.wt-top-warm .wt-top-prices > a:hover,
body.wt-top-warm .wt-top-prices > a:focus-visible { background: #156a94 !important; }
body.wt-top-warm .band--service,
body.wt-top-warm .band--course {
	background:
		radial-gradient(circle at 88% 8%, rgba(87, 195, 232, 0.35) 0, rgba(87, 195, 232, 0) 38%),
		radial-gradient(circle at 6% 96%, rgba(255, 207, 92, 0.16) 0, rgba(255, 207, 92, 0) 30%),
		linear-gradient(165deg, #2a7cc9 0%, #1f63ad 100%) !important;
}
@media (max-width: 640px) {
	body.wt-top-warm .stats,
	body.wt-top-warm .docs,
	body.wt-top-warm .band--method,
	body.wt-top-warm .band--tools,
	body.wt-top-warm #news,
	body.wt-top-warm .band--glossary { border-radius: 28px; margin-left: 8px; margin-right: 8px; }
}

/* ---------- r6（2026-10-01）：石川隆規税理士事務所とユニセルを参考に、色の重さを外す ---------- */
/* 節番号：黄色の丸に紺の数字（i-taxoffice の黄色い大きな番号に合わせる） */
body.wt-top-warm .lb::before {
	background: var(--w-yellow) !important;
	border-color: var(--w-yellow) !important;
	color: var(--w-ink) !important;
}
body.wt-top-warm .lb { color: var(--w-ink) !important; }

/* 青の全面帯 2 つを、明るい水色の面へ。青は文字とボタンに残す（ユニセルの使い方） */
body.wt-top-warm .band--service,
body.wt-top-warm .band--course {
	background:
		radial-gradient(circle at 90% 10%, rgba(255, 207, 92, 0.28) 0, rgba(255, 207, 92, 0) 34%),
		linear-gradient(170deg, #e6f5fc 0%, #d9eff9 100%) !important;
	border-radius: 48px;
	margin-left: 16px;
	margin-right: 16px;
}
body.wt-top-warm .band--service .ttl,
body.wt-top-warm .band--service .wt2-heading-line,
body.wt-top-warm .band--service .lead,
body.wt-top-warm .band--course .ttl,
body.wt-top-warm .band--course .lead { color: var(--w-ink) !important; }
body.wt-top-warm .band--course .wt-course-group {
	background: rgba(255, 253, 250, 0.72) !important;
	border-radius: 24px;
}
@media (max-width: 640px) {
	body.wt-top-warm .band--service,
	body.wt-top-warm .band--course { border-radius: 28px; margin-left: 8px; margin-right: 8px; }
}
/* 4つの支援体制の番号：青い丸を、黄色の丸に紺の数字へ */
body.wt-top-warm .method > li::before {
	background: var(--w-yellow) !important;
	color: var(--w-ink) !important;
	box-shadow: none !important;
}
body.wt-top-warm .method__line { background: #f3dfa6 !important; }
/* 06 認定保証：斜めの面で右のカードの地が消えていたので、面を1色にしてカードを白で立たせる */
body.wt-top-warm .band--assurance {
	background: var(--w-cream) !important;
	border-radius: 48px;
	margin-left: 16px;
	margin-right: 16px;
}
body.wt-top-warm .band--assurance::before,
body.wt-top-warm .band--assurance::after { display: none !important; }
body.wt-top-warm .safe__main,
body.wt-top-warm .safe__sub {
	background: var(--w-paper) !important;
	border: 1px solid var(--w-line) !important;
	border-radius: 24px !important;
	box-shadow: var(--w-shadow-soft) !important;
}
body.wt-top-warm .safe__sub { padding: 28px 32px !important; }
@media (max-width: 640px) {
	body.wt-top-warm .band--assurance { border-radius: 28px; margin-left: 8px; margin-right: 8px; }
	body.wt-top-warm .safe__sub { padding: 22px 20px !important; }
}
/* 表情のあるイラストの試作（静止画）。動きは絵柄の承認後に付け直す */
body.wt-top-warm .wt-warm-ill { margin: 0; }
body.wt-top-warm .wt-warm-ill img { display: block; width: 100%; height: auto; border-radius: 0; }
body.wt-top-warm .wt-warm-ill--service { align-self: center; width: 100%; max-width: 560px; justify-self: end; }
@media (max-width: 767px) {
	body.wt-top-warm .wt-warm-ill--service { max-width: 100%; justify-self: stretch; margin-top: 8px; }
}
/* 元の FV 絵用の色のくすませ（sepia）と落ち影を、新しい絵には当てない。机の下に出ていた白いくさび形の正体はこの影 */
body.wt-top-warm .wt-warm-ill--hero { filter: none !important; }
/* 実績の数字の箱に掛かっていた背景ぼかし（backdrop-filter）が、新しい絵の机の角をにじませて白いくさびに見えていたので外す */
body.wt-top-warm .fv__node { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
/* FV：新しい絵の机の角が下の実績アイコンにかぶるので、絵を少し小さくし、数字の段を絵の下へ引き上げていた負の余白をなくす（聖司さん指摘 2026-10-01） */
body.wt-top-warm .wt-warm-ill--hero { width: 660px; max-width: 100%; margin-left: auto; margin-right: auto; }
body.wt-top-warm .fv__nodes { margin-top: 0 !important; }
/* 節の背景は横幅いっぱい・角丸なしに戻す（聖司さん指示 2026-10-01「横幅100％でborder-radius:0;でいいです。変です。」） */
body.wt-top-warm #service,
body.wt-top-warm .stats,
body.wt-top-warm .band--course,
body.wt-top-warm .docs,
body.wt-top-warm .band--method,
body.wt-top-warm .band--assurance,
body.wt-top-warm #tools,
body.wt-top-warm #news,
body.wt-top-warm .band--glossary {
	border-radius: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* イラストは「04 書類の量」以外は動かさない（聖司さん指示 2026-10-01）。
   絵を含む外枠の登場の動き（ふわっと出る・位置が落ち着く）も止め、最初から定位置に表示する。04 docs の動きは残す。 */
body.wt-top-warm .fv,
body.wt-top-warm .wt-warm-ill,
body.wt-top-warm .toolitem,
body.wt-top-warm .toolintro__visual,
body.wt-top-warm .planintro__art,
body.wt-top-warm .columnintro__art,
body.wt-top-warm .wt-semantic-scene,
body.wt-top-warm .fv__node,
body.wt-top-warm .fv__node::before {
	animation: none !important;
	transition: none !important;
}
body.wt-top-warm .band--service .in.rv,
body.wt-top-warm .band--guide .in.rv,
body.wt-top-warm .band--glossary .in.rv,
body.wt-top-warm .band--plans .in.rv,
body.wt-top-warm .band--method .in.rv,
body.wt-top-warm .band--assurance .in.rv,
body.wt-top-warm .band--tools .in.rv,
body.wt-top-warm .band--column .in.rv,
body.wt-top-warm .band--faq .in.rv {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;
}
/* 09 ガイド：絵が左の列からはみ出して見出しに接していたので、列の幅に収めて文章との間を空ける（聖司さん指示 2026-10-01） */
body.wt-top-warm .wt-warm-ill--guide { width: 100% !important; max-width: 100% !important; margin: 0 !important; justify-self: stretch; align-self: center; }
/* 動かすのは「04 取得準備から運用まで」（.docs）の絵だけ。ほかの節の登場の動き・写真のふわっと出る動きもすべて止める（聖司さん指摘 2026-10-01 2回目） */
body.wt-top-warm .rv:not(.docs .rv),
body.wt-top-warm .rv:not(.docs .rv) > *,
body.wt-top-warm .band--voices li,
body.wt-top-warm .band--voices article,
body.wt-top-warm .wt-static-scene,
body.wt-top-warm .wt-static-scene img {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;
}
/* FV：マウスの動きに合わせて絵をずらす仕組み（JSが transform を直接書き込む）を、新しい絵では効かせない（聖司さん指摘 2026-10-01） */
body.wt-top-warm .wt-warm-ill--hero,
body.wt-top-warm .wt-warm-ill--hero img { transform: none !important; will-change: auto !important; }

/* 新しい絵が枠で切られないようにする：元の絵用の「16:9 で切り抜く」指定を外し、絵の比率のまま全体を見せる */
body.wt-top-warm .wt-static-scene,
body.wt-top-warm .wt-warm-ill { overflow: visible !important; }
body.wt-top-warm .wt-static-scene img,
body.wt-top-warm .wt-warm-ill img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
}

/* 06 認定保証：絵を右の列の上下中央に置き、左の文章（100%・見出し・説明）を詰めて並べる。余白の偏りをなくす */
body.wt-top-warm .safe__main {
	grid-template-columns: minmax(0, 1fr) 240px !important;
	column-gap: 28px !important;
	align-content: center !important;
	align-items: start;
}
body.wt-top-warm .safe__main > .safe__big,
body.wt-top-warm .safe__main > .safe__t,
body.wt-top-warm .safe__main > .safe__d { grid-column: 1 !important; margin-top: 0; }
body.wt-top-warm .safe__main > .safe__t { margin-top: 12px !important; }
body.wt-top-warm .safe__main > .safe__d { margin-top: 12px !important; }
body.wt-top-warm .safe__main > .wt-static-scene--assurance {
	grid-column: 2 !important;
	grid-row: 1 / span 3 !important;
	align-self: center !important;
	width: 240px !important;
	margin: 0 !important;
}
@media (max-width: 767px) {
	body.wt-top-warm .safe__main { grid-template-columns: minmax(0, 1fr) !important; }
	body.wt-top-warm .safe__main > .wt-static-scene--assurance {
		grid-column: 1 !important;
		grid-row: auto !important;
		width: 220px !important;
		justify-self: center;
		margin-top: 16px !important;
	}
}
/* 02 コース：余白付きの絵（v2）になって小さく見えるので、右の列を広げて絵を大きく見せる */
@media (min-width: 768px) {
	body.wt-top-warm .planintro { grid-template-columns: minmax(0, 1fr) minmax(0, 480px) !important; column-gap: 40px !important; }
}

/* Approved course rows: dimensions for seven secondary rows; stationary hover for every course. */
body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__ph:not([data-ph="new"]) .cmx__item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nm pr" "tg tg";gap:2px 8px;padding:9px;border:0;border-bottom:1px solid #dbe8f0 !important;border-radius:0;background:transparent !important}
body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__ph:not([data-ph="new"]) .cmx__nm,body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__ph:not([data-ph="new"]) .cmx__pr{font-size:14px}
body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__ph:not([data-ph="new"]) .cmx__tg,body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__cmp{font-size:13px}
body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__ph .cmx__item:hover,body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__ph .cmx__item:focus-visible{transform:none}
body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__ph:not([data-ph="new"]) .cmx__item:hover,body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__ph:not([data-ph="new"]) .cmx__item:focus-visible{border-bottom-color:#dbe8f0 !important}
body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__cert--pmark .cmx__ph .cmx__item:hover,body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__cert--pmark .cmx__ph .cmx__item:focus-visible{background:var(--trust-pmark-soft) !important}
body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__cert--isms .cmx__ph .cmx__item:hover,body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__cert--isms .cmx__ph .cmx__item:focus-visible{background:var(--trust-isms-soft) !important}

/* Related services in this same fees section: keep their layout and border, change only hover/focus. */
body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__supgrid .cmx__item:hover,body.wt-top-warm.wt-top-brushup.wt-flow-refined #main.wt2 #fees .cmx__supgrid .cmx__item:focus-visible{transform:none;background:var(--trust-pmark-soft) !important}