/* ==========================================================================
   SWELL Blocks — Minimal (shadcn/ui inspired)
   ==========================================================================
   SWELL のエディターブロックを、フラット・低彩度・薄い罫線中心のミニマル
   なスタイルに統一する。グラデーション / グロー / hover transform などの
   装飾は使わず、ボーダーとテキストカラーで階層を表現する。
   ========================================================================== */

:root {
	/* body bg (#f8fafc / slate-50) と調和する slate 軸。
	   muted-2 は白カード上で少しだけ沈ませる用、muted は body bg と同色帯。 */
	--swb-fg: #0f172a;            /* slate-900 */
	--swb-muted-fg: #64748b;      /* slate-500 */
	--swb-border: #e2e8f0;        /* slate-200 */
	--swb-border-strong: #cbd5e1; /* slate-300 */
	--swb-muted: #f8fafc;         /* slate-50 / body と同色 */
	--swb-muted-2: #f1f5f9;       /* slate-100 */
	--swb-accent: #0f172a;        /* slate-900 */
	--swb-accent-hover: #1e293b;  /* slate-800 */
	--swb-accent-fg: #f8fafc;
	--swb-radius: 8px;
	--swb-radius-sm: 6px;
	--swb-radius-pill: 9999px;
	--swb-transition: 0.15s ease;
}

/* ==========================================================================
   Caption Box (.cap_box)
   ========================================================================== */

.cap_box {
	border-radius: var(--swb-radius) !important;
	border: 1px solid var(--swb-border) !important;
	box-shadow: none !important;
	overflow: hidden;
	background: #fff;
}

.cap_box_ttl {
	font-weight: 600;
	letter-spacing: 0;
	padding: 0.6em 1em !important;
	background: var(--swb-muted-2) !important;
	background-image: none !important;
	color: var(--swb-fg) !important;
	border-bottom: 1px solid var(--swb-border);
}

.cap_box_content {
	border-radius: 0 !important;
	border-width: 0 !important;
	padding: 1em 1.25em !important;
	font-size: 0.95em;
	line-height: 1.75;
}

/* ==========================================================================
   FAQ (.is-style-faq-q / .is-style-faq-a / .faq_q / .faq_a)
   ========================================================================== */

.is-style-faq-q,
.is-style-faq-a {
	padding-left: 2.75em !important;
	margin-bottom: 0.6em;
}

.is-style-faq-q::before,
.is-style-faq-a::before {
	width: 1.8em !important;
	height: 1.8em !important;
	line-height: 1.8em !important;
	border-radius: var(--swb-radius-sm) !important;
	font-weight: 600 !important;
	font-size: 0.85em !important;
	background-image: none !important;
	background-color: var(--swb-muted-2) !important;
	color: var(--swb-fg) !important;
	border: 1px solid var(--swb-border);
	box-shadow: none !important;
}

.faq_q,
.faq_a {
	font-weight: 600;
}

/* ==========================================================================
   Icon Boxes (.is-style-icon_good / bad / info / announce / pen / book)
   ========================================================================== */

[class*="is-style-icon_"]:not([class*="is-style-big_icon_"]) {
	border-radius: var(--swb-radius) !important;
	border: 1px solid var(--swb-border) !important;
	background: var(--swb-muted) !important;
	box-shadow: none !important;
	padding: 0.85em 1.25em 0.85em 3em !important;
	position: relative;
	overflow: hidden;
}

[class*="is-style-icon_"]:not([class*="is-style-big_icon_"])::before {
	left: 0.85em !important;
	font-size: 1em !important;
}

/* ==========================================================================
   Big Icon Boxes (.is-style-big_icon_*)
   ========================================================================== */

[class*="is-style-big_icon_"] {
	border-radius: var(--swb-radius) !important;
	border: 1px solid var(--swb-border) !important;
	border-width: 1px !important;
	box-shadow: none !important;
	padding: 1.25em 1.5em 1em !important;
	background: #fff;
}

[class*="is-style-big_icon_"]::after {
	top: -12px !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: var(--swb-radius-sm) !important;
	box-shadow: none !important;
	font-size: 0.85em !important;
}

