/* ======================================================
   ScienceX — 全ページ共通の見た目（2026-10-31〜 案C「大きな X」）

   中島「タイムズカー集団訴訟のページとデザインが全く同じ。嫌」。
   同じに見えた元は、紺の地・金の差し色・明朝体の見出し・生成り色の地・
   金の細線つきの英字の小見出し。これをやめて、白地・紺の字（名刺とロゴと同じ #1F2A48）・
   太いゴシック体、
   金はロゴの X と小さな印だけに使う。

   色の値（紺→名刺の紺・生成り→白に近い灰色）と書体（明朝→ゴシック）は各ページの
   <style> で置き換え済み。ここは各ページの </head> の直前で読み、形
   （見出しの太さ・英字の小見出し・ボタン）をそろえる。ページの <style> より
   後に来るので、同じ強さの規則はこちらが勝つ。
   ====================================================== */

:root{
  --x-ink:#1F2A48;
  --x-ink-2:#555555;
  --x-gold:#C49A3C;
  --x-gold-deep:#8E6C1F;
  --x-soft:#F5F5F3;
  --x-line:#E6E6E6;
  --x-gold-label:#8E6C1F; /* 白地でコントラスト 4.9 の金（小見出しの字）。紺の帯の中は明るい金に替える（下） */
  --x-num:"Inter Tight","Noto Sans JP","Noto Sans SC",sans-serif;
}

/* 見出し: 太く・字間を詰める */
h1,h2{font-weight:900!important;letter-spacing:-.02em!important}
h3{font-weight:700}

/* 見出しの中の強調（金の字）→ 紺の字に金の下線 */
h1 em,.hero h1 em{font-style:normal;color:inherit!important;background:linear-gradient(transparent 70%,rgba(196,154,60,.45) 70%)}

/* 英字の小見出し（金の細線つき・字間の広い大文字）→ 小さな金の X＋太い英字 */
.section-label,.hero-label,.page-label,.header-tag{
  font-family:var(--x-num)!important;font-weight:800!important;letter-spacing:.04em!important;
}
.section-label,.hero-label{
  display:inline-flex!important;align-items:center;gap:8px;
  font-size:.78rem!important;color:var(--x-gold-label)!important;text-transform:uppercase;
}
.section-label::before,.hero-label::before{
  content:""!important;flex:0 0 auto;width:11px!important;height:11px!important;
  background:
    linear-gradient(45deg,transparent 40%,var(--x-gold) 40%,var(--x-gold) 60%,transparent 60%),
    linear-gradient(-45deg,transparent 40%,var(--x-gold) 40%,var(--x-gold) 60%,transparent 60%)!important;
}

/* 数字は Inter Tight（日本語は Noto Sans に落ちる） */
.stat-number,.strength-num,.diff-num,.header-num,.data-box .num,.kpi b{font-family:var(--x-num)!important;letter-spacing:-.02em}

