/* =====================================================================
   藍 v2 夜スキン「夜の藍」（B案ベース・2026-07-11 CEO発案のダークモード）
   発火フック＝body.v2.dark（クラス1個の切替・律のトグルJSが付け外す）。
   style_v2.css / style_v2_pages.css の後に読み込む上書き。
   夜のパレット＝深藍の地・クリーム文字・金の差し色。深紅は夜では金に譲る。
   絵（ヒーロー・図解・サムネ）は和紙のまま残し、細い縁で額装して灯りに見せる。
   ===================================================================== */

body.v2.dark{
  --n-bg1:#0a1424; --n-bg2:#101f38;
  --n-cream:#efe9dc; --n-dim:rgba(239,233,220,.66); --n-faint:rgba(239,233,220,.45);
  --n-gold:#d4af6a; --n-gold-dim:rgba(212,175,106,.4); --n-gold-hair:rgba(212,175,106,.26);
  --n-panel:rgba(255,255,255,.055); --n-panel-brd:rgba(239,233,220,.14);
  --n-red:#c98a8a;

  background:
    radial-gradient(1100px 520px at 78% -80px, rgba(63,92,145,.38), transparent 62%),
    radial-gradient(800px 500px at -10% 40%, rgba(38,60,100,.32), transparent 60%),
    linear-gradient(168deg,var(--n-bg1) 0%, var(--n-bg2) 52%, #0b1526 100%);
  background-attachment:fixed;
  color:var(--n-cream);
}

/* ---------- 絵の額装（全ページ共通） ---------- */
body.v2.dark img{filter:brightness(.94) saturate(.98);}
body.v2.dark .heroband img,
body.v2.dark .article-figure img,
body.v2.dark .card-thumb img,
body.v2.dark .cc img{
  border:1px solid rgba(239,233,220,.1);
  box-shadow:0 18px 50px rgba(4,9,18,.55);
}
body.v2.dark .brand img,
body.v2.dark .neko{border:none;box-shadow:none;filter:none;}

/* ---------- ヘッダー（トップheader.site＋内側masthead 両対応） ---------- */
body.v2.dark header.site,
body.v2.dark .masthead{border-color:var(--n-gold-hair);}
body.v2.dark .brand .name,
body.v2.dark .site-name,
body.v2.dark .site-name a{color:var(--n-cream);}
body.v2.dark .brand .sub,
body.v2.dark .site-tagline{color:var(--n-faint);}
body.v2.dark .hdate,
body.v2.dark .masthead-date,
body.v2.dark .masthead-date *,
body.v2.dark .lang-switch,
body.v2.dark .lang-switch a{color:var(--n-dim);}
body.v2.dark .lang-switch b,
body.v2.dark .lang-switch .is-active{color:var(--n-cream);}
body.v2.dark nav.global,
body.v2.dark .global-nav{border-top-color:var(--n-gold-hair);border-bottom-color:var(--n-gold-dim);}
body.v2.dark nav.global a,
body.v2.dark .global-nav a{color:var(--n-dim);}
body.v2.dark nav.global .on,
body.v2.dark .global-nav a.is-active,
body.v2.dark .global-nav .is-active a{color:var(--n-gold);border-bottom-color:var(--n-gold);}
body.v2.dark .masthead-search input{background:rgba(255,255,255,.07);border-color:var(--n-panel-brd);color:var(--n-cream);}

/* ---------- トップ：一面ポスター ---------- */
body.v2.dark .kicker{color:var(--n-gold);}
body.v2.dark .kicker::before{background:var(--n-gold);}
body.v2.dark .kicker b{color:var(--n-cream);}
body.v2.dark .lead2 h1{color:var(--n-cream);text-shadow:0 3px 24px rgba(4,9,18,.5);}
body.v2.dark .lead2 h1 .red{color:var(--n-gold);}   /* 夜は深紅→金 */
body.v2.dark .heroband .badge{background:rgba(8,15,28,.72);color:var(--n-cream);border:1px solid var(--n-panel-brd);}
body.v2.dark .heroband .tate2{color:var(--n-cream);}
body.v2.dark .lede{color:var(--n-dim);}
body.v2.dark .cta{color:var(--n-gold);border-color:var(--n-gold-dim);}
body.v2.dark .cta span{color:var(--n-gold);}

/* 今日の三本＝ガラスのカード（B案の型） */
body.v2.dark .strip{border-top-color:var(--n-gold-hair);}
body.v2.dark .strip-head h2{color:var(--n-cream);}
body.v2.dark .strip-head .en{color:var(--n-gold);}
body.v2.dark .strip-head .more{color:var(--n-dim);}
body.v2.dark .strip .fuki{background:#16233c;border-color:var(--n-panel-brd);color:var(--n-cream);box-shadow:0 8px 24px rgba(4,9,18,.5);}
body.v2.dark .strip .fuki::after{background:#16233c;border-right-color:var(--n-panel-brd);border-top-color:var(--n-panel-brd);}
body.v2.dark .c3{
  background:var(--n-panel);border:1px solid var(--n-panel-brd);
  border-top:3px solid var(--n-gold-dim);border-radius:14px;padding:22px 24px 24px;
  backdrop-filter:blur(10px);
}
body.v2.dark .c3.hot{border-top-color:var(--n-gold);}
body.v2.dark .c3 .no{color:var(--n-gold);}
body.v2.dark .c3 h3{color:var(--n-cream);}
body.v2.dark .c3 p{color:var(--n-dim);}
body.v2.dark .c3 .tag{color:var(--n-gold);border-color:var(--n-gold-dim);}

/* 読みもの */
body.v2.dark .colsec{background:rgba(255,255,255,.04);}
body.v2.dark .colsec .label{color:var(--n-cream);border-right-color:var(--n-gold-hair);}
body.v2.dark .colsec .label small{color:var(--n-gold);}
body.v2.dark .cc .d{color:var(--n-gold);}
body.v2.dark .cc h4{color:var(--n-cream);}
body.v2.dark .cc p{color:var(--n-dim);}

/* footer藍帯＝夜はさらに深く沈めて金の罫で切る */
body.v2.dark .foot,
body.v2.dark .site-footer{background:#0a1220;border-top:1px solid var(--n-gold-hair);}
body.v2.dark .foot .big{color:var(--n-cream);}
body.v2.dark .foot p,
body.v2.dark .footer-note{color:var(--n-dim);}
body.v2.dark .foot .links,
body.v2.dark .footer-nav a{color:var(--n-dim);}
body.v2.dark .footer-site-name{color:var(--n-cream);}
body.v2.dark .copyright{color:var(--n-faint);}

/* ---------- 記事ページ ---------- */
body.v2.dark .article-category{color:var(--n-gold);border-color:var(--n-gold-dim);}
body.v2.dark .article-date{color:var(--n-gold);}
body.v2.dark .article-title{color:var(--n-cream);}
body.v2.dark .article-lead{border-top-color:var(--n-gold);border-bottom-color:var(--n-gold-hair);color:var(--n-dim);}
body.v2.dark .article-meta{color:var(--n-dim);}
body.v2.dark .article-body,
body.v2.dark .article-body p,
body.v2.dark .article-body li{color:var(--n-dim);}
body.v2.dark .article-body strong{color:var(--n-cream);}
body.v2.dark .article-body h2{border-top-color:var(--n-gold);color:var(--n-cream);}
body.v2.dark .article-body h3{color:var(--n-cream);border-left-color:var(--n-gold);}
body.v2.dark .article-body a{color:var(--n-gold);text-decoration-color:var(--n-gold-dim);}
body.v2.dark .article-body blockquote{background:var(--n-panel);border-left-color:var(--n-gold);color:var(--n-dim);}
body.v2.dark .article-figure figcaption{color:var(--n-faint);}
body.v2.dark .share-btn{background:rgba(255,255,255,.07);border-color:var(--n-panel-brd);color:var(--n-cream);}

/* ---------- 一覧ページ ---------- */
body.v2.dark .card{border-top:1px solid var(--n-gold-hair);}
body.v2.dark .card:first-of-type{border-top:3px solid var(--n-gold);}
body.v2.dark .card-category{color:var(--n-gold);border-color:var(--n-gold-dim);}
body.v2.dark .card-date{color:var(--n-gold);}
body.v2.dark .card-title,
body.v2.dark .card-title a{color:var(--n-cream);}
body.v2.dark .card-lead{color:var(--n-dim);}
/* 一覧の題（.page-title＝深紅バー付き）と説明文 */
body.v2.dark .main{color:var(--n-dim);}
body.v2.dark .page-title{color:var(--n-cream);border-left-color:var(--n-gold);}
body.v2.dark .page-title-en{color:var(--n-gold);}
body.v2.dark .page-lead{color:var(--n-dim);}
/* ランキングの番号 */
body.v2.dark .side-ranking ol{color:var(--n-gold);}
body.v2.dark .side-ranking li::marker{color:var(--n-gold);}

/* ---------- サイドバー ---------- */
/* 見出しは子span(.en/.ja)に色が付いているため子まで塗る */
body.v2.dark .side-cap,
body.v2.dark .side-cap *{color:var(--n-gold);border-top-color:var(--n-gold-dim);}
body.v2.dark .side-cap-note,
body.v2.dark .side-cap-note *{color:var(--n-faint);}
body.v2.dark .side-block,
body.v2.dark .side-block a{color:var(--n-dim);}
body.v2.dark .side-block a:hover{color:var(--n-gold);}
body.v2.dark .side-block .is-current{border-left-color:var(--n-gold);color:var(--n-cream);}
body.v2.dark .side-count{color:var(--n-gold);}

/* ---------- newsletter CTA ---------- */
body.v2.dark .newsletter-cta{background:var(--n-panel);border:1px solid var(--n-panel-brd);}
body.v2.dark .newsletter-cta-head{color:var(--n-cream);}
body.v2.dark .newsletter-cta-sub{color:var(--n-dim);}
body.v2.dark .newsletter-cta-btn{background:var(--n-gold);color:#141d30;}

/* ---------- 用語集・検索（実DOM=.gloss-* 系・2026-07-11律指摘で実名に修正） ---------- */
body.v2.dark .gloss-group-head,
body.v2.dark .gloss-group-head *{color:var(--n-cream);border-color:var(--n-gold-dim);background:transparent;}
body.v2.dark .gloss-dt,
body.v2.dark .gloss-dt *{color:var(--n-cream);}
body.v2.dark .gloss-reading{color:var(--n-faint);}
body.v2.dark .gloss-dd{color:var(--n-dim);}
body.v2.dark .gloss-entry{border-color:rgba(239,233,220,.12);}
body.v2.dark .gloss-jump a,
body.v2.dark .gloss-jump span{background:rgba(255,255,255,.07);border-color:var(--n-panel-brd);color:var(--n-cream);}
/* 本文タップのポップオーバー（glossary.jsが出す） */
body.v2.dark .gloss-pop{background:#16233c;border-color:var(--n-panel-brd);color:var(--n-cream);box-shadow:0 12px 34px rgba(4,9,18,.6);}
body.v2.dark .gloss-pop *{color:var(--n-cream);}
body.v2.dark .search-overlay{background:rgba(8,14,26,.95);}
body.v2.dark .search-overlay-title{color:var(--n-cream);}
body.v2.dark .search-overlay{background:rgba(8,14,26,.95);}
body.v2.dark .search-overlay-title{color:var(--n-cream);}

/* ---------- 切替トグル（律実装用の見た目定義） ---------- */
body.v2 .theme-toggle{
  background:transparent;border:1px solid var(--hair, rgba(29,43,69,.22));border-radius:99px;
  padding:7px 14px;font-size:12px;letter-spacing:.14em;color:inherit;cursor:pointer;
}
body.v2.dark .theme-toggle{border-color:var(--n-gold-dim);color:var(--n-gold);}

/* ---------- モバイルMENUドロワー（夜スキン・白飛び修正 2026-07-24） ---------- */
body.v2.dark .sidebar-mobile{
  background:#0d1a2f;
  border-bottom-color:var(--n-gold-hair);
}
body.v2.dark .sidebar-mobile summary{color:var(--n-cream);}
body.v2.dark .sidebar-mobile summary::after{color:var(--n-dim);}
body.v2.dark .sidebar-mobile .sidebar-inner{border-top-color:var(--n-gold-hair);}