/* ==========================================================================
   Buttons (.is-style-btn_normal / btn_solid / btn_shiny / btn_line)
   ========================================================================== */

.is-style-btn_normal a,
.is-style-btn_solid a,
.is-style-btn_shiny a,
.is-style-btn_line a {
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	border-radius: var(--swb-radius-sm) !important;
	transition: background-color var(--swb-transition), color var(--swb-transition), border-color var(--swb-transition) !important;
}

.is-style-btn_normal a,
.is-style-btn_shiny a,
.is-style-btn_solid a {
	background-image: none !important;
	background-color: var(--swb-accent) !important;
	color: var(--swb-accent-fg) !important;
	box-shadow: none !important;
}

.is-style-btn_normal a:hover,
.is-style-btn_shiny a:hover,
.is-style-btn_solid a:hover {
	background-color: var(--swb-accent-hover) !important;
	box-shadow: none !important;
	transform: none !important;
	filter: none !important;
}

.is-style-btn_line a {
	border-width: 1px !important;
	border-color: var(--swb-border-strong) !important;
	background: #fff !important;
	color: var(--swb-fg) !important;
	backdrop-filter: none;
}

.is-style-btn_line a:hover {
	transform: none !important;
	box-shadow: none !important;
	background: var(--swb-muted-2) !important;
	border-color: var(--swb-border-strong) !important;
}

/* ==========================================================================
   Balloons (.c-balloon)
   ========================================================================== */

.c-balloon__text {
	border-radius: var(--swb-radius) !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: var(--swb-border);
	box-shadow: none !important;
	background: #fff;
	padding: 0.65em 0.9em !important;
}

.c-balloon__icon {
	border-radius: 50%;
	box-shadow: none;
	border: 1px solid var(--swb-border);
}

.c-balloon__name {
	font-size: 0.75em;
	color: var(--swb-muted-fg);
	font-weight: 400;
}

/* ==========================================================================
   Lists (.is-style-check_list / good_list / bad_list / triangle_list / num_circle)
   ========================================================================== */

.is-style-check_list,
.is-style-good_list,
.is-style-bad_list,
.is-style-triangle_list,
.is-style-num_circle {
	list-style: none !important;
	padding-left: 0 !important;
}

.is-style-check_list li,
.is-style-good_list li,
.is-style-bad_list li,
.is-style-triangle_list li {
	position: relative;
	padding: 0.3em 0 0.3em 1.6em !important;
	line-height: 1.65;
}

.is-style-check_list li::before,
.is-style-good_list li::before,
.is-style-bad_list li::before {
	filter: none !important;
}

.is-style-num_circle {
	counter-reset: swb-num-counter;
}

.is-style-num_circle li {
	position: relative;
	padding: 0.3em 0 0.3em 2em !important;
	line-height: 1.65;
	counter-increment: swb-num-counter;
}

.is-style-num_circle li::before {
	content: counter(swb-num-counter) !important;
	position: absolute;
	left: 0;
	top: 0.3em;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background-image: none;
	background-color: var(--swb-accent);
	color: var(--swb-accent-fg) !important;
	font-size: 0.75em;
	font-weight: 600;
	box-shadow: none;
}

/* ==========================================================================
   Blog Card (.p-blogCard)
   ========================================================================== */

.p-blogCard {
	border-radius: var(--swb-radius) !important;
	border: 1px solid var(--swb-border) !important;
	overflow: hidden;
	box-shadow: none !important;
	transition: border-color var(--swb-transition);
}

.p-blogCard:hover {
	border-color: var(--swb-border-strong);
	box-shadow: none !important;
	transform: none;
}

.p-blogCard__label {
	background: var(--swb-accent) !important;
	background-image: none !important;
	color: var(--swb-accent-fg) !important;
	letter-spacing: 0.02em;
	font-weight: 500;
	border-radius: var(--swb-radius-sm);
	padding: 2px 8px !important;
}

/* ==========================================================================
   Accordion (.c-accordionBox / swell-block-accordion)
   ========================================================================== */

