@charset "UTF-8";
/*
Theme Name:     SANGO Child (KABU CHALLE Dark)
Theme URI:      https://kabu-challenge.com/
Template:       sango-theme
Author:         KABU CHALLE
Author URI:     https://kabu-challenge.com/
Description:    SANGO テーマの子テーマ。 メインアプリ TOP と統一したダークテーマ。
                SANGO の構造 / 余白を壊さないよう「色」 中心に控えめ上書き。
Version:        1.1.0
Requires at least: 6.0
Requires PHP:   7.3.0
Text Domain:    sango-child
-------------------------------------------------*/

:root {
  --kc-bg-0: #1d2020;
  --kc-bg-1: #2f3232;
  --kc-bg-2: #1f2021;
  --kc-bg-3: #242526;
  --kc-fg: #d1d4dc;
  --kc-fg-strong: #ffffff;
  --kc-fg-muted: #8a8e96;
  --kc-border: rgba(255,255,255,0.08);
  --kc-border-strong: rgba(255,255,255,0.16);
  --kc-accent-blue:   #54d0ff;
  --kc-accent-purple: #9f92ff;
  --kc-accent-pink:   #ff7689;
  --kc-primary: #3f85eb;
  --kc-sub:     #5638ed;
  --kc-link:        #54d0ff;
  --kc-link-hover:  #9f92ff;
}

/* =========================================================
   Base — body / typography (色のみ上書き、 構造はSANGOのまま)
   ========================================================= */
html { background-color: var(--kc-bg-0) !important; }
body {
  background-color: var(--kc-bg-0) !important;
  background-image:
    radial-gradient(70% 50% at 80% -10%, rgba(159,146,255,0.10), transparent 60%),
    radial-gradient(50% 40% at 5% 110%, rgba(84,208,255,0.09), transparent 70%),
    radial-gradient(60% 40% at 110% 60%, rgba(255,118,137,0.06), transparent 70%) !important;
  background-attachment: fixed;
  color: var(--kc-fg) !important;
}

/* 段落 / リスト / テーブル本文の色のみ */
body p,
body li,
body dd,
body dt,
body td,
body th,
body caption,
body span:not([class*="cat"]):not([class*="badge"]),
body label {
  color: var(--kc-fg);
}

/* heading 色のみ (border-image / padding-left の追加はしない) */
body h1, body h2, body h3, body h4, body h5, body h6,
body h1 a, body h2 a, body h3 a, body h4 a {
  color: var(--kc-fg-strong);
}
body strong, body b { color: var(--kc-fg-strong); }

/* Links — 本文中のリンクのみアクセント色。 ナビ等は別途上書き */
.entry-content a, .post-content a, .single-article a,
.article p a, .article li a, .widget__body a {
  color: var(--kc-link);
}
.entry-content a:hover, .post-content a:hover { color: var(--kc-link-hover); }

/* horizontal rule */
hr { border-color: var(--kc-border); }

/* selection */
::selection { background: rgba(159,146,255,0.4); color: #fff; }

/* =========================================================
   Header (logo / search / nav)
   ========================================================= */
.header {
  background-color: rgba(31, 32, 33, 0.9) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--kc-border);
  box-shadow: 0 2px 12px -6px rgba(0,0,0,0.6);
}
.header-logo a, .header-logo__link {
  color: var(--kc-fg-strong) !important;
}
.header-logo {
  background: -webkit-linear-gradient(45deg, var(--kc-accent-blue), var(--kc-accent-purple) 40%, var(--kc-accent-pink) 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.header-search,
.header-search__modal,
.search-form,
.searchform {
  background-color: rgba(255,255,255,0.04);
  border: 1px solid var(--kc-border-strong);
  border-radius: 8px;
}
.header-search__input,
.searchform__input,
.wp-block-search__input {
  background-color: transparent;
  border: 0;
  color: var(--kc-fg);
}
.header-search__input::placeholder,
.wp-block-search__input::placeholder { color: var(--kc-fg-muted); }
.searchform__submit,
.wp-block-search__button {
  background: linear-gradient(120deg, var(--kc-primary), var(--kc-sub));
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 8px 18px;
  font-weight: 700;
}

/* PCグローバルメニュー */
.global-menu, .global-menu__inner, .pc-menu {
  background-color: transparent;
  border-top-color: var(--kc-border);
  border-bottom-color: var(--kc-border);
}
.global-menu a, .pc-menu a, .global-menu__sub a {
  color: var(--kc-fg) !important;
  background-color: transparent !important;
}
.global-menu a:hover, .pc-menu a:hover {
  color: var(--kc-accent-blue) !important;
  background-color: rgba(255,255,255,0.04) !important;
}
.global-menu__sub {
  background-color: var(--kc-bg-2);
  border: 1px solid var(--kc-border);
}

/* モバイルメニュー */
.mobile-menu, .footer-menu, .mobile-bar {
  background-color: var(--kc-bg-2);
  border-top: 1px solid var(--kc-border);
}

/* Header image (hero) — オーバーレイ追加で文字を読みやすく */
.header-image {
  background-color: var(--kc-bg-2);
  position: relative;
}
.header-image::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(31,32,33,0.85), rgba(86,56,237,0.45) 60%, rgba(255,118,137,0.35));
  pointer-events: none;
  z-index: 0;
}
.header-image > * { position: relative; z-index: 1; }
.header-image__headline {
  color: var(--kc-fg-strong) !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.5);
}
.header-image__text { color: rgba(255,255,255,0.92); }

/* =========================================================
   記事一覧 (post cards)
   ========================================================= */