/* ボタン: 角を立て、主ボタンは黒（暗い帯の中で金にしているページの指定は、そちらが強いのでそのまま残る） */
.btn-primary{background:var(--x-ink);color:#fff;border-radius:0!important}
.btn-primary:hover{background:#2D3A5C;box-shadow:none!important}
.btn-secondary{border-radius:0!important}

/* フッター: 紺の地に金の線 */
.scix-footer{border-top:4px solid var(--x-gold)}

/* ===== 数字の札つきのヒーロー（トップ・会社案内・売る・買う・投資家・提携）=====
   右の白い札をやめ、見出しの下に大きな数字を横一列に並べる */
.hero:has(.hero-card){background:#fff!important;border-bottom:2px solid var(--x-ink);padding-bottom:0!important}
.hero:has(.hero-card)::before{display:none}
.hero:has(.hero-card) .container{display:grid;grid-template-columns:1fr!important;gap:44px!important;align-items:start!important}
.hero:has(.hero-card) .hero-content{position:relative;z-index:1;max-width:800px}
.hero:has(.hero-card) h1{font-size:clamp(2.1rem,5vw,4rem)!important;line-height:1.14!important;color:var(--x-ink)!important;margin-bottom:28px!important}
.hero:has(.hero-card) .hero-desc{color:var(--x-ink-2);font-weight:500;max-width:600px}
.hero:has(.hero-card) .hero-visual{position:relative;z-index:1;background:#fff;animation:none}
.hero-card{background:transparent!important;box-shadow:none!important;border:none!important;border-top:2px solid var(--x-ink)!important;border-radius:0!important;padding:0!important}
.hero-stats{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:1fr;gap:0!important}
.hero-stats .stat-item{text-align:left!important;padding:22px 20px 26px 0}
.hero-stats .stat-item + .stat-item{padding-left:24px;border-left:1px solid #E6E6E6}
.hero-stats .stat-number{font-weight:800!important;font-size:clamp(2.4rem,5vw,4rem)!important;line-height:1!important;color:var(--x-ink)!important;letter-spacing:-.04em!important;white-space:nowrap}
.hero-stats .stat-number span{font-family:"Noto Sans JP","Noto Sans SC",sans-serif;font-size:.95rem!important;font-weight:700!important;color:var(--x-ink)!important;letter-spacing:0;margin-left:4px}
.hero-stats .stat-label{font-size:.84rem!important;color:var(--x-ink-2)!important;margin-top:12px!important;letter-spacing:0!important;font-weight:500}
.hero-card-divider{display:none!important}
.hero-card-note{text-align:left!important;font-size:.8rem!important;color:var(--x-ink-2)!important;padding:0 0 26px;line-height:1.9!important}
.hero-card-note strong{color:var(--x-ink)!important;font-weight:700}

/* 売る・買うの入口ボタン（トップ）: 買う＝黒、売る＝黒い枠 */
.hero-door{border-radius:0!important;background:var(--x-ink)!important;color:#fff!important;padding:16px 22px!important;box-shadow:none!important}
.hero-door:hover{background:#2D3A5C!important;transform:translateY(-2px)}
.hero-door.sell{background:#fff!important;color:var(--x-ink)!important;box-shadow:inset 0 0 0 2px var(--x-ink)!important}
.hero-door.sell:hover{background:var(--x-ink)!important;color:#fff!important}
.hero-door-k{font-weight:500;opacity:.75!important}
.hero-door-v{font-weight:900!important;font-size:1.02rem!important}
.hero-sublinks a{border-bottom:2px solid var(--x-gold)!important;font-weight:700!important;color:var(--x-ink)!important}

/* トップだけ: ロゴの X を大きく置く */
.hero.x-top{position:relative;overflow:hidden}
.hero.x-top::before,.hero.x-top::after{
  content:""!important;display:block!important;position:absolute!important;
  top:230px!important;right:-330px!important;left:auto!important;bottom:auto!important;
  width:880px!important;height:84px!important;border-radius:0!important;
  background:var(--x-gold)!important;transform:rotate(45deg);pointer-events:none;z-index:0;
}
.hero.x-top::after{background:#D9B565!important;transform:rotate(-45deg)}

/* 4つの約束の帯（トップ）: 紺の地に金の印 */
.credibility-bar{background:var(--x-ink)!important}
.cred-item{color:#fff!important;font-weight:700;font-size:.86rem!important;letter-spacing:0!important}
.cred-icon{background:none!important;border-radius:0!important;color:var(--x-gold)!important;font-size:.9rem!important;font-weight:900}

@media (max-width:768px){
  .hero:has(.hero-card) h1{font-size:min(7.6vw,2.15rem)!important}
  .hero.x-top{padding-top:118px!important}
  .hero-stats{grid-auto-flow:row;grid-template-columns:1fr 1fr!important}
  .hero-stats .stat-item,.hero-stats .stat-item + .stat-item{padding:16px 10px 16px 0;border-left:none;border-bottom:1px solid #E6E6E6}
  .hero-stats .stat-number{font-size:2.4rem!important}
  .hero.x-top::before,.hero.x-top::after{top:8px!important;right:-60px!important;width:220px!important;height:26px!important}
}

/* 英語のページ: 見出しの英字は Inter Tight で（Noto Sans JP の英字は太すぎる） */
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{font-family:var(--x-num)!important;letter-spacing:-.025em!important}
html[lang="en"] .hero:has(.hero-card) h1{font-size:clamp(2rem,4.2vw,3.4rem)!important;line-height:1.08!important}

/* 細かい読みやすさ（色の置き換えで目立った所） */
.biz-badge:not(.core){color:var(--x-gold-label)!important;font-family:var(--x-num);font-weight:800!important}
.hero-inner a:not([class]){color:inherit;text-decoration:underline;text-decoration-color:var(--x-gold);text-underline-offset:3px}

/* ======================================================
   部品の形（2026-10-31 夕〜）
   中島「このへん全く変わってない。TOPのとこをちょっと直しただけ。全体の全ページ直さないといみない」。
   紺の帯・角の丸い半透明のカード・金の番号・中央寄せの見出し、という前の形を全ページでやめる。
   紺の地を残すのは、ヘッダーのボタン・トップの4つの約束の帯・メルマガの箱・フッターだけ。
   ====================================================== */

/* 1. 角の丸みをなくす（言語の切り替え・写真・丸い印は除く） */
body *:not(img):not(svg *):not(.scix-lang):not(.scix-lang *):not(input[type=radio]):not(input[type=checkbox]):not([class*="dot"]):not([class*="avatar"]){border-radius:0!important}

/* 2. 紺の帯の節・紺のヒーロー・紺の誘導の箱を、白い地に */
:is(.strengths,section.cta,div.cta,.sec-navy,.on-navy,.contact-hero,.kh,.cta-section,.article-header,.hero){background:#fff!important;background-image:none!important;color:var(--x-ink)!important;box-shadow:none!important}
.strengths[style*="off-white"],section.cta,div.cta,.cta-section{background:var(--x-soft)!important}
.strengths,section.cta,.sec-navy,.on-navy,.faq,.deal,.sellflow,.knowledge-top,.business,.company{border-top:1px solid var(--x-line)}
.hero::before{display:none!important}
/* その中の字（前は白・薄い白・金だった） */
:is(.strengths,section.cta,div.cta,.sec-navy,.on-navy,.contact-hero,.kh,.cta-section,.article-header,.hero) :is(h1,h2,h3,h4,h5,.section-title,[class*="title"],strong,b):not([class*="btn"]):not([class*="tag"]){color:var(--x-ink)!important}
:is(.strengths,section.cta,div.cta,.sec-navy,.on-navy,.contact-hero,.kh,.cta-section,.article-header,.hero) :is(p,li,dd,dt,small,blockquote,[class*="desc"],[class*="subtitle"],[class*="lead"],[class*="note"],[class*="meta"],[class*="date"]):not([class*="btn"]):not([class*="tag"]):not([class*="badge"]){color:var(--x-ink-2)!important}
:is(.strengths,section.cta,div.cta,.sec-navy,.on-navy,.contact-hero,.kh,.cta-section,.article-header,.hero) a:not([class]){color:var(--x-ink)!important;text-decoration:underline;text-decoration-color:var(--x-gold);text-underline-offset:3px}
:is(.strengths,section.cta,div.cta,.sec-navy,.on-navy,.contact-hero,.kh,.cta-section,.article-header,.hero) .btn-secondary{background:transparent!important;color:var(--x-ink)!important;border:2px solid var(--x-ink)!important}
:is(section.cta,div.cta,.cta-section) :is(.btn-primary,.cta-btn,a[class*="btn"]){background:var(--x-ink)!important;color:#fff!important;border:none!important;box-shadow:none!important}

/* 3. 節の見出し: 左寄せ。小見出し｜題と説明 の2列、上に紺の線。
   当てるのは見出しだけの箱（小見出し・題・説明・段落だけを持つ div）。一覧や絵まで同じ箱に入っているページ（案件一覧など）に当てると、
   中身まで右の列に押し込まれる（2026-10-31 #166 で案件一覧のカードが3列→2列になった）ので、そういう箱は縦に積むだけにする */
div:has(> .section-label):has(> .section-title):not(:has(> :not(.section-label,.section-title,.section-subtitle,p,br))){text-align:left!important;display:grid!important;grid-template-columns:minmax(170px,240px) 1fr;column-gap:48px;align-items:start;border-top:2px solid var(--x-ink);padding-top:26px}
div:has(> .section-label):has(> .section-title):not(:has(> :not(.section-label,.section-title,.section-subtitle,p,br))) > .section-label{grid-column:1;grid-row:1 / span 4;margin:8px 0 0!important;justify-self:start}
div:has(> .section-label):has(> .section-title):not(:has(> :not(.section-label,.section-title,.section-subtitle,p,br))) > :not(.section-label){grid-column:2}
div:has(> .section-label):has(> .section-title):not(:has(> :not(.section-label,.section-title,.section-subtitle,p,br))) > .section-subtitle{margin:0!important;max-width:680px}
.section-title{font-size:clamp(1.7rem,3.3vw,2.5rem)!important;line-height:1.3!important;color:var(--x-ink)}
section.cta{text-align:left!important}
section.cta h2{font-size:clamp(1.6rem,3vw,2.3rem)!important;line-height:1.3!important}
section.cta :is(.cta-actions,.hero-actions){justify-content:flex-start!important}

/* 4. カード: 白地・細い枠・上に紺の線。影と半透明をやめる */
:is(.strength-card,.deal-card,.biz-card,.k-card,.sellflow-card,.svc-card,.pick-card,.risk-card,.layer-card,.diff-card,.sidebar-card,.form-card,.result-card,.dcard,.pillar,.ac,.card:not(.dark),.audit-item,.officer-section):not([style*="background"]){background:#fff!important;background-image:none!important;border:1px solid var(--x-line)!important;border-top:3px solid var(--x-ink)!important;box-shadow:none!important;color:var(--x-ink)}
:is(.strength-card,.deal-card,.biz-card,.k-card,.sellflow-card,.svc-card,.pick-card,.ac,.card:not(.dark)):hover{border-top-color:var(--x-gold)!important;transform:none!important;box-shadow:none!important}
:is(.strength-card,.sellflow-card,.svc-card,.pick-card,.risk-card,.layer-card,.audit-item) :is(h3,h4){color:var(--x-ink)!important}
:is(.strength-card,.sellflow-card,.svc-card,.pick-card,.risk-card,.layer-card,.audit-item) p{color:var(--x-ink-2)!important}

/* 5. 番号: 英字の太字に、終わりに金の点 */
:is(.strength-num,.sellflow-num){font-family:var(--x-num)!important;font-weight:800!important;color:var(--x-ink)!important;opacity:1!important;font-size:2.6rem!important;line-height:1!important;letter-spacing:-.04em!important}
:is(.strength-num,.sellflow-num)::after{content:".";color:var(--x-gold)}
:is(.k-num,.kt-rank,.risk-no,.n,.an){font-family:var(--x-num)!important;font-weight:800!important;color:var(--x-gold-label)!important}

/* 6. コラムの上部: 紺のグラデーションの帯 → 白地に大きな左寄せの題、右に金の X */
.article-header{text-align:left!important;padding:56px 24px 34px!important;border-bottom:2px solid var(--x-ink)!important;position:relative;overflow:hidden}
.article-header::before,.article-header::after{display:none!important}
.article-header .header-inner{max-width:760px!important;margin:0 auto!important;position:relative;z-index:1}
.article-header .header-meta{justify-content:flex-start!important}
.header-tag{background:var(--x-ink)!important;color:#fff!important;font-family:var(--x-num)!important}
.article-header :is(.header-num,.header-date){color:var(--x-ink-2)!important;font-family:var(--x-num)!important}
.article-header h1{font-size:clamp(26px,4.2vw,40px)!important;line-height:1.32!important;margin-bottom:18px!important;text-align:left!important}
.article-header h1 em{color:inherit!important;background:linear-gradient(transparent 70%,rgba(196,154,60,.45) 70%)}
.article-header .header-desc{margin:0!important;max-width:680px!important}
@media (min-width:1180px){
  .article-header::before,.article-header::after{content:""!important;display:block!important;position:absolute!important;top:50%!important;right:-120px!important;left:auto!important;bottom:auto!important;width:440px!important;height:40px!important;background:var(--x-gold)!important;transform:translateY(-50%) rotate(45deg)}
  .article-header::after{background:#D9B565!important;transform:translateY(-50%) rotate(-45deg)}
}
/* 古い型のコラム（.column-container）の題 */
.column-container > h1,.column-container header h1{font-size:clamp(26px,4.2vw,38px)!important;line-height:1.32!important;color:var(--x-ink)!important}

/* 7. 本文の見出し: 金の短い線＋細い線（金の下線・左の金の帯をやめる） */
:is(.article-body,.column-container,article,.legal-body) h2{border:none!important;border-top:1px solid var(--x-line)!important;padding:22px 0 0!important;background:linear-gradient(var(--x-gold),var(--x-gold)) left top / 56px 4px no-repeat!important;color:var(--x-ink)!important;font-size:1.5em!important;line-height:1.45!important;margin-top:56px!important}

/* 8. 本文の箱 */
.highlight-box{background:var(--x-soft)!important;background-image:none!important;border:none!important;border-left:4px solid var(--x-ink)!important}
.highlight-box strong{color:var(--x-ink)!important}
:is(.data-box,.related,.next-link,.toc){background:#fff!important;background-image:none!important;border:1px solid var(--x-line)!important;border-top:3px solid var(--x-ink)!important}
.related a,.next-link{color:var(--x-ink)!important}
.author-box{background:#fff!important;border:1px solid var(--x-line)!important;border-left:4px solid var(--x-gold)!important}
.cta-section{text-align:left!important;border-top:3px solid var(--x-ink)!important;padding:40px 36px!important}
.back-link{color:var(--x-gold-label)!important}

/* 9. 表: 紺の見出しの行 → 淡い地に紺の太い線 */
table th{background:var(--x-soft)!important;color:var(--x-ink)!important;border-bottom:2px solid var(--x-ink)!important;font-weight:800!important}

/* 10. 入力欄とボタン */
:is(input[type=text],input[type=email],input[type=tel],input:not([type]),textarea,select){border-color:#CFCFCF!important}
:is(input,textarea,select):focus{outline:2px solid var(--x-gold)!important;outline-offset:0;border-color:var(--x-ink)!important}
:is(.submit-btn,button[type=submit]){background:var(--x-ink)!important;color:#fff!important}

/* 11. 字間の広い金の英字の小見出し（前の形）を、全ページで同じ形に */
:is(.eyebrow,.column-meta,.colmeta,.part-label,.lbl,.legal-hero .label,.dk,.pk,.vh,.col-tag,.kt-col h3,.next-steps h3,.hl-label,.column-container > .meta,.cb-tag,.ab-label,.stage-no,.part-lead,.kh-fresh h2),[style*="text-transform:uppercase"][style*="#C49A3C"],[style*="letter-spacing"][style*="color:#C49A3C"],[style*="letter-spacing"][style*="color:var(--gold)"]{font-family:var(--x-num)!important;font-weight:800!important;letter-spacing:.04em!important;color:var(--x-gold-label)!important}
:is(.section-label,.hero-label,.eyebrow,.page-label)::after{content:none!important;display:none!important}
.eyebrow::before{content:""!important;width:11px!important;height:11px!important;flex:0 0 auto;background:linear-gradient(45deg,transparent 40%,var(--x-gold) 40%,var(--x-gold) 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--x-gold) 40%,var(--x-gold) 60%,transparent 60%)!important}

/* 12. 金の大きな字・金の見出し → 紺（強調は金の下線） */
:is(h1 .g,h2.head em,.punch .pt b,span.big,.code,span.no,div.layer-no){color:var(--x-ink)!important}
:is(h1 .g,h2.head em){background:linear-gradient(transparent 70%,rgba(196,154,60,.45) 70%)}
:is(span.no,div.layer-no,.code){font-family:var(--x-num)!important}

/* 13. 本文の中の紺の箱・グラデーションの箱 → 淡い地に紺の字 */
.highlight-box,.highlight-box :is(p,li,span,div){color:var(--x-ink)!important}
.highlight-box em{color:inherit!important;background:linear-gradient(transparent 70%,rgba(196,154,60,.45) 70%)}
.cta-box{background:var(--x-soft)!important;background-image:none!important;color:var(--x-ink)!important;text-align:left!important;border-top:3px solid var(--x-ink)!important}
.cta-box :is(h3,strong){color:var(--x-ink)!important}
.cta-box :is(p,.coproduce){color:var(--x-ink-2)!important}
:is(.credit-box,.quote-box,.cn-primer){background-image:none!important}
.update-badge{background:var(--x-ink)!important;color:#fff!important}
.hero .back,.hero a.back{color:var(--x-ink-2)!important}
/* 中国語のトップの「書面のリスク説明書」の強調カード（style で紺の地） → 淡い地に金の線 */
.risk-card[style*="background:var(--navy)"]{background:var(--x-soft)!important;border:1px solid var(--x-line)!important;border-top:3px solid var(--x-gold)!important}
.risk-card[style*="background:var(--navy)"] [style*="color:rgba(255,255,255"]{color:var(--x-ink-2)!important}
.risk-card[style*="background:var(--navy)"] strong{color:var(--x-gold-label)!important}
/* 白地の上の金の字のリンク（コントラスト 2.6）→ 読める金 */
:is(.k-more,a.k-more,.kt-paths a:hover,.deal-more:hover){color:var(--x-gold-label)!important}

/* 14. 英語のコラムの末尾「For Global Investors」（style 直書きの紺の節）と、引用ガイド・プライバシーの上部 */
section[style*="background:#1F2A48"],.legal-hero{background:var(--x-soft)!important;background-image:none!important;text-align:left!important;border-top:3px solid var(--x-ink)}
.legal-hero{background:#fff!important;border-top:none;border-bottom:2px solid var(--x-ink)}
:is(section[style*="background:#1F2A48"],.legal-hero) :is(h1,h2,h3,strong){color:var(--x-ink)!important}
:is(section[style*="background:#1F2A48"],.legal-hero) p{color:var(--x-ink-2)!important}
section[style*="background:#1F2A48"] > div{margin-left:auto;margin-right:auto}
section[style*="background:#1F2A48"] a[style*="background"]{background:var(--x-ink)!important;color:#fff!important;border-radius:0!important}
section[style*="background:#1F2A48"] a:not([style*="background"]){color:var(--x-ink)!important}

/* 15. ファンド・系統用蓄電池とは（独自の作りのページ）: 紺のヘッダー・紺のヒーロー・金のボタン */
body > header:not(.scix-header){background:#fff!important;backdrop-filter:none!important;border-bottom:2px solid var(--x-ink)!important}
body > header:not(.scix-header) :is(.brand,.nav-links a:not(.nav-cta)){color:var(--x-ink)!important}
body > header:not(.scix-header) :is(.back,a[class*="back"]){color:var(--x-ink-2)!important;border-color:var(--x-line)!important}
:is(.nav-cta,.btn-gold,.menu-btn,.kh-go,a.cb,.cta-btn,.cta-button,a.primary){background:var(--x-ink)!important;color:#fff!important;box-shadow:none!important}
.btn-ghost{background:transparent!important;color:var(--x-ink)!important;border:2px solid var(--x-ink)!important}
.hero:not(.x-top)::after{display:none!important}
.hero :is(.hero-sub,.rv,.k,.v,label,.note){color:var(--x-ink-2)!important}
.hero :is(.k,.tv,.big){color:var(--x-ink)!important}
.solicit{background:var(--x-soft)!important;color:var(--x-ink-2)!important;border-top:1px solid var(--x-line)}
.solicit b{color:var(--x-ink)!important}
.punch,.vscard.us{background:var(--x-soft)!important;color:var(--x-ink)!important}
.punch::before{background:var(--x-gold)!important}
.punch :is(.pt,.ps,p){color:var(--x-ink)!important}
.on-navy :is(p.body,.caveat,.note,.lead){color:var(--x-ink-2)!important}
.vscard.us :is(h3,h4,p,li,span,div){color:var(--x-ink)!important}

/* 16. style 直書きの金のボタン・紺の囲みのリンク（コラムの末尾・投資家・英語のナレッジ） */
:is(a,span)[style*="background:#C49A3C"]{background:var(--x-ink)!important;color:#fff!important;border-radius:0!important}
a:is([style*="background:#1F2A48"],[style*="gradient(90deg,#1F2A48"],[style*="gradient(160deg,#1F2A48"]){background:var(--x-soft)!important;background-image:none!important;border:1px solid var(--x-line)!important;border-left:4px solid var(--x-gold)!important;border-radius:0!important}
a:is([style*="background:#1F2A48"],[style*="gradient(90deg,#1F2A48"],[style*="gradient(160deg,#1F2A48"]) :is([style*="color:#fff"],[style*="color: #fff"],[style*="color:#FFF"]){color:var(--x-ink)!important}
a:is([style*="background:#1F2A48"],[style*="gradient(90deg,#1F2A48"],[style*="gradient(160deg,#1F2A48"]) [style*="color:rgba(255,255,255"]{color:var(--x-ink-2)!important}
a:is([style*="background:#1F2A48"],[style*="gradient(90deg,#1F2A48"],[style*="gradient(160deg,#1F2A48"]) [style*="color:#C49A3C"]{color:var(--x-gold-label)!important}

/* 17. 小さな残り */
:is(.article-header,.hero) .update-badge{background:var(--x-ink)!important;color:#fff!important}
.coproduce{color:var(--x-ink-2)!important}
a.back{color:var(--x-ink-2)!important}
/* 中国語のトップの「書面のリスク説明書」の強調カード（style で紺の地） → 淡い地に金の線 */
.risk-card[style*="background:var(--navy)"]{background:var(--x-soft)!important;border:1px solid var(--x-line)!important;border-top:3px solid var(--x-gold)!important}
.risk-card[style*="background:var(--navy)"] [style*="color:rgba(255,255,255"]{color:var(--x-ink-2)!important}
.risk-card[style*="background:var(--navy)"] strong{color:var(--x-gold-label)!important}
.on-navy :is(label,.req){color:var(--x-ink)!important}

/* 18. 案件一覧の DealRoom の案内（2026-10-31〜 /projects）。一番目のボタンは「資料を請求」のまま、ここは2番目の入口 */
.dr2-promo{padding:72px 0;background:var(--x-soft);border-top:1px solid var(--x-line);border-bottom:1px solid var(--x-line)}
.dr2-promo .container > .section-label{margin-bottom:10px}
.dr2-promo .section-subtitle{max-width:760px;margin:0 0 32px!important;color:var(--x-ink-2)}
.dr2-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dr2-shots figure{margin:0;background:#fff;border:1px solid var(--x-line);border-top:3px solid var(--x-ink)}
.dr2-shots img{display:block;width:100%;height:220px;object-fit:cover;object-position:top left}
.dr2-shots figcaption{padding:12px 14px;font-size:.86rem;font-weight:700;color:var(--x-ink)}
.dr2-note{font-size:.78rem;color:#777;margin:10px 0 0}
.dr2-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 0;padding:0}
.dr2-steps li{counter-increment:s;background:#fff;border:1px solid var(--x-line);border-top:3px solid var(--x-ink);padding:22px 22px 24px;font-size:.88rem;line-height:1.85;color:var(--x-ink-2)}
.dr2-steps li::before{content:counter(s,decimal-leading-zero) ".";display:block;font-family:var(--x-num);font-weight:800;font-size:2rem;line-height:1;color:var(--x-ink);margin-bottom:12px;letter-spacing:-.03em}
.dr2-steps li b{display:block;font-size:1rem;color:var(--x-ink);margin-bottom:6px}
.dr2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px}
.dr2-actions .btn-secondary{display:inline-flex;align-items:center;padding:14px 26px;border:2px solid var(--x-ink);color:var(--x-ink);font-weight:700;text-decoration:none;background:#fff}
.dr2-actions .btn-secondary:hover{background:var(--x-ink);color:#fff}
.dr2-pdf{font-weight:700;color:var(--x-ink);text-decoration:underline;text-decoration-color:var(--x-gold);text-underline-offset:4px}
@media (max-width:768px){
  .dr2-promo{padding:48px 0}
  .dr2-shots,.dr2-steps{grid-template-columns:1fr}
  .dr2-shots img{height:auto;max-height:260px}
}

@media (max-width:768px){
  div:has(> .section-label):has(> .section-title):not(:has(> :not(.section-label,.section-title,.section-subtitle,p,br))){grid-template-columns:1fr;padding-top:20px}
  div:has(> .section-label):has(> .section-title):not(:has(> :not(.section-label,.section-title,.section-subtitle,p,br))) > .section-label{grid-row:auto;margin:0 0 10px!important}
  div:has(> .section-label):has(> .section-title):not(:has(> :not(.section-label,.section-title,.section-subtitle,p,br))) > :not(.section-label){grid-column:1}
  .article-header{padding:36px 16px 26px!important}
}