.c-accordionBox,
.swell-block-accordion {
	border-radius: var(--swb-radius) !important;
	border: 1px solid var(--swb-border) !important;
	overflow: hidden;
	box-shadow: none !important;
}

.c-accordionBox__ttl,
.swell-block-accordion__title {
	font-weight: 500 !important;
	padding: 0.85em 1.1em !important;
	background: var(--swb-muted) !important;
	transition: background-color var(--swb-transition);
}

.c-accordionBox[data-active="true"] .c-accordionBox__ttl,
.swell-block-accordion[data-active="true"] .swell-block-accordion__title {
	background: var(--swb-muted-2) !important;
}

/* ==========================================================================
   Tabs (.c-tabList)
   ========================================================================== */

.c-tabList__button {
	font-weight: 500 !important;
	letter-spacing: 0;
	transition: color var(--swb-transition), background var(--swb-transition) !important;
	border-radius: var(--swb-radius-sm) var(--swb-radius-sm) 0 0 !important;
	color: var(--swb-muted-fg) !important;
}

.c-tabList__button[aria-selected="true"] {
	background: #fff !important;
	background-image: none !important;
	color: var(--swb-fg) !important;
	box-shadow: none !important;
}

.c-tabBody {
	border-radius: 0 0 var(--swb-radius) var(--swb-radius) !important;
	border: 1px solid var(--swb-border);
	box-shadow: none !important;
}

/* ==========================================================================
   Markers (.mark_*)
   ========================================================================== */

.mark_blue,
.mark_green,
.mark_yellow,
.mark_orange {
	padding: 0 2px;
	border-radius: 2px;
	font-weight: 500;
}

/* ==========================================================================
   Post Headings (.post_content h2 / h3 / h4)
   ==========================================================================
   通常投稿本文の見出し。SWELL のカスタマイザー見出しデザイン（背景帯 / 左罫 /
   ::before・::after の装飾線）をリセットし、太さ・サイズ・薄い罫線・tracking
   だけで階層を表現する shadcn/ui ライクなミニマル見出しに統一する。
   `is-style-*`（section_ttl 等のスタイル済みブロック）は対象外。
   ========================================================================== */