.c_linkto_wrap {
  background-color: var(--kc-bg-2);
  border: 1px solid var(--kc-border-strong);
  border-radius: 12px;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.c_linkto_wrap:hover {
  transform: translateY(-3px);
  border-color: rgba(84,208,255,0.4);
  box-shadow: 0 18px 40px -22px rgba(159,146,255,0.35);
}
.c_linkto {
  background-color: transparent !important;
  color: var(--kc-fg) !important;
}
.c_linkto_text {
  background-color: transparent;
}
/* card title (h2) — accent bar は付けない (上の global heading 上書きで色だけ) */
.c_linkto_text h2,
.c_linkto_text h3,
.c_linkto_title {
  color: var(--kc-fg-strong);
  background-color: transparent;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
.c_linkto_text .pubdate,
.pubdate,
.sng-link-time {
  color: var(--kc-fg-muted) !important;
}
.cat-name, .accent-bc, .catid5 {
  background-color: rgba(84,208,255,0.18) !important;
  color: var(--kc-accent-blue) !important;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: .72rem;
}

/* =========================================================
   Sidebar / Widgets
   ========================================================= */
.sidebar { background-color: transparent; }
.widget,
.my-widget,
.yourprofile,
.profile-content {
  background-color: var(--kc-bg-2);
  border: 1px solid var(--kc-border);
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
  color: var(--kc-fg);
}
.widgettitle,
.widget-title,
.widget .widget-title,
.yourname {
  color: var(--kc-accent-blue) !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin-bottom: 12px !important;
  letter-spacing: .03em;
}
.widget a, .my-widget a, .yourprofile a { color: var(--kc-fg) !important; }
.widget a:hover, .my-widget a:hover { color: var(--kc-accent-blue) !important; }
.my-widget__text { color: var(--kc-fg) !important; }
.profile-background { display: none !important; }
.profile-img {
  border: 3px solid var(--kc-border-strong);
  background-color: var(--kc-bg-1);
}
.profile-sns a { color: var(--kc-fg-muted) !important; }
.profile-sns a:hover { color: var(--kc-accent-blue) !important; }

/* WP 標準カテゴリ / 最新投稿ブロック */
.wp-block-categories-list li,
.wp-block-latest-posts li,
.wp-block-page-list li {
  color: var(--kc-fg);
}
.cat-item a,
.wp-block-pages-list__item__link { color: var(--kc-fg) !important; }
.cat-item a:hover { color: var(--kc-accent-blue) !important; }

/* =========================================================
   Pagination
   ========================================================= */
.pagination { background-color: transparent; }
.page-numbers {
  background-color: var(--kc-bg-2);
  border: 1px solid var(--kc-border-strong);
  color: var(--kc-fg) !important;
  border-radius: 8px;
}
.page-numbers.current {
  background: linear-gradient(120deg, var(--kc-primary), var(--kc-sub));
  color: #fff !important;
  border-color: transparent;
}
.page-numbers:hover {
  border-color: var(--kc-accent-blue);
  color: var(--kc-accent-blue) !important;
}

/* =========================================================
   Article single page
   ========================================================= */
.entry-content, .post-content, .single-article, .article {
  background-color: var(--kc-bg-2);
  color: var(--kc-fg);
  border: 1px solid var(--kc-border);
  border-radius: 12px;
}
.entry-title { color: var(--kc-fg-strong); }

/* Blockquote */
blockquote, .wp-block-quote, .sng-quote {
  background-color: var(--kc-bg-3);
  border-left: 4px solid var(--kc-accent-purple);
  color: var(--kc-fg);
  border-radius: 8px;
}

/* Code */
pre, .wp-block-code {
  background-color: #14171a !important;
  color: #f8f8f2 !important;
  border: 1px solid var(--kc-border);
  border-radius: 8px;
}
:not(pre) > code {
  background-color: rgba(255,255,255,0.06) !important;
  color: var(--kc-accent-blue) !important;
  border: 0 !important;
  border-radius: 4px;
  padding: 2px 6px;
}

/* Tables */
.entry-content table,
.post-content table {
  background-color: var(--kc-bg-2);
  border: 1px solid var(--kc-border);
  border-collapse: collapse;
}
.entry-content th, .entry-content td,
.post-content th, .post-content td {
  border: 1px solid var(--kc-border);
  color: var(--kc-fg);
  padding: 10px 12px;
}
.entry-content thead th { background-color: var(--kc-bg-1); color: var(--kc-fg-muted); }

/* Buttons */
.wp-block-button__link, .wp-element-button {
  background-color: var(--kc-primary) !important;
  background-image: linear-gradient(120deg, var(--kc-primary), var(--kc-sub)) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px -10px rgba(86,56,237,0.55);
}

/* SANGO 独自 box (色のみ — padding等はSANGOまま) */
.sng-box, .sng-balloon, .sng-acco, .sng-toc, .sng-list-box {
  background-color: var(--kc-bg-2) !important;
  border-color: var(--kc-border-strong) !important;
  color: var(--kc-fg) !important;
}
.sng-toc { background-color: var(--kc-bg-3) !important; }
.sng-toc__title, .sng-balloon__name {
  color: var(--kc-accent-blue) !important;
}
.sng-toc a { color: var(--kc-fg) !important; }
.sng-toc a:hover { color: var(--kc-accent-blue) !important; }

/* SANGO の蛍光マーカー: 黒背景でも視認できる色に */
.marker, .marker-under, .marker-yellow, .marker-pink, .marker-blue {
  background: linear-gradient(transparent 60%, rgba(255,222,0,0.4) 60%);
}
.marker-pink { background: linear-gradient(transparent 60%, rgba(255,118,137,0.4) 60%); }
.marker-blue { background: linear-gradient(transparent 60%, rgba(84,208,255,0.4) 60%); }

/* Image captions */
.wp-caption-text, figcaption { color: var(--kc-fg-muted) !important; }

/* =========================================================
   Comments
   ========================================================= */
#comments, .comments-area, .comment-respond {
  background-color: var(--kc-bg-2);
  border: 1px solid var(--kc-border);
  border-radius: 12px;
}
.comment-list .comment {
  border-bottom: 1px solid var(--kc-border);
  color: var(--kc-fg);
}
.comment-author cite { color: var(--kc-fg-strong) !important; }
.comment-meta a, .comment-metadata a { color: var(--kc-fg-muted) !important; }
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url],
.comment-form textarea {
  background-color: rgba(255,255,255,0.04);
  color: var(--kc-fg);
  border: 1px solid var(--kc-border-strong);
  border-radius: 8px;
}
.comment-form input:focus, .comment-form textarea:focus {
  border-color: var(--kc-accent-blue);
  outline: none;
}
.form-submit input, #submit {
  background: linear-gradient(120deg, var(--kc-primary), var(--kc-sub));
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 10px 22px;
  font-weight: 700;
  cursor: pointer;
}

/* =========================================================
   Footer
   ========================================================= */
.footer, #footer {
  background-color: var(--kc-bg-1) !important;
  border-top: 1px solid var(--kc-border);
  color: var(--kc-fg-muted);
}
.footer a, #footer a { color: var(--kc-fg-muted) !important; }
.footer a:hover { color: var(--kc-accent-blue) !important; }
.copyright { color: var(--kc-fg-muted) !important; font-size: .85rem; }

/* =========================================================
   その他 / Plugin
   ========================================================= */
.breadcrumb, .breadcrumbs, .aioseo-breadcrumbs {
  background-color: transparent;
  color: var(--kc-fg-muted);
}
.breadcrumb a, .breadcrumbs a { color: var(--kc-fg-muted) !important; }
.breadcrumb a:hover { color: var(--kc-accent-blue) !important; }

/* Scrollbar (Webkit) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--kc-bg-0); }
::-webkit-scrollbar-thumb { background: var(--kc-bg-3); border-radius: 5px; border: 2px solid var(--kc-bg-0); }
::-webkit-scrollbar-thumb:hover { background: var(--kc-accent-purple); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .c_linkto_wrap { transition: none !important; }
}

/* =========================================================
   v1.2 - 実機チェックで見つかった追加上書き
   ========================================================= */

/* 単一記事ページの白い article 本体 */
article#entry,
article.post,
article.page,
.tb,
.prnx_tb,
.tb-l,
.tb-r {
  background-color: var(--kc-bg-2) !important;
  color: var(--kc-fg) !important;
  border-color: var(--kc-border) !important;
}
article#entry { border: 1px solid var(--kc-border); border-radius: 12px; }
.tb, .prnx_tb { background-color: transparent !important; }

/* 本文中の段落 / リスト / 表 */
article#entry p,
article#entry li,
article#entry dt,
article#entry dd,
article#entry td,
article#entry th { color: var(--kc-fg) !important; }
article#entry a { color: var(--kc-link); }
article#entry a:hover { color: var(--kc-link-hover); }

