/*
* A/Bテストのパターン別スタイル。
*
* セレクタは （EP_Ab_Test::filter_language_attributes が出力）。
* サーバー側で属性が出るのでチラつきが無く、HTML構造は分岐しないので区画キャッシュとも衝突しない。
*
* ⚠️ パターンの見た目は DESIGN_RULES §17.4 のボタン標準（Primary / Secondary）の枠内に収めること。
* ピル(radius 9999)・ゴールドのベタ塗り・トークン外のゴールド値は実験でも使わない。
*/
/* ------------------------------------------------------------------
* rank_cta — 高級タワーマンションランキングの「詳細を見る」
* A: 現行（対照群。スタイル指定なし）
* B: DESIGN_RULES §17.4 Primary 準拠で強調（ink地 × gold文字 × 1px金枠 × 角丸4px）
* ------------------------------------------------------------------ */
html[data-ep-exp-rank_cta="B"] .ep-expensive-rank-card .ep-rank-cta {
display: block;
width: 100%;
box-sizing: border-box;
align-self: stretch;
text-align: center;
padding: 12px 20px;
font-size: 13px;
font-weight: 600;
letter-spacing: .08em;
border: 1px solid var(--ep-gold, #BC955C);
border-radius: 4px;
background: var(--ep-ink, #111);
color: var(--ep-gold, #BC955C) !important;
-webkit-text-fill-color: var(--ep-gold, #BC955C) !important;
box-shadow: none;
transition: background-color .2s ease, color .2s ease;
}
/* 現行スタイルの二重枠（疑似要素）を打ち消す */
html[data-ep-exp-rank_cta="B"] .ep-expensive-rank-card .ep-rank-cta::before,
html[data-ep-exp-rank_cta="B"] .ep-expensive-rank-card .ep-rank-cta::after {
content: none;
}
html[data-ep-exp-rank_cta="B"] .ep-expensive-rank-card .ep-rank-cta:hover,
html[data-ep-exp-rank_cta="B"] .ep-expensive-rank-card .ep-rank-cta:focus-visible {
background: var(--ep-gold, #BC955C);
color: var(--ep-ink, #111) !important;
-webkit-text-fill-color: var(--ep-ink, #111) !important;
}