.post_content h2:not([class*="is-style"]),
.post_content h3:not([class*="is-style"]),
.post_content h4:not([class*="is-style"]) {
	font-weight: 600 !important;
	letter-spacing: -0.01em;
	color: var(--swb-fg) !important;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.post_content h2:not([class*="is-style"])::before,
.post_content h2:not([class*="is-style"])::after,
.post_content h3:not([class*="is-style"])::before,
.post_content h3:not([class*="is-style"])::after,
.post_content h4:not([class*="is-style"])::before,
.post_content h4:not([class*="is-style"])::after {
	content: none !important;
	display: none !important;
}

.post_content h2:not([class*="is-style"]) {
	font-size: 1.5em !important;
	line-height: 1.35 !important;
	margin: 3.5em 0 1em !important;
	padding-bottom: 0.3em !important;
	border-bottom: 1px solid var(--swb-border) !important;
}

.post_content h3:not([class*="is-style"]) {
	font-size: 1.25em !important;
	line-height: 1.45 !important;
	margin: 3em 0 0.9em !important;
}

.post_content h4:not([class*="is-style"]) {
	font-size: 1.1em !important;
	line-height: 1.5 !important;
	margin: 2em 0 0.75em !important;
}

/* h2 直後の h3 は親見出しと一体なので上マージンを詰める */
.post_content h2:not([class*="is-style"]) + h3:not([class*="is-style"]) {
	margin-top: 1em !important;
}

/* 先頭見出しの過剰な上マージンを詰める */
.post_content > h2:not([class*="is-style"]):first-child,
.post_content > h3:not([class*="is-style"]):first-child,
.post_content > h4:not([class*="is-style"]):first-child {
	margin-top: 0 !important;
}

/* ==========================================================================
   Post Paragraphs (.post_content p)
   ==========================================================================
   SWELL は .post_content>* に block margin 2em を一律付与する。段落だけは
   やや詰めて読みやすくするため下マージンを 1.5em に調整する。
   ========================================================================== */

.post_content p {
	margin-bottom: 1.5em;
}

/* ==========================================================================
   Post Lists (.post_content ul / ol — plain list blocks)
   ==========================================================================
   コアのリストブロック（.wp-block-list）のみを対象に、字下げ・行間・マーカー
   色を調整する。アイコン付きリスト（is-style-*）や TOC・タグ等のコンポーネント
   リストには影響させない。
   ========================================================================== */

.post_content ul.wp-block-list:not([class*="is-style"]),
.post_content ol.wp-block-list:not([class*="is-style"]) {
	padding-left: 1.4em;
	margin: 1.25em 0;
}

.post_content ul.wp-block-list:not([class*="is-style"]) li,
.post_content ol.wp-block-list:not([class*="is-style"]) li {
	line-height: 1.75;
	margin: 0.35em 0;
}

.post_content ul.wp-block-list:not([class*="is-style"]) li::marker {
	color: var(--swb-border-strong);
}

.post_content ol.wp-block-list:not([class*="is-style"]) li::marker {
	color: var(--swb-muted-fg);
	font-variant-numeric: tabular-nums;
}

/* ==========================================================================
   Border Block (.has-border.-border04)
   ==========================================================================
   SWELL の枠線スタイル#4 はデフォルトが solid 4px var(--color_gray) と太い。
   テーマ全体の 1px 罫線基調に合わせ、薄い罫線 + 角丸のミニマルな枠に整える。
   ========================================================================== */

.has-border.-border04 {
	border: 1px solid var(--swb-border-strong) !important;
	border-radius: var(--swb-radius);
}

/* ==========================================================================
   Blockquote
   ========================================================================== */

.post_content blockquote {
	position: relative;
	border-radius: var(--swb-radius) !important;
	border: 1px solid var(--swb-border) !important;
	background: var(--swb-muted);
	box-shadow: none !important;
	padding: 1.1em 1.25em !important;
	color: var(--swb-muted-fg);
}

.post_content blockquote::before {
	content: none !important;
}

.post_content blockquote cite {
	display: block;
	margin-top: 0.6em;
	font-size: 0.82em;
	color: var(--swb-muted-fg);
	font-style: normal;
	font-weight: 400;
}

/* ==========================================================================
   Table (.wp-block-table / .post_content table)
   ==========================================================================
   SWELL のテーブルは thead に --color_main のベタ塗り背景＋白文字、セルに
   #dcdcdc の総罫線が入り、本文の見出し・リストのミニマル基調から浮く。
   縦罫を撤去して「薄い横罫線中心」に整え、ヘッダーは淡いグレー帯＋濃文字へ。
   stripes 等の is-style-* は縞・装飾を残しつつ罫線色だけテーマに揃える。
   ========================================================================== */

.post_content .wp-block-table {
	margin: 1.75em 0;
}

.post_content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95em;
	line-height: 1.7;
	background: #fff;
	border-top: 1px solid var(--swb-border-strong);
	border-bottom: 1px solid var(--swb-border-strong);
}

/* セル: 縦罫を撤去し、行間の薄い横罫線のみに */
.post_content table th,
.post_content table td {
	border: 0 !important;
	border-bottom: 1px solid var(--swb-border) !important;
	padding: 0.7em 0.9em !important;
	text-align: left;
	vertical-align: top;
	color: var(--swb-fg);
}

/* 列ヘッダー: ベタ塗り＋白文字をやめ、淡いグレー帯＋濃文字に */
.post_content thead th {
	background-color: var(--swb-muted-2) !important;
	background-image: none !important;
	color: var(--swb-fg) !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em;
	border-bottom: 1px solid var(--swb-border-strong) !important;
}

/* 行頭の見出しセル(縦見出し表)も同じトーンに */
.post_content tbody th {
	background-color: var(--swb-muted) !important;
	color: var(--swb-fg) !important;
	font-weight: 600 !important;
}