/* TOC (目次) — SANGO 自動生成 */
#toc_container,
.toc_white,
.toc {
  background-color: var(--kc-bg-3) !important;
  color: var(--kc-fg) !important;
  border: 1px solid var(--kc-border-strong) !important;
  border-radius: 8px;
}
#toc_container a, .toc a { color: var(--kc-fg) !important; }
#toc_container a:hover, .toc a:hover { color: var(--kc-accent-blue) !important; }
.toc_title { color: var(--kc-accent-blue) !important; background-color: transparent !important; }

/* 著者情報ボックス (.author-info.pastel-bc) */
.author-info,
.author-info.pastel-bc,
.author-detail {
  background-color: var(--kc-bg-3) !important;
  color: var(--kc-fg) !important;
  border: 1px solid var(--kc-border-strong) !important;
  border-radius: 12px !important;
}
.author-info .author-name,
.author-info h4 { color: var(--kc-fg-strong) !important; }

/* SANGO の FAB (画面下部のフローティングメニュー / シェア) */
#fab__contents,
.fab__contents-main {
  background-color: var(--kc-bg-2) !important;
  color: var(--kc-fg) !important;
  border-top: 1px solid var(--kc-border) !important;
}
#fab__contents a, .fab__contents-main a { color: var(--kc-fg) !important; }

/* SANGO の各種パステル背景クラスをダーク化 */
.pastel-bc,        /* author info / pastel boxes */
.fab__contents,
.pasdtel-bg {
  background-color: var(--kc-bg-3) !important;
}

/* サイドバープロフィール (.my_profile) — v1.1 で漏れていた */
.my_profile {
  background-color: var(--kc-bg-2) !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: 12px !important;
  overflow: hidden;
}
.yourprofile {
  background-color: transparent !important;
  border: 0 !important;
  padding: 18px 18px 0 !important;
  margin-bottom: 0 !important;
}
.profile-content {
  background-color: transparent !important;
  border: 0 !important;
  padding: 14px 18px 18px !important;
  margin-bottom: 0 !important;
}
.profile-content p { color: var(--kc-fg) !important; }

/* WP 標準 検索ボックス (.wp-block-search__input) — !important で明示上書き */
.wp-block-search__input,
.searchform__input,
input[type="search"] {
  background-color: rgba(255,255,255,0.04) !important;
  color: var(--kc-fg) !important;
  border: 1px solid var(--kc-border-strong) !important;
  border-radius: 8px !important;
}
.wp-block-search__input::placeholder { color: var(--kc-fg-muted) !important; }

/* WP 検索ボックスのコンテナの白枠を除去 */
.wp-block-search__inside-wrapper,
.wp-block-search__button-outside .wp-block-search__inside-wrapper {
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Footer copyright が rgb(60,60,60) で読めない問題 */
.footer p, .footer .copyright, #footer p, #footer .copyright {
  color: var(--kc-fg-muted) !important;
}
.footer i, #footer i { color: var(--kc-fg-muted); }

/* Pagination 個別ボタン (a.page-numbers, span.page-numbers) を inline-block で並べる */
.pagination a.page-numbers,
.pagination span.page-numbers {
  display: inline-block !important;
  width: auto !important;
  padding: 8px 14px !important;
  margin: 0 4px !important;
  line-height: 1.4 !important;
  min-width: 38px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* SANGO の記事末尾シェアボタン / 投稿日 / 著者リンク */
.share-bottom, .share-top, .share-buttons {
  background-color: transparent !important;
}
.share-buttons a {
  background-color: var(--kc-bg-3) !important;
  border: 1px solid var(--kc-border) !important;
  color: var(--kc-fg) !important;
  border-radius: 8px !important;
}
.share-buttons a:hover { border-color: var(--kc-accent-blue) !important; color: var(--kc-accent-blue) !important; }

/* 関連記事 / カテゴリ別 投稿 — SANGO .related-entry / .related-list */
.related-entry, .related-list, .related-articles {
  background-color: transparent !important;
}
.related-entry__item, .related-list li {
  background-color: var(--kc-bg-2) !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: 8px !important;
}

/* MathJax メッセージ (#MathJax_Message) — 通常は非表示でOK */
#MathJax_Message { display: none !important; }

/* SANGO の box 色クラスを全部ダーク化 (deep-blue-c, beige-bc etc.) */
[class*="pastel-bc"],
[class*="beige-bc"],
[class*="deep-blue-bc"],
[class*="-bc"]:not([class*="cat"]):not([class*="accent"]) {
  background-color: var(--kc-bg-3) !important;
  color: var(--kc-fg) !important;
}

/* SANGO 強調枠 .sng-box / .sng-stripe — outline 系維持 */
.sng-stripe { background-image: none !important; background-color: var(--kc-bg-3) !important; }

/* =========================================================
   v1.3 - 残存ライト要素の網羅対応
   ========================================================= */

/* #footer-menu (SANGO デフォルト青バー) */
#footer-menu,
.footer-menu {
  background-color: var(--kc-bg-1) !important;
  background-image: none !important;
  border-top: 1px solid var(--kc-border) !important;
}
#footer-menu a, .footer-menu a { color: var(--kc-fg-muted) !important; }
#footer-menu a:hover, .footer-menu a:hover { color: var(--kc-accent-blue) !important; }
#footer-menu i, .footer-menu i { color: var(--kc-fg-muted); }

/* FAB (floating action button) ボタン */
.fab-btn,
label.fab-btn,
.fab-btn.extended-fab,
.fab-btn.main-c {
  background-color: var(--kc-bg-3) !important;
  background-image: none !important;
  color: var(--kc-fg) !important;
  border: 1px solid var(--kc-border-strong) !important;
}
.fab-btn:hover { color: var(--kc-accent-blue) !important; border-color: var(--kc-accent-blue) !important; }

/* TOC toggle 折りたたみボタン */
.toc_toggle, .toc-toggle-btn, .toggle-btn-toc {
  background-color: var(--kc-bg-3) !important;
  color: var(--kc-fg) !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: 4px;
}

/* WP block: categories / latest-posts / archives — リスト UL の白背景を消す */
ul.wp-block-categories-list,
ul.wp-block-latest-posts__list,
ul.wp-block-archives-list,
ul.wp-block-categories,
.wp-block-archives,
.wp-block-categories {
  background-color: transparent !important;
  color: var(--kc-fg) !important;
  border: 0 !important;
}
ul.wp-block-categories-list li,
ul.wp-block-latest-posts__list li,
ul.wp-block-archives-list li,
ul.wp-block-categories li {
  background-color: transparent !important;
  color: var(--kc-fg) !important;
}
ul.wp-block-categories-list a,
ul.wp-block-latest-posts__list a,
ul.wp-block-archives-list a,
ul.wp-block-categories a { color: var(--kc-fg) !important; }
ul.wp-block-categories-list a:hover,
ul.wp-block-latest-posts__list a:hover,
ul.wp-block-archives-list a:hover { color: var(--kc-accent-blue) !important; }

/* WP block heading (ウィジェットタイトル) */
.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--kc-accent-blue) !important;
  border: 0 !important;
  padding-left: 0 !important;
}

/* MARK (蛍光ペン) — ダーク背景でも視認できる pastel yellow */
mark, .marker, .marker-yellow {
  background: linear-gradient(transparent 55%, rgba(255,222,0,0.45) 55%) !important;
  color: #fff !important;
  padding: 0 2px;
}
.marker-pink, mark.marker-pink {
  background: linear-gradient(transparent 55%, rgba(255,118,137,0.55) 55%) !important;
  color: #fff !important;
}
.marker-blue, mark.marker-blue {
  background: linear-gradient(transparent 55%, rgba(84,208,255,0.55) 55%) !important;
  color: #fff !important;
}

/* SHARE ボタン (記事上下) — 一旦 dark bg + accent border */
.share-buttons, .share-bottom, .share-top,
.share-list, .share-bottom__list, .share-top__list {
  background-color: transparent !important;
}
.share-buttons a, .share-list a, .share-bottom__list a, .share-top__list a {
  background-color: var(--kc-bg-3) !important;
  border: 1px solid var(--kc-border-strong) !important;
  color: var(--kc-fg) !important;
  border-radius: 8px !important;
}
.share-buttons a:hover { border-color: var(--kc-accent-blue) !important; color: var(--kc-accent-blue) !important; }

/* mw-share, sng-share custom share class */
.mw-share, .mw-share__btn, .sng-share, .sng-share-btn {
  background-color: var(--kc-bg-3) !important;
  color: var(--kc-fg) !important;
  border: 1px solid var(--kc-border-strong) !important;
  border-radius: 6px !important;
}

/* SHARE label text */
.share-label, .share-bottom__title, .share-top__title {
  color: var(--kc-fg-muted) !important;
  background-color: transparent !important;
}

/* SNS icons 系の brand color はそのまま (除外) - Instagram pink等は保持 */
i.fa.fa-twitter, i.fab.fa-twitter, i.fa.fa-facebook, i.fab.fa-facebook,
i.fa.fa-instagram, i.fab.fa-instagram, i.fa.fa-line, i.fab.fa-line {
  /* brand color はそのまま (上書きしない) */
}

/* SANGO の pastel カラーフォールバック */
[class*="pastel"], [class*="-bc"]:not(.cat-name):not(.accent-bc) {
  background-color: var(--kc-bg-3) !important;
  color: var(--kc-fg) !important;
}


/* =========================================================
   v1.4 - 残存ライト要素の最終クリーンアップ
   ========================================================= */

/* 著者ラベル "この記事を書いた人" span 背景 */
.author_label, .author_label span,
.author-section-label, .author-section-label span,
.author-title, .author-title span {
  background-color: transparent !important;
  color: var(--kc-fg-muted) !important;
}

/* breadcrumbs ライト背景 (SANGO は class なしの白帯領域に出すパターン) */
.breadcrumb, .breadcrumbs, .aioseo-breadcrumbs,
.bread, .bread-crumb, .topicpath,
nav.breadcrumb, nav[aria-label="breadcrumbs"] {
  background-color: transparent !important;
}
.breadcrumb a, .breadcrumbs a, .topicpath a { color: var(--kc-fg-muted) !important; }
.breadcrumb a:hover, .topicpath a:hover { color: var(--kc-accent-blue) !important; }
.breadcrumb span, .topicpath span { color: var(--kc-fg-muted) !important; }

/* 記事ページ上部、 breadcrumbs を含む白い帯 (SANGO の .single-header / .page-header) */
.single-header, .page-header, .archive-header,
.single-title-section, .page-title-section {
  background-color: transparent !important;
}

/* SANGO の関連記事 / 次の記事 / 前の記事 nav (light bg のままになりがち) */
.next-post-link, .prev-post-link, .post-navigation,
.nav-links, .post-nav, .post-pagination {
  background-color: var(--kc-bg-2) !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: 8px !important;
  color: var(--kc-fg) !important;
}
.next-post-link a, .prev-post-link a { color: var(--kc-fg) !important; }
.next-post-link a:hover, .prev-post-link a:hover { color: var(--kc-accent-blue) !important; }

/* 投稿日 / カテゴリラベル (上部) — text color */
.entry-meta, .post-meta, .entry-header, .post-header {
  background-color: transparent !important;
  color: var(--kc-fg-muted) !important;
}
.entry-meta a, .post-meta a { color: var(--kc-fg-muted) !important; }

/* AIOSEO の breadcrumb 周りに白っぽい span / div が出るパターン */
.aioseo-breadcrumbs span, .aioseo-breadcrumbs a {
  background-color: transparent !important;
  color: var(--kc-fg-muted) !important;
}

/* 子テーマ最終バージョン */

/* =========================================================
   v1.5 - バッジ濃度UP / ページネーション修正 / 本文ボックス統一 / カード画像差替え
   ========================================================= */

/* (1) ランキング数字バッジ + カテゴリピル — 濃度UP + 必須ボーダー + 軽い発光 */
.rank,
.rank.dfont,
.accent-bc,
.cat-name,
.cat-name.dfont,
[class*="catid"] {
  background-color: rgba(84,208,255,0.22) !important;
  color: var(--kc-accent-blue) !important;
  border: 1px solid rgba(84,208,255,0.55) !important;
  border-radius: 999px !important;
  padding: 2px 10px !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
  letter-spacing: .03em;
  text-shadow: 0 0 6px rgba(84,208,255,0.35);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
/* ランキング数字は丸/角どちらでも目立つよう padding 強め */
.rank, .rank.dfont {
  min-width: 24px;
  text-align: center;
  padding: 3px 8px !important;
}

/* (2) ページネーション — a.page-numbers の白背景を強制ダーク化 */
.pagination a.page-numbers,
.pagination span.page-numbers:not(.current):not(.dots),
.pagination .next.page-numbers,
.pagination .prev.page-numbers,
a.page-numbers,
span.page-numbers:not(.current):not(.dots) {
  background-color: var(--kc-bg-2) !important;
  background-image: none !important;
  border: 1px solid var(--kc-border-strong) !important;
  color: var(--kc-fg) !important;
}
.pagination a.page-numbers:hover,
a.page-numbers:hover {
  background-color: rgba(84,208,255,0.10) !important;
  border-color: var(--kc-accent-blue) !important;
  color: var(--kc-accent-blue) !important;
}
.pagination span.page-numbers.dots {
  background-color: transparent !important;
  border: 0 !important;
  color: var(--kc-fg-muted) !important;
}

/* (3) 本文ボックス統一 — ピルバッジ風 translucent + accent ボーダー
       SANGO の sng-list-box / sng-stripe / wp-block-list-box 等、
       および記事本文内の素の <ul> 囲み (黒border) を対象 */
.entry-content .sng-list-box,
.entry-content .sng-stripe,
.entry-content .sng-quote-box,
.entry-content .sng-box,
.entry-content .has-border,
.entry-content blockquote,
article#entry .sng-list-box,
article#entry .sng-stripe,
article#entry .sng-quote-box,
article#entry .sng-box,
article#entry .sng-quote,
article#entry blockquote,
article#entry .wp-block-quote,
article#entry .wp-block-group.has-border,
/* SANGO 標準のリストボックス (li の親 ul/div) */
article#entry .wp-block-list-box,
article#entry .wp-block-list.is-style-default {
  background-color: rgba(84,208,255,0.06) !important;
  background-image: none !important;
  border: 1px solid rgba(84,208,255,0.35) !important;
  border-left: 4px solid var(--kc-accent-blue) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  color: var(--kc-fg) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 8px 24px -20px rgba(84,208,255,0.4);
}
/* リストボックス内の項目 */
article#entry .sng-list-box li,
article#entry blockquote li,
article#entry .sng-box li,
article#entry .wp-block-quote li,
article#entry .wp-block-list-box li { color: var(--kc-fg) !important; }
article#entry .sng-list-box li strong,
article#entry blockquote li strong { color: var(--kc-fg-strong) !important; }