/* 最終行の下罫線は外周ボーダーと重なるため除去 */
.post_content table tbody tr:last-child td,
.post_content table tbody tr:last-child th {
	border-bottom: 0 !important;
}

/* stripes: 縞色をテーマの slate トーンに差し替え */
.post_content .is-style-stripes tbody tr:nth-child(2n) {
	background-color: var(--swb-muted) !important;
}

/* SWELL のテーブル罫線色(既定 #dcdcdc)をテーマの slate に統一。
   下記スクロール/見出し固定表の右罫・下罫もこの変数を参照する。 */
.post_content {
	--color_border--table: var(--swb-border-strong);
}

/* 横スクロール表 / 見出し固定表は border-collapse:separate 化され、
   table 自体に「下罫＋右罫」だけが付く＝左罫が無い非対称になる。
   左罫を補い border-spacing を詰めて、上下左右そろった枠に整える。 */
.post_content [data-table-scrollable] table,
.post_content [data-theadfix] table {
	border-spacing: 0;
	border-left: 1px solid var(--swb-border-strong);
}

/* ==========================================================================
   Table Cell Icons (.swl-cell-bg)
   ========================================================================== */

.swl-cell-bg {
	box-shadow: inset 0 0 0 1px var(--swb-border);
}

.swl-cell-bg::before {
	filter: none;
}

/* ==========================================================================
   Section Title (.c-secTitle)
   ========================================================================== */

.c-secTitle {
	position: relative;
	border-left: none !important;
	padding: 0 0 0.4em 0 !important;
	letter-spacing: -0.01em;
	border-bottom: 1px solid var(--swb-border);
}

.c-secTitle::after {
	content: none !important;
}

/* ==========================================================================
   Post List (.p-postList__item)
   ========================================================================== */

.p-postList__item {
	transition: background-color var(--swb-transition);
}

.p-postList__item:hover {
	transform: none;
}

.p-postList__thumb {
	border-radius: var(--swb-radius-sm) !important;
}

.c-postThumb__cat {
	backdrop-filter: none;
	letter-spacing: 0.02em;
	font-weight: 500;
	border-radius: var(--swb-radius-sm) !important;
	padding: 2px 8px !important;
	background-color: rgba(24, 24, 27, 0.88) !important;
	background-image: none !important;
}

/* ==========================================================================
   Capbox Variants — is-style-* 上書き
   ========================================================================== */

.cap_box.is-style-default,
.cap_box.is-style-plain,
.cap_box.is-style-onborder_ttl,
.cap_box.is-style-solid {
	border-radius: var(--swb-radius) !important;
	border: 1px solid var(--swb-border) !important;
	box-shadow: none !important;
}

.cap_box.is-style-onborder_ttl > .cap_box_ttl {
	background: transparent !important;
	background-image: none !important;
	color: var(--swb-fg) !important;
	font-weight: 600 !important;
	-webkit-background-clip: initial !important;
	background-clip: initial !important;
	-webkit-text-fill-color: var(--swb-fg) !important;
}

/* ==========================================================================
   Info Bar (.c-infoBar)
   ========================================================================== */

.c-infoBar {
	background: var(--swb-accent) !important;
	background-image: none !important;
	backdrop-filter: none;
}

.c-infoBar__btn {
	background: rgba(255, 255, 255, 0.12) !important;
	backdrop-filter: none;
	border-radius: var(--swb-radius-sm) !important;
	font-weight: 500 !important;
	letter-spacing: 0;
}

/* ==========================================================================
   Pagination (.p-pnLinks)
   ========================================================================== */

.p-pnLinks__link {
	border-radius: var(--swb-radius-sm) !important;
	border: 1px solid var(--swb-border) !important;
	box-shadow: none !important;
	transition: background-color var(--swb-transition), border-color var(--swb-transition) !important;
}

.p-pnLinks__link:hover {
	background: var(--swb-muted-2);
	border-color: var(--swb-border-strong);
	box-shadow: none !important;
	transform: none;
}