/* SANGO の 「囲み枠」 系 ( .has-border / .sng-stripe など) の白背景強制ダーク化 */
article#entry [class*="has-border"],
article#entry [class*="sng-stripe"] {
  background-color: rgba(84,208,255,0.06) !important;
  border-color: rgba(84,208,255,0.35) !important;
}

/* (4) 一覧カードの画像を差替え — 既存 img を上書き */
.c_linkto_img_wrap {
  background-image: url('https://blog.kabu-challenge.com/wp-content/uploads/2026/05/blog-card-bg.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: var(--kc-bg-3) !important;
  position: relative;
  display: block;
  /* aspect-ratio 維持 (SANGO デフォルトに合わせ 16/9 程度) */
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
/* 元の placeholder img を非表示 (画像がプレースホルダ SVG なため) */
.c_linkto_img_wrap > img,
.c_linkto_img_wrap > picture > img {
  opacity: 0 !important;
  visibility: hidden !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* カード hover で軽くズーム */
.c_linkto_wrap:hover .c_linkto_img_wrap {
  filter: brightness(1.05);
}


/* =========================================================
   v1.6 - 本文 plain <ul>/<ol> 囲み (RSI判断基準 等) を pill-badge 風に統一
          ※ 計算式囲み (blockquote 青系) とは色を変えて 紫系で区別
   ========================================================= */

/* 本文内の素の <ul> / <ol> (SANGO デフォルトの 2px グレーボーダー) */
article#entry .entry-content > ul,
article#entry .entry-content > ol,
.entry-content > ul,
.entry-content > ol,
article#entry .entry-content ul:not([class]):not(.menu),
article#entry .entry-content ol:not([class]):not(.menu) {
  background-color: rgba(159, 146, 255, 0.06) !important;
  background-image: none !important;
  border: 1px solid rgba(159, 146, 255, 0.35) !important;
  border-left: 4px solid var(--kc-accent-purple) !important;
  border-radius: 10px !important;
  padding: 14px 18px 14px 38px !important;
  color: var(--kc-fg) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 8px 24px -20px rgba(159, 146, 255, 0.4);
}
article#entry .entry-content > ul li,
article#entry .entry-content > ol li,
.entry-content > ul li,
.entry-content > ol li {
  color: var(--kc-fg) !important;
}
article#entry .entry-content > ul li::marker,
article#entry .entry-content > ol li::marker,
.entry-content > ul li::marker,
.entry-content > ol li::marker {
  color: var(--kc-accent-purple) !important;
}
/* 中の <strong> はアクセント */
article#entry .entry-content > ul li strong,
article#entry .entry-content > ol li strong { color: var(--kc-accent-purple) !important; }


/* =========================================================
   v1.7 - 紫枠の範囲縮小 (TOC のサブリストには当てない)
   ========================================================= */

/* 直前 commit (v1.6) で broad に当てていたセレクタを上書きキャンセル */
article#entry .entry-content ul:not([class]),
article#entry .entry-content ol:not([class]) {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  padding: 0 0 0 24px !important;
  box-shadow: none !important;
}

/* 改めて narrow に: .entry-content の 直系 <ul>/<ol> と
   ブロック直下にある「素のリスト」 のみ pill-badge 紫スタイル */
article#entry .entry-content > ul,
article#entry .entry-content > ol,
article#entry .entry-content > .wp-block-group > ul,
article#entry .entry-content > .wp-block-group > ol,
.entry-content > ul,
.entry-content > ol {
  background-color: rgba(159, 146, 255, 0.06) !important;
  background-image: none !important;
  border: 1px solid rgba(159, 146, 255, 0.35) !important;
  border-left: 4px solid var(--kc-accent-purple) !important;
  border-radius: 10px !important;
  padding: 14px 18px 14px 38px !important;
  color: var(--kc-fg) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 8px 24px -20px rgba(159, 146, 255, 0.4);
}

/* TOC (#toc_container / .no_bullets) 内のリストは pill-badge 化しない (元のSANGOまま) */
#toc_container ul, #toc_container ol,
.no_bullets ul, .no_bullets ol {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  padding: 0 0 0 1.2em !important;
  box-shadow: none !important;
  margin-top: 4px !important;
}


/* =========================================================
   v1.8 - 大量フィードバック対応
     1. ホバー全般のクリーンアップ
     2. ランキングバッジさらに濃く
     3. プロフィール画像フィット修正
     4. マーカーを 黄→青/赤グラデ
     5. ブログタイトル hover でも消えない
     6. SHARE ボタンに色 (ブランドカラー)
     7. テーブル kabu-challe TOP スタイル
     8. POINT (.memo) ボックス ダーク化
     9. 関連記事カード画像差替え
   ========================================================= */

/* ----- 1. ホバー全般クリーンアップ ----- */
a, .c_linkto, .c_linkto_wrap, .widget a, .my-widget a,
.page-numbers, .footer a, .cat-item a {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, opacity .2s ease !important;
}
/* SANGO 既存の hover で背景が白/明色になるパターンを全部 dark に統一 */
.c_linkto:hover, .c_linkto_wrap:hover .c_linkto,
.widget a:hover, .my-widget a:hover, .cat-item a:hover,
.global-menu a:hover, .pc-menu a:hover, .footer a:hover,
.widget_recent_entries a:hover, .wp-block-categories-list a:hover {
  background-color: rgba(84,208,255,0.06) !important;
  color: var(--kc-accent-blue) !important;
  text-decoration: none !important;
}
/* 記事ランキング行 li hover */
.my-widget li:hover, .widget li:hover {
  background-color: rgba(255,255,255,0.03) !important;
}
/* 投稿カードの hover overlay/box-shadow 統一 */
.c_linkto_wrap:hover {
  border-color: var(--kc-accent-blue) !important;
  box-shadow: 0 18px 40px -18px rgba(84,208,255,0.4) !important;
}

/* ----- 2. ランキングバッジ さらに濃度 UP ----- */
.rank, .rank.dfont, .ranking-num, [class*="ranking-num"], .accent-bc {
  background-color: rgba(84,208,255,0.45) !important;
  color: #fff !important;
  border: 1px solid rgba(84,208,255,0.85) !important;
  border-radius: 999px !important;
  padding: 3px 9px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 8px rgba(84,208,255,0.6);
  box-shadow: 0 2px 10px -2px rgba(84,208,255,0.4);
}
/* my-widget の数字バッジは absolute 配置されることが多いので拡張 */
.my-widget .rank, .my-widget [class*="rank"] {
  min-width: 26px;
  text-align: center;
}

/* ----- 3. プロフィール画像見切れ修正 ----- */
.profile-img {
  width: 96px !important;
  height: 96px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 3px solid var(--kc-border-strong) !important;
  background-color: var(--kc-bg-1) !important;
}
.profile-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
  display: block !important;
}