.p-pnLinks .-prev .p-pnLinks__link,
.p-pnLinks .-next .p-pnLinks__link {
	border-left-width: 1px !important;
	border-right-width: 1px !important;
	border-color: var(--swb-border) !important;
	background-image: none !important;
	background-clip: border-box !important;
}

/* ==========================================================================
   Table of Contents (.p-toc)
   ========================================================================== */

.p-toc {
	border-radius: var(--swb-radius) !important;
	border: 1px solid var(--swb-border);
	background: var(--swb-muted);
	box-shadow: none !important;
	padding: 1.25em 1.5em !important;
}

.p-toc__ttl {
	font-weight: 600 !important;
	background: none !important;
	-webkit-background-clip: initial !important;
	background-clip: initial !important;
	color: var(--swb-fg) !important;
	-webkit-text-fill-color: var(--swb-fg) !important;
}

.p-toc__ttl::before {
	background: none !important;
	-webkit-background-clip: initial !important;
	background-clip: initial !important;
	color: var(--swb-muted-fg) !important;
	-webkit-text-fill-color: var(--swb-muted-fg) !important;
}

/* ==========================================================================
   Section Title (.is-style-section_ttl)
   ========================================================================== */

.is-style-section_ttl {
	position: relative;
}

.is-style-section_ttl::before,
.is-style-section_ttl::after {
	background: var(--swb-border) !important;
	background-image: none !important;
	height: 1px !important;
	border-radius: 0;
}

/* ==========================================================================
   Share Buttons (.c-shareBtns)
   ========================================================================== */

.c-shareBtns__btn {
	border-radius: var(--swb-radius-sm) !important;
	transition: opacity var(--swb-transition) !important;
}

.c-shareBtns__btn:hover {
	transform: none;
	box-shadow: none !important;
	opacity: 0.85;
}

/* ==========================================================================
   Post Title (.p-articleHead / .c-postTitle)
   ========================================================================== */

.p-articleHead.c-postTitle {
	position: relative;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid var(--swb-border);
}

.p-articleHead.c-postTitle::after {
	content: none !important;
}

.c-postTitle__ttl {
	font-weight: 700 !important;
	letter-spacing: -0.015em !important;
	line-height: 1.4 !important;
	color: var(--swb-fg);
}

.c-postTitle__date {
	display: inline-flex !important;
	flex-direction: row;
	align-items: baseline;
	justify-content: center;
	gap: 0;
	padding: 3px 10px !important;
	border-radius: var(--swb-radius-sm);
	background: var(--swb-muted-2);
	border: 1px solid var(--swb-border);
	font-size: 0.8em;
	font-weight: 500;
	line-height: 1.5;
	white-space: nowrap;
	opacity: 1 !important;
}

.c-postTitle__date .__y {
	display: inline !important;
	font-size: 1em;
	letter-spacing: 0.02em;
	color: var(--swb-muted-fg);
	margin: 0 !important;
}

.c-postTitle__date .__y::after {
	content: ".";
	margin: 0 1px;
	color: var(--swb-muted-fg);
}

.c-postTitle__date .__md {
	display: inline !important;
	font-size: 1em;
	background: none;
	-webkit-background-clip: initial;
	background-clip: initial;
	color: var(--swb-fg);
	-webkit-text-fill-color: var(--swb-fg);
	font-weight: 600;
	letter-spacing: 0;
}

/* ==========================================================================
   Post Metas (.p-articleMetas / .-top / .-bottom)
   ========================================================================== */

.p-articleMetas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px !important;
	font-size: 0.85em;
	margin-bottom: 1.5em !important;
}

.p-articleMetas.-bottom {
	margin-top: 2em;
	padding-top: 1.25em;
	border-top: 1px solid var(--swb-border);
	position: relative;
}

.p-articleMetas.-bottom::before {
	content: none !important;
}

.p-articleMetas__termList {
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px !important;
	margin: 0 !important;
}

/* ==========================================================================
   Post Times (.c-postTimes)
   ========================================================================== */

.c-postTimes {
	display: inline-flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px !important;
	color: var(--swb-muted-fg);
	font-size: 0.8em;
	opacity: 1 !important;
}

.c-postTimes__posted,
.c-postTimes__modified {
	display: inline-flex !important;
	align-items: center;
	gap: 4px !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	font-size: 1em !important;
	font-weight: 400 !important;
	letter-spacing: 0;
	color: var(--swb-muted-fg) !important;
}

.c-postTimes__posted::before,
.c-postTimes__modified::before {
	font-size: 0.95em !important;
	color: var(--swb-muted-fg) !important;
	background: none !important;
	-webkit-background-clip: initial !important;
	background-clip: initial !important;
	-webkit-text-fill-color: var(--swb-muted-fg) !important;
	font-weight: 400 !important;
	margin: 0 !important;
	opacity: 0.85;
}

/* ==========================================================================
   Category List (.c-categoryList)
   ========================================================================== */

.c-categoryList {
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.c-categoryList::before,
.c-tagList::before,
.c-taxList::before {
	content: none !important;
	display: none !important;
}

.c-categoryList__link {
	display: inline-flex !important;
	align-items: center;
	padding: 2px 10px !important;
	border-radius: var(--swb-radius-sm) !important;
	font-size: 0.75em !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em;
	line-height: 1.4;
	text-decoration: none !important;
	color: var(--swb-accent-fg) !important;
	background: var(--swb-accent) !important;
	background-image: none !important;
	box-shadow: none !important;
	transition: background-color var(--swb-transition) !important;
}

.c-categoryList__link:hover {
	transform: none;
	box-shadow: none !important;
	background: var(--swb-accent-hover) !important;
	filter: none;
	color: var(--swb-accent-fg) !important;
}

/* ==========================================================================
   Tag List (.c-tagList / .c-taxList)
   ========================================================================== */

.c-tagList,
.c-taxList {
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.c-tagList__link,
.c-taxList__link {
	display: inline-flex !important;
	align-items: center;
	padding: 2px 8px !important;
	border-radius: var(--swb-radius-sm) !important;
	font-size: 0.75em !important;
	font-weight: 400 !important;
	letter-spacing: 0;
	text-decoration: none !important;
	color: var(--swb-muted-fg) !important;
	background: transparent;
	border: 1px solid var(--swb-border);
	transition: color var(--swb-transition), background var(--swb-transition), border-color var(--swb-transition) !important;
}

.c-tagList__link::before,
.c-taxList__link::before {
	content: "#";
	margin-right: 2px;
	background: none;
	-webkit-background-clip: initial;
	background-clip: initial;
	color: var(--swb-muted-fg);
	-webkit-text-fill-color: var(--swb-muted-fg);
	font-weight: 400;
	font-size: 1em;
}

.c-tagList__link:hover,
.c-taxList__link:hover {
	color: var(--swb-fg) !important;
	background: var(--swb-muted-2);
	border-color: var(--swb-border-strong);
}

/* ==========================================================================
   Post Author (.c-postAuthor / .c-postCredit)
   ========================================================================== */

.c-postAuthor,
.c-postCredit {
	display: inline-flex !important;
	align-items: center;
	gap: 6px !important;
	padding: 2px 8px !important;
	border-radius: var(--swb-radius-sm);
	background: transparent;
	border: 1px solid var(--swb-border);
	font-size: 0.8em !important;
	color: var(--swb-muted-fg);
	font-weight: 400;
}

.c-postAuthor img,
.c-postCredit img {
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	border: 1px solid var(--swb-border);
	box-shadow: none;
}

/* ==========================================================================
   Author Box (.c-authorBox)
   ========================================================================== */

.c-authorBox {
	border-radius: var(--swb-radius) !important;
	box-shadow: none !important;
	background: #fff;
	border: 1px solid var(--swb-border) !important;
	padding: 1.5em !important;
}

.c-authorBox__avatar img {
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px var(--swb-border);
}

/* ==========================================================================
   Editor-only tweaks (.editor-styles-wrapper)
   ========================================================================== */

.editor-styles-wrapper .cap_box,
.editor-styles-wrapper [class*="is-style-big_icon_"],
.editor-styles-wrapper .c-accordionBox {
	box-shadow: none !important;
}