/* ----- 4. マーカー: 青→紫→ピンク グラデ (黄色禁止) ----- */
mark, .marker, .marker-yellow, .marker-y {
  background: linear-gradient(
    transparent 60%,
    rgba(84,208,255,0.45) 60%,
    rgba(159,146,255,0.45) 75%,
    rgba(255,118,137,0.45) 100%
  ) !important;
  color: #fff !important;
  padding: 0 2px;
}
.marker-pink, mark.marker-pink {
  background: linear-gradient(transparent 60%, rgba(255,118,137,0.55) 60%) !important;
}
.marker-blue, mark.marker-blue {
  background: linear-gradient(transparent 60%, rgba(84,208,255,0.55) 60%) !important;
}

/* ----- 5. ブログタイトル hover で消えない (gradient text keep) ----- */
.header-logo a, .header-logo__link {
  background: -webkit-linear-gradient(45deg, var(--kc-accent-blue), var(--kc-accent-purple) 40%, var(--kc-accent-pink) 95%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  filter: none;
  transition: filter .2s ease;
}
.header-logo a:hover, .header-logo__link:hover {
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: brightness(1.15) drop-shadow(0 0 8px rgba(159,146,255,0.5)) !important;
}
.header-logo:hover { background: transparent !important; }
/* SANGO デフォルトの h1/h2 a:hover が color:変える ルールへの defensive override */
h1 a:hover, .header-logo h1 a:hover {
  background: -webkit-linear-gradient(45deg, var(--kc-accent-blue), var(--kc-accent-purple) 40%, var(--kc-accent-pink) 95%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ----- 6. SHARE ボタン (ブランドカラー) ----- */
/* SANGO の share 系: .share-btn-x, .share-btn-twitter, .share-btn-facebook, .share-btn-hatena, .share-btn-line */
.share-btn-x, .share-btn-twitter, a[class*="share-btn-x"], a[class*="share-btn-tw"] {
  background-color: #000 !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid var(--kc-border-strong) !important;
}
.share-btn-facebook, a[class*="share-btn-fb"] {
  background-color: #1877f2 !important; color: #fff !important; border: 0 !important;
}
.share-btn-hatena, a[class*="share-btn-hatena"], a[class*="share-btn-b"] {
  background-color: #00a4de !important; color: #fff !important; border: 0 !important;
}
.share-btn-line, a[class*="share-btn-line"] {
  background-color: #06c755 !important; color: #fff !important; border: 0 !important;
}
.share-btn-pocket, a[class*="share-btn-pocket"] {
  background-color: #ef4056 !important; color: #fff !important; border: 0 !important;
}
/* SHARE モーダル / popup 全般 */
.share-popup, .pp-share-modal, .share-modal {
  background-color: var(--kc-bg-2) !important;
  border: 1px solid var(--kc-border-strong) !important;
  border-radius: 12px !important;
  color: var(--kc-fg) !important;
}
.share-popup *, .pp-share-modal * { color: var(--kc-fg); }

/* SANGO の share_txt 内の i 要素 (Font Awesome ブランドアイコン) */
.fa-x-twitter, .fa-twitter { color: #fff !important; }
.fa-facebook-f, .fa-facebook { color: #fff !important; }
.fa-line { color: #fff !important; }
.fa-hatena { color: #fff !important; }

/* ----- 7. テーブル kabu-challe TOP style ----- */
article#entry table,
.entry-content table,
.wp-block-table table {
  background-color: var(--kc-bg-2) !important;
  border: 1px solid var(--kc-border-strong) !important;
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 6px 20px -12px rgba(0,0,0,0.5);
  margin: 18px 0 !important;
  width: 100%;
}
.entry-content thead th,
article#entry thead th,
.wp-block-table thead th {
  background-color: var(--kc-bg-1) !important;
  background-image: none !important;
  color: var(--kc-fg-muted) !important;
  font-weight: 700 !important;
  font-size: .82rem !important;
  letter-spacing: .04em !important;
  text-align: left !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--kc-border-strong) !important;
}
.entry-content tbody td,
.entry-content tbody th,
article#entry tbody td,
article#entry tbody th,
.wp-block-table tbody td,
.wp-block-table tbody th {
  background-color: transparent !important;
  color: var(--kc-fg) !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--kc-border) !important;
  vertical-align: middle;
}
.entry-content tbody tr:last-child td,
.wp-block-table tbody tr:last-child td { border-bottom: 0 !important; }
.entry-content tbody tr:hover td,
.wp-block-table tbody tr:hover td {
  background-color: rgba(84,208,255,0.04) !important;
}

/* ----- 8. POINT (.memo) ボックス ダーク化 ----- */
.memo, .sng-memo, .memo-box {
  background: linear-gradient(120deg, rgba(255,189,46,0.08), rgba(255,118,137,0.06)) !important;
  background-color: var(--kc-bg-3) !important;
  border: 1px solid rgba(255,189,46,0.4) !important;
  border-left: 4px solid #ffbd2e !important;
  border-radius: 10px !important;
  padding: 18px 22px !important;
  color: var(--kc-fg) !important;
  box-shadow: 0 8px 24px -18px rgba(255,189,46,0.3);
}
.memo_ttl, .sng-memo__title, .memo-title {
  color: #ffbd2e !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 0 0 4px 0 !important;
  border: 0 !important;
  margin-bottom: 8px !important;
  display: flex; align-items: center; gap: 8px;
}
.memo_ttl::before, .memo-title::before {
  content: '\f0eb';
  font-family: 'Font Awesome 6 Free', 'FontAwesome';
  font-weight: 900;
  color: #ffbd2e;
}
.memo p, .sng-memo p, .memo-box p {
  color: var(--kc-fg) !important;
  margin: 4px 0 !important;
}

/* ----- 9. 関連記事 (related-posts) のカード画像差替え ----- */
.related-posts .related-img,
.related-posts .related-img-wrap,
.related-posts a > img,
.related-posts .pp-related-img,
.pp-related .pp-related-img,
.pp-related img.alignnone,
.related-list .related-img,
.related-entry__img {
  background-image: url('https://blog.kabu-challenge.com/wp-content/uploads/2026/05/blog-card-bg.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: var(--kc-bg-3) !important;
}
/* 関連記事 img を非表示にして背景を見せる */
.related-posts .related-img img,
.related-posts a img,
.pp-related img,
.related-list img {
  opacity: 0 !important;
  visibility: hidden !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  aspect-ratio: 16/9;
}
/* 関連記事 wrap のカードスタイル */
.related-posts .related-item,
.related-posts li,
.pp-related-item,
.related-list li {
  background-color: var(--kc-bg-2) !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: transform .2s ease, border-color .2s ease;
}
.related-posts .related-item:hover,
.pp-related-item:hover,
.related-list li:hover {
  transform: translateY(-2px);
  border-color: rgba(84,208,255,0.4) !important;
}
.related-posts .related-title,
.related-posts a, .pp-related-title { color: var(--kc-fg) !important; }
.related-posts a:hover .related-title,
.related-posts a:hover { color: var(--kc-accent-blue) !important; }


/* v1.8.1 - 関連記事 (figure.rlmg) 画像差替え (SANGO の SANGO 関連投稿は .rlmg を使う) */
.related-posts figure.rlmg,
.related-posts .rlmg {
  background-image: url('https://blog.kabu-challenge.com/wp-content/uploads/2026/05/blog-card-bg.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: var(--kc-bg-3) !important;
  aspect-ratio: 16/9;
  overflow: hidden;
  margin: 0 !important;
}
.related-posts figure.rlmg img,
.related-posts .rlmg img {
  opacity: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.related-posts ul { padding: 0; list-style: none; }
.related-posts li {
  background-color: var(--kc-bg-2) !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  list-style: none !important;
  transition: transform .2s ease, border-color .2s ease;
}
.related-posts li:hover {
  transform: translateY(-2px);
  border-color: rgba(84,208,255,0.4) !important;
}
.related-posts .rep { padding: 12px 14px; }
.related-posts .rep p { color: var(--kc-fg) !important; margin: 0; font-size: .92rem; line-height: 1.5; }
.related-posts a:hover .rep p { color: var(--kc-accent-blue) !important; }

/* v1.8.2 - マーカーを 左→右 グラデ (青→紫→ピンク) に修正
   layered background-size:100% 40% で下端 40% にだけグラデを適用 */
mark, .marker, .marker-yellow, .marker-y {
  background-color: transparent !important;
  background-image: linear-gradient(
    to right,
    rgba(84,208,255,0.55) 0%,
    rgba(159,146,255,0.55) 50%,
    rgba(255,118,137,0.55) 100%
  ) !important;
  background-size: 100% 38% !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
  padding: 0 2px !important;
}
.marker-pink, mark.marker-pink {
  background-image: linear-gradient(to right, rgba(255,118,137,0.55), rgba(255,118,137,0.55)) !important;
}
.marker-blue, mark.marker-blue {
  background-image: linear-gradient(to right, rgba(84,208,255,0.55), rgba(84,208,255,0.55)) !important;
}

/* v1.8.3 - マーカー: 文字色も青→紫→ピンクの水平グラデーションに
   背景は下端 38% にグラデ underline、 同時に文字本体もグラデで縁取り */
mark, .marker, .marker-yellow, .marker-y {
  background-color: transparent !important;
  background-image:
    linear-gradient(to right, #54d0ff 0%, #9f92ff 50%, #ff7689 100%),
    linear-gradient(to right, rgba(84,208,255,0.55) 0%, rgba(159,146,255,0.55) 50%, rgba(255,118,137,0.55) 100%) !important;
  background-size: 100% 100%, 100% 38% !important;
  background-position: 0 0, 0 100% !important;
  background-repeat: no-repeat, no-repeat !important;
  background-clip: text, border-box !important;
  -webkit-background-clip: text, border-box !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 700 !important;
  padding: 0 2px !important;
}
.marker-blue, mark.marker-blue {
  background-image:
    linear-gradient(to right, #54d0ff, #54d0ff),
    linear-gradient(to right, rgba(84,208,255,0.55), rgba(84,208,255,0.55)) !important;
}
.marker-pink, mark.marker-pink {
  background-image:
    linear-gradient(to right, #ff7689, #ff7689),
    linear-gradient(to right, rgba(255,118,137,0.55), rgba(255,118,137,0.55)) !important;
}


/* =========================================================
   v1.9 - マーカー underline 撤去 (文字グラデのみ)
          + 前回未対応 5項目:
           share popup pill風 / 著者ラベル三角削除 / プロフ ガラス風 /
           前後記事リンク表示 / カード hover の角丸
   ========================================================= */

/* マーカー: 文字グラデのみ (下線なし) */
mark, .marker, .marker-yellow, .marker-y {
  background-color: transparent !important;
  background-image: linear-gradient(to right, #54d0ff 0%, #9f92ff 50%, #ff7689 100%) !important;
  background-size: 100% 100% !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 700 !important;
  padding: 0 !important;
}
.marker-blue, mark.marker-blue {
  background-image: linear-gradient(to right, #54d0ff, #54d0ff) !important;
}
.marker-pink, mark.marker-pink {
  background-image: linear-gradient(to right, #ff7689, #ff7689) !important;
}

/* 「この記事を書いた人」 の下三角 (.author_label span::before, 30px ボーダーで描画) を削除 */
.author_label span::before,
.author_label span::after,
.author_label::before,
.author_label::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
}
.author_label {
  background-color: transparent !important;
  text-align: center;
  margin-bottom: 12px !important;
}
.author_label span {
  display: inline-block !important;
  background-color: rgba(84,208,255,0.18) !important;
  color: var(--kc-accent-blue) !important;
  border: 1px solid rgba(84,208,255,0.4) !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
}

/* 著者情報 (.author-info) を 透過ガラス風に */
.author-info,
.author-info.pastel-bc {
  background:
    linear-gradient(135deg, rgba(84,208,255,0.06), rgba(159,146,255,0.06), rgba(255,118,137,0.04)) !important;
  background-color: rgba(31,32,33,0.6) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid var(--kc-border-strong) !important;
  border-radius: 14px !important;
  padding: 26px 28px !important;
  color: var(--kc-fg) !important;
  box-shadow: 0 12px 40px -20px rgba(0,0,0,0.6);
  margin-top: 30px !important;
}
.author-info .author-name,
.author-info .yourname,
.author-info h4 {
  color: var(--kc-accent-blue) !important;
  font-weight: 800 !important;
}
.author-info p, .author-info .author-description { color: var(--kc-fg) !important; }
.author-info .author-img img,
.author-info .yourprofile img {
  border-radius: 50% !important;
  border: 2px solid var(--kc-border-strong) !important;
}

/* 前の記事 / 次の記事 リンク (.prev-next, .prev-next__text) */
.prev-next, .prev_next, .pn-nav {
  background-color: transparent !important;
  display: flex; gap: 12px; flex-wrap: wrap;
  margin-top: 24px !important;
}
.prev-next > a, .prev-next .prev, .prev-next .next,
.pn-nav a, .nav-previous a, .nav-next a {
  display: block;
  flex: 1 1 240px;
  background-color: var(--kc-bg-2) !important;
  border: 1px solid var(--kc-border-strong) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  color: var(--kc-fg) !important;
  text-decoration: none !important;
  transition: border-color .2s ease, transform .2s ease;
}
.prev-next > a:hover, .pn-nav a:hover {
  border-color: var(--kc-accent-blue) !important;
  color: var(--kc-accent-blue) !important;
  transform: translateY(-2px);
}
.prev-next__label, .prev-label, .next-label,
.prev-next a .label, .prev-next a small {
  display: block;
  color: var(--kc-fg-muted) !important;
  font-size: .76rem !important;
  margin-bottom: 4px;
  letter-spacing: .04em;
}
.prev-next__text, .prev-next-title {
  color: var(--kc-fg) !important;
  font-weight: 700 !important;
  font-size: .92rem !important;
  line-height: 1.5 !important;
  display: block !important;
}

/* カード hover 背景に角丸 (.c_linkto:hover の白っぽい hover が角丸じゃないのを統一) */
.c_linkto, .c_linkto_wrap,
.widget li, .my-widget li, .my-widget__link {
  border-radius: 10px !important;
}
.widget li a, .my-widget__link, .my-widget li > a,
.cat-item a, .wp-block-categories-list a {
  border-radius: 8px !important;
  display: block !important;
}
.widget li a:hover, .my-widget__link:hover,
.cat-item a:hover, .wp-block-categories-list a:hover {
  border-radius: 8px !important;
}
/* c_linkto 自身は親 c_linkto_wrap が角丸 + overflow hidden なので OK
   念のため hover bg にも radius */
.c_linkto:hover, .c_linkto_wrap:hover .c_linkto {
  border-radius: 10px !important;
}

/* SHARE ボタン (footer-contents > sns-btn > ul > li.sns-btn__item > a) を pill風に */
.sns-btn,
.share-popup, .pp-share-modal, .share-modal {
  background-color: transparent !important;
}
.sns-btn ul {
  display: flex; gap: 10px; padding: 0; list-style: none; flex-wrap: wrap;
  justify-content: center;
}
.sns-btn__title { color: var(--kc-fg-muted) !important; }
.sns-btn__item a,
.sns-btn li a {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background-color: rgba(84,208,255,0.10) !important;
  border: 1px solid rgba(84,208,255,0.4) !important;
  color: var(--kc-fg) !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-weight: 700 !important;
  font-size: .85rem !important;
  text-decoration: none !important;
  transition: filter .2s ease, border-color .2s ease;
}
.sns-btn__item a:hover, .sns-btn li a:hover {
  filter: brightness(1.15);
  border-color: var(--kc-accent-blue) !important;
  color: var(--kc-accent-blue) !important;
}
/* SNS img icon (X/FB/B!/LINE) を白く反転表示 */
.sns-btn__item a img,
.sns-btn li a img {
  width: 16px !important;
  height: 16px !important;
  filter: brightness(0) invert(1) !important;
  vertical-align: middle;
}
.sns-btn__item .share_txt,
.sns-btn li .share_txt {
  color: inherit !important;
  font-weight: 700 !important;
}
/* ブランド色は廃止、 全部 accent-blue ピル統一 */
.sns-btn__item.tw a, .sns-btn__item.x a,
.sns-btn__item.fb a, .sns-btn__item.hatena a, .sns-btn__item.line a,
.sns-btn__item.pocket a {
  background-color: rgba(84,208,255,0.10) !important;
}


/* v1.9.1 - 前後記事ナビ: SANGO の正しいクラス .prnx_box / a.prnx を使う */
.prnx_box {
  background-color: transparent !important;
  display: flex !important;
  gap: 12px;
  flex-wrap: wrap;
  margin: 30px 0 16px !important;
}
.prnx_box > a.prnx, .prnx_box .prnx {
  flex: 1 1 240px;
  background-color: var(--kc-bg-2) !important;
  border: 1px solid var(--kc-border-strong) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  color: var(--kc-fg) !important;
  text-decoration: none !important;
  transition: border-color .2s ease, transform .2s ease, background-color .2s ease;
  display: block !important;
}
.prnx_box > a.prnx:hover, .prnx_box .prnx:hover {
  border-color: var(--kc-accent-blue) !important;
  background-color: rgba(84,208,255,0.06) !important;
  color: var(--kc-accent-blue) !important;
  transform: translateY(-2px);
}
.prnx_box .prnx_tb { background-color: transparent !important; padding: 0 !important; }
.prnx_box .prev-next__text {
  color: var(--kc-fg) !important;
  font-weight: 700 !important;
  font-size: .92rem !important;
  line-height: 1.5 !important;
  display: block !important;
  margin-top: 4px;
}
.prnx_box .prnx:hover .prev-next__text { color: var(--kc-accent-blue) !important; }
/* "前の記事" / "次の記事" ラベル (i.fa の前置きアイコン + テキストノードが label) */
.prnx_box .prnx::before {
  content: '';
  display: block;
  color: var(--kc-fg-muted) !important;
  font-size: .76rem;
  letter-spacing: .04em;
  margin-bottom: 4px;
}
.prnx_box .prnx.pr::before { content: '\\003c PREV ARTICLE'; }
.prnx_box .prnx.nx::before { content: 'NEXT ARTICLE \\003e'; text-align: right; }
.prnx_box .prnx.nx { text-align: right; }


/* v1.9.2 - prev/next ラベルを日本語に修正 (v1.9.1 のエスケープ修正) */
.prnx_box .prnx.pr::before { content: '◀ 前の記事' !important; text-align: left; }
.prnx_box .prnx.nx::before { content: '次の記事 ▶' !important; text-align: right; }

/* =========================================================
   v1.10 - ページネーション: 透過ガラス風 + ホバー対応
   ========================================================= */

/* ページネーション全体: 外枠も透過ガラス */
.pagination {
  background: rgba(31, 32, 33, 0.5) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--kc-border) !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

/* 各ページ番号 (a, span) を透過ガラスのピル/丸に統一 */
.pagination a.page-numbers,
.pagination span.page-numbers:not(.current):not(.dots),
.pagination .next.page-numbers,
.pagination .prev.page-numbers,
a.page-numbers,
span.page-numbers:not(.current):not(.dots) {
  background-color: rgba(255,255,255,0.04) !important;
  background-image: none !important;
  border: 1px solid var(--kc-border-strong) !important;
  color: var(--kc-fg) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  font-weight: 700;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .15s ease, box-shadow .2s ease !important;
  box-shadow: 0 2px 8px -4px rgba(0,0,0,0.6);
}

/* ホバー: 透過 + accent border + 微発光 */
.pagination a.page-numbers:hover,
a.page-numbers:hover,
.pagination .next.page-numbers:hover,
.pagination .prev.page-numbers:hover {
  background-color: rgba(84,208,255,0.12) !important;
  border-color: rgba(84,208,255,0.6) !important;
  color: var(--kc-accent-blue) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px -4px rgba(84,208,255,0.35) !important;
}

/* current (現在ページ): 青紫グラデは維持しつつ ガラスっぽい盛り */
.pagination span.page-numbers.current,
span.page-numbers.current {
  background-color: transparent !important;
  background-image: linear-gradient(120deg, rgba(63,133,235,0.85), rgba(86,56,237,0.85)) !important;
  border: 1px solid rgba(159,146,255,0.6) !important;
  color: #fff !important;
  font-weight: 800 !important;
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 18px -6px rgba(86,56,237,0.6), inset 0 0 0 1px rgba(255,255,255,0.1);
}

/* … (dots) は枠なし */
.pagination span.page-numbers.dots {
  background-color: transparent !important;
  border: 0 !important;
  color: var(--kc-fg-muted) !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}


/* v1.10.1 - ページネーション: 外枠削除 + 完全な丸 */
.pagination {
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 30px 0 !important;
  box-shadow: none !important;
}

/* 各ボタンを 完全な丸 (固定サイズ) に */
.pagination a.page-numbers,
.pagination span.page-numbers,
a.page-numbers,
span.page-numbers {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  vertical-align: middle;
}
/* 2 桁以上 (20 など) は幅を auto に + pill 化 (丸の中に2桁収まるよう少し横長OK) */
.pagination a.page-numbers,
.pagination span.page-numbers {
  font-size: .92rem !important;
}
/* dots は丸抜き */
.pagination span.page-numbers.dots {
  width: auto !important;
  min-width: 28px !important;
  height: auto !important;
  border: 0 !important;
  background: transparent !important;
}

/* v1.10.2 - UL.page-numbers (ボタンを包む UL) の余計な枠を完全削除 */
ul.page-numbers,
.pagination ul.page-numbers,
.pagination > ul {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  box-shadow: none !important;
}
.pagination ul.page-numbers li { list-style: none !important; margin: 0; padding: 0; }