/* ============================================================
   cc-pro — 有料プラン（情報DB縦軸） v0.1
   portal.css のトークン（--ink/--red/--line/--soft/--en/--jp）に乗せる。
   角ゼロ・ink＋赤・数字はInter、の報道メディア意匠を踏襲。
   ============================================================ */

/* PROバッジ（マスト下の見出し脇など） */
.pro-badge{display:inline-block;font-family:var(--en);font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--ink);padding:2px 8px;vertical-align:2px;margin-left:8px}

/* ページ見出し（kicker＋タイトル＋件数）。cc-archhead に準拠しつつ自前 */
.pro-head{border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:18px}
.pro-head .k{display:inline-block;font-family:var(--en);font-size:11px;font-weight:700;letter-spacing:.08em;color:#fff;background:var(--red);padding:3px 10px;margin-bottom:11px}
.pro-head h1{font-size:23px !important;font-weight:800 !important;line-height:1.45 !important;margin:0 !important}
.pro-head .meta{font-family:var(--en);font-size:11.5px;color:var(--muted);font-weight:500;margin-left:10px}

/* 導入文＋評価指標の算出方法（透明性ディスクロージャ） */
.pro-lede{font-size:13px;color:var(--ink2);line-height:1.7;margin:0 0 10px;max-width:64ch}
.pro-method{border:1px solid var(--line);background:var(--soft);margin:0 0 16px}
.pro-method>summary{cursor:pointer;padding:9px 13px;font-weight:700;color:var(--ink);font-size:12.5px;list-style:none}
.pro-method>summary::-webkit-details-marker{display:none}
.pro-method>summary:before{content:"＋";margin-right:8px;color:var(--red);font-family:var(--en);font-weight:700}
.pro-method[open]>summary:before{content:"−"}
.pro-method .in{padding:0 14px;color:var(--ink2);line-height:1.7;margin:0 0 8px;font-size:12px}
.pro-method ul{margin:0;padding:0 14px 4px 32px}
.pro-method li{margin:4px 0;line-height:1.6;color:var(--ink2);font-size:12px}
.pro-method li b{font-weight:700;color:var(--ink);margin-right:7px}
.pro-method .nt{padding:6px 14px 12px;color:var(--muted);font-size:11px;margin:0}
/* 算出方法：5因子グリッド（P4 可視化強化） */
.pm-factors{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:2px 14px 10px}
.pm-f{display:flex;gap:7px;align-items:flex-start;border:1px solid var(--line);background:#fff;padding:8px 9px}
.pm-n{flex:0 0 auto;width:17px;height:17px;display:flex;align-items:center;justify-content:center;font-family:var(--en);font-size:10px;font-weight:800;color:#fff;background:var(--ink)}
.pm-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.pm-b b{font-weight:700;color:var(--ink);font-size:11.5px;line-height:1.25}
.pm-b small{color:var(--ink2);font-size:10.5px;line-height:1.45}
@media(max-width:880px){.pm-factors{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.pm-factors{grid-template-columns:1fr}}

/* トラストバッジ帯（P4 監査可能な網羅性の看板化） */
.pro-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}
.pro-trust .pt{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);background:var(--soft);padding:10px 12px;text-decoration:none}
a.pro-trust .pt,.pro-trust a.pt{cursor:pointer}
.pro-trust a.pt:hover{border-color:var(--red);background:#fff}
.pro-trust .pt-i{flex:0 0 auto;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--red);border:1px solid var(--line);background:#fff;line-height:1}
.pro-trust .pt-x{display:flex;flex-direction:column;gap:2px;min-width:0}
.pro-trust .pt b{font-weight:700;color:var(--ink);font-size:12px;line-height:1.3}
.pro-trust a.pt b{color:var(--red)}
.pro-trust .pt small{color:var(--ink2);font-size:10.5px;line-height:1.5}
@media(max-width:880px){.pro-trust{grid-template-columns:1fr}}

/* 指標の読み方コールアウト（P4 誤読防止・常時表示） */
.pro-readkey{border:1px solid var(--line);border-left:3px solid var(--red);background:#fff;padding:11px 14px;margin:0 0 14px}
.pro-readkey .rk-h{display:block;font-weight:800;color:var(--ink);font-size:12px;letter-spacing:.02em;margin-bottom:4px}
.pro-readkey p{margin:0;color:var(--ink2);font-size:12px;line-height:1.75}
.pro-readkey b{font-weight:700;color:var(--ink)}
.pro-readkey a{color:var(--red);font-weight:700;text-decoration:none;white-space:nowrap;margin-left:4px}
.pro-readkey a:hover{text-decoration:underline}

/* フィルタ／操作バー */
.pro-bar{}
.pro-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.pro-srch{flex:1;min-width:150px;display:flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1.5px solid var(--line);background:var(--soft);color:var(--muted);font-size:12.5px}
.pro-srch .ic{flex:none}
.pro-srch input{flex:1;min-width:0;border:0;background:transparent;outline:none;height:100%;font-family:var(--jp);font-size:12.5px;color:var(--ink)}
.pro-srch input::placeholder{color:var(--muted)}
.pro-count{font-family:var(--en);font-size:11.5px;color:var(--muted);align-self:center;margin-left:auto;flex:none}
.pro-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1.5px solid var(--line);background:#fff;font-size:12px;font-weight:700;color:var(--ink2);cursor:pointer;font-family:var(--jp)}
.pro-btn:hover{border-color:var(--ink2)}
.pro-btn .ar{font-family:var(--en)}
.pro-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.pro-chip{font-size:11.5px;font-weight:600;color:var(--ink2);background:var(--soft);border:1px solid var(--line);padding:4px 10px;cursor:pointer}
.pro-chip:hover{border-color:var(--red);color:var(--red)}
.pro-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
/* フィルタ：グループ化＋クリア */
.pro-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px}
.pro-filters .fg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-right:12px;border-right:1px solid var(--line)}
.pro-filters .fg:last-of-type{border-right:none;padding-right:0}
.pro-filters .fg-l{font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.02em;margin-right:1px}
.pro-clear{font-size:11px;font-weight:600;color:var(--red);background:transparent;border:1px solid var(--red);padding:4px 10px;cursor:pointer;margin-left:auto;font-family:var(--jp)}
.pro-clear:hover{background:var(--red);color:#fff}
.pro-sorthint{font-size:10.5px;color:var(--muted);flex:none;white-space:nowrap;margin-left:6px}
/* 並び替え：ソート可能な列見出し */
.pro-thead .sortable{cursor:pointer;user-select:none;white-space:nowrap}
.pro-thead .sortable:hover{color:var(--ink)}
.pro-thead .sortable .sa{display:inline-block;width:0;height:0;margin-left:4px;vertical-align:middle;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--muted);opacity:.35}
.pro-thead .sortable:hover .sa{opacity:.7}
.pro-thead .sortable.s-desc,.pro-thead .sortable.s-asc{color:var(--red)}
.pro-thead .sortable.s-desc .sa{opacity:1;border-top-color:var(--red)}
.pro-thead .sortable.s-asc .sa{opacity:1;border-top:0;border-bottom:4px solid var(--red)}

/* ===== 方法論ライブラリ ===== */
.mt-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:2px solid var(--ink);margin-bottom:20px}
.mt-stats .s{padding:13px 16px;border-right:1px solid var(--line2)}
.mt-stats .s:last-child{border-right:none}
.mt-stats .s .v{font-family:var(--en);font-size:25px;font-weight:800;line-height:1;letter-spacing:-.01em}
.mt-stats .s .l{font-size:10.5px;color:var(--muted);margin-top:5px}
.mt-stats .s.hl .v{color:var(--red)}
.mt-pwgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-top:2px solid var(--ink)}
.mt-pwc{padding:11px 13px;border-right:1px solid var(--line2);border-top:1px solid var(--line2)}
.mt-pwc .hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.mt-pwc .hd .nm{font-size:12px;font-weight:700;color:var(--ink)}
.mt-pwc .hd .n{font-family:var(--en);font-size:15px;font-weight:800}
.mt-pwc .rg{font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mt-pwc-links{display:flex;gap:10px;margin-top:7px}
.mt-pwc-links a{font-size:10.5px;font-weight:700;color:var(--red);text-decoration:none;border-bottom:1px solid transparent}
.mt-pwc-links a:hover{border-bottom-color:var(--red)}
.mt-bridge{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--red);background:var(--soft)}
.mt-bridge h2{font-size:13px;margin:0 0 10px}
.mt-bridge-links{display:flex;flex-wrap:wrap;gap:10px}
.mt-missing{margin-top:14px}
.mt-missing ul li a{font-size:11px}
/* ツールバー：セレクト群 */
.mt-tools{gap:8px}
.pro-select{height:34px;border:1.5px solid var(--line);background:var(--soft);color:var(--ink);font-family:var(--jp);font-size:12px;padding:0 8px;cursor:pointer;max-width:170px}
.pro-select:focus{outline:none;border-color:var(--ink)}
/* テーブル */
.mt-table{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff}
.mt-thead,.mt-row{display:flex;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line2)}
.mt-thead{font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;position:sticky;top:138px;z-index:20;background:#fff;border-bottom:2px solid var(--ink)}
body.admin-bar .mt-thead{top:170px}
.mt-row:last-child{border-bottom:none}
.mt-row:hover{background:var(--soft)}
.mt-c-name{flex:1;min-width:0;font-size:12.5px;line-height:1.4}
.mt-c-name a{color:var(--ink);text-decoration:none;font-weight:600}
.mt-c-name a:hover{color:var(--red);text-decoration:underline}
.mt-c-name small{display:block;font-family:var(--en);font-size:9.5px;color:var(--muted);font-weight:400;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-c-reg{width:128px;flex:none;font-size:11.5px;color:var(--ink2)}
.mt-c-pw{width:118px;flex:none;font-size:11px;color:var(--ink2)}
.mt-c-dur{width:96px;flex:none;text-align:right;font-family:var(--en);font-size:12px;font-weight:700}
.mt-c-rev{width:46px;flex:none;text-align:center}
.mt-c-src{width:62px;flex:none;text-align:right;font-size:10.5px}
.mt-c-src a{color:var(--muted);text-decoration:none}
.mt-c-src a:hover{color:var(--red);text-decoration:underline}
.mt-thead .mt-c-dur,.mt-thead .mt-c-rev,.mt-thead .mt-c-src{text-align:right}
.mt-thead .mt-c-rev{text-align:center}
.mt-thead .sortable{cursor:pointer;user-select:none;white-space:nowrap;justify-content:flex-end;display:flex;align-items:center}
.mt-thead .sortable:hover{color:var(--ink)}
.mt-thead .sortable .sa{display:inline-block;width:0;height:0;margin-left:4px;vertical-align:middle;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--muted);opacity:.35}
.mt-thead .sortable.s-desc,.mt-thead .sortable.s-asc{color:var(--red)}
.mt-thead .sortable.s-desc .sa{opacity:1;border-top-color:var(--red)}
.mt-thead .sortable.s-asc .sa{opacity:1;border-top:0;border-bottom:4px solid var(--red)}
/* 反転リスクのピル */
.mt-c-rev i,.mt-keys .k i{font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border:1px solid;display:inline-block;line-height:1.5}
.rv-low{color:#1a7f4b;border-color:#1a7f4b}
.rv-mid{color:#b26a00;border-color:#b26a00}
.rv-high{color:var(--red);border-color:var(--red)}
.rv-na{color:var(--muted);border-color:var(--line)}
.mt-foot{font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px}
/* 個別方法論ページ */
.mt-detail{max-width:760px}
.mt-dhead{border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:0}
.mt-dhead .bd{display:flex;gap:6px;margin-bottom:7px}
.mt-dhead .mt-pw{font-size:10.5px;font-weight:700;color:#fff;background:var(--ink);padding:2px 8px}
.mt-dhead .mt-reg{font-size:10.5px;font-weight:700;color:var(--ink2);border:1px solid var(--line);padding:2px 8px}
.mt-dhead h1{font-size:20px;line-height:1.4;margin:0 0 6px}
.mt-dhead .code{font-family:var(--en);font-size:11px;color:var(--muted)}
.mt-keys{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;margin-bottom:20px}
.mt-keys .k{padding:11px 14px;border-right:1px solid var(--line2)}
.mt-keys .k:last-child{border-right:none}
.mt-keys .k .l{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}
.mt-keys .k .v{font-size:13px;font-weight:700}
.mt-appl h2{font-size:14px;border-left:3px solid var(--red);padding-left:9px;margin:0 0 10px}
.mt-appl p{font-size:13px;line-height:1.85;color:var(--ink2)}
.mt-appl .muted{color:var(--muted)}
.mt-appl .mt-src{margin-top:14px}
@media(max-width:980px){
	.mt-stats{grid-template-columns:repeat(2,1fr)}
	.mt-pwgrid{grid-template-columns:1fr 1fr}
	.mt-keys{grid-template-columns:1fr 1fr}
	.mt-c-pw{display:none}
	.pro-select{max-width:none;flex:1;min-width:120px}
}

/* 共通スコアバー */
.pro-bar.pro-score,.pf .pro-bar,.pro-row .pro-bar{}
.pro-row .pro-bar,.pf .pro-bar,.pro-drawer .pro-bar{display:inline-block;height:5px;background:var(--line);overflow:hidden;vertical-align:middle}
.pro-bar>i{display:block;height:100%;background:var(--ink)}
.pro-bar--red>i{background:var(--red)}

/* ===== ランキングテーブル ===== */
.pro-table{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff}
.pro-thead,.pro-row{display:flex;align-items:center;padding:9px 13px;border-bottom:1px solid var(--line2)}
.pro-thead{font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;position:sticky;top:138px;z-index:20;background:#fff;border-bottom:2px solid var(--ink)}
body.admin-bar .pro-thead{top:170px}
.pro-thead span[title]{cursor:help}
.pro-row{font-size:13px;cursor:pointer;text-decoration:none;color:inherit}
.pro-row:hover{background:var(--soft)}
.pro-row:last-child{border-bottom:none}
.pro-c-rank{width:26px;font-family:var(--en);font-weight:700;color:var(--muted);flex:none}
.pro-c-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.pro-c-name .cy{font-family:var(--en);font-size:10.5px;color:var(--muted);font-weight:600;margin-left:6px}
.pro-c-supply{width:118px;font-size:11px;color:var(--ink2);flex:none;line-height:1.3}
.pro-c-supply small{display:block;font-family:var(--en);font-size:9.5px;color:var(--muted);font-weight:600}
.pro-c-dur{width:46px;text-align:right;font-family:var(--en);font-weight:700;flex:none}
.pro-c-reg{width:54px;text-align:right;font-family:var(--en);flex:none}
.pro-c-reg i{font-style:normal;color:var(--muted);font-size:11px}
.pro-c-dead{width:40px;text-align:right;font-family:var(--en);flex:none;color:var(--muted)}
.pro-c-dead.on{color:var(--red);font-weight:700}
.pro-c-dur .z,.pro-c-dead .z{color:var(--line);font-style:normal}
.pro-c-std{width:96px;flex:none;display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end}
.pro-c-std .rg{font-family:var(--en);font-size:9.5px;font-weight:700;color:var(--ink2);border:1px solid var(--line);padding:0 4px;line-height:15px}
.pro-c-score{width:100px;display:flex;align-items:center;gap:8px;flex:none;justify-content:flex-end}
.pro-c-score b{font-family:var(--en);font-weight:700;width:34px;white-space:nowrap;flex:none;text-align:right}
.pro-c-score .pro-bar{flex:1;min-width:24px}
.pro-thead .pro-c-dur,.pro-thead .pro-c-reg,.pro-thead .pro-c-dead,.pro-thead .pro-c-std,.pro-thead .pro-c-score{text-align:right}
.pro-tnote{font-size:11.5px;color:var(--muted);margin:8px 0 0;padding:0 2px}
.pro-row:nth-child(-n+4) .pro-c-rank{color:var(--red)}
.pro-row.is-sel{background:var(--soft);border-left:3px solid var(--red);padding-left:10px}
.pro-more{display:block;text-align:center;padding:10px;font-family:var(--jp);font-size:11.5px;color:var(--muted);cursor:pointer}
.pro-more:hover{color:var(--red)}

/* ===== 企業詳細ドロワー ===== */
.pro-drawer{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff;margin-top:18px}
.pro-dhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:2px solid var(--ink)}
.pro-dhead .nm{font-size:17px;font-weight:800;line-height:1.4}
.pro-dhead .tags{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}
.pro-dt{font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:1px 7px;border:1px solid var(--line);color:var(--ink2)}
.pro-dt--role{background:var(--ink);color:#fff;border-color:var(--ink)}
.pro-dhead .src{font-family:var(--en);font-size:10.5px;color:var(--muted);margin-top:7px}
.pro-dscore{text-align:right;flex:none}
.pro-dscore .l{font-size:10px;color:var(--muted)}
.pro-dscore .v{font-family:var(--en);font-size:28px;font-weight:800;line-height:1}

.pro-factors{padding:14px 16px;border-bottom:1px solid var(--line)}
.pf-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.pf-head .t{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--ink2)}
.pf-head .s{font-size:10.5px;color:var(--muted)}
.pf-rows{display:flex;flex-direction:column;gap:9px}
.pf{display:grid;grid-template-columns:200px 1fr 52px;align-items:center;gap:12px}
.pf-l{font-size:12px;font-weight:600;color:var(--ink);display:flex;flex-direction:column;gap:1px;min-width:0}
.pf-l .pf-d{font-style:normal;font-size:10px;font-weight:400;color:var(--muted);line-height:1.35;white-space:normal}
.pf .pro-bar{height:8px;width:100%;background:var(--soft);border:1px solid var(--line)}
.pf .pro-bar>i{background:var(--ink)}
.pf-v{font-family:var(--en);font-size:14px;font-weight:700;color:var(--ink);text-align:right}
.pf-v i{font-style:normal;font-size:9.5px;font-weight:600;color:var(--muted)}

.pro-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.pro-stats .s{padding:11px 14px;border-right:1px solid var(--line)}
.pro-stats .s:last-child{border-right:none}
.pro-stats .s .l{font-size:10.5px;font-weight:600;color:var(--ink2)}
.pro-stats .s .v{font-family:var(--en);font-size:20px;font-weight:800;margin-top:3px;line-height:1}
.pro-stats .s .v .u{font-family:var(--jp);font-size:10.5px;color:var(--muted);font-weight:600;margin-left:2px}
.pro-stats .s .sub{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}
.pro-stats .s .sub .ok{color:var(--ink2);font-weight:700}
.pro-stats .s .sub .bad{color:var(--red);font-weight:700}

/* 列の見方（凡例ストリップ） */
.pro-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:9px 13px;margin-bottom:10px;background:var(--soft);border:1px solid var(--line);font-size:11px;color:var(--ink2);line-height:1.5}
.pro-legend .lg-t{font-weight:700;color:var(--ink);letter-spacing:.02em;border-right:1px solid var(--line);padding-right:12px}
.pro-legend b{font-weight:700;color:var(--ink)}
.pro-sub-x{font-family:var(--en);font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);padding:0 5px;margin-left:6px;cursor:help}

.pro-dcols{display:grid;grid-template-columns:1fr 1fr}
.pro-dcols>div{padding:13px 16px}
.pro-dcols>div:first-child{border-right:1px solid var(--line)}
.pro-sub{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--ink2);margin:0 0 9px}
.pro-sub.mt{margin-top:15px}
.pro-brk{font-size:12px}
.pro-brk .r{display:flex;justify-content:space-between;gap:8px;padding:4px 0}
.pro-brk .r b{font-family:var(--en)}
.pro-brk .st{font-size:10px;font-weight:700;color:var(--ink2);border:1px solid var(--line);padding:0 5px;margin-left:5px}
.pro-brk .r.dim{color:var(--muted)}

/* シグナル時系列 */
.pro-sig .it{position:relative;padding:0 0 11px 13px;border-left:1px solid var(--line)}
.pro-sig .it:last-child{border-left-color:transparent;padding-bottom:0}
.pro-sig .it:before{content:"";position:absolute;left:-3px;top:3px;width:5px;height:5px;background:var(--ink);border-radius:50%}
.pro-sig .d{font-family:var(--en);font-size:10px;color:var(--muted)}
.pro-sig a{display:block;font-size:12px;font-weight:600;line-height:1.45;margin-top:2px;color:var(--ink)}
.pro-sig a:hover{color:var(--red)}
.pro-sig-empty{font-size:11.5px;color:var(--muted);line-height:1.5;margin:0}

.pro-dfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line)}
.pro-dfoot .mc{font-size:12px;color:var(--ink2)}
.pro-dfoot .mc b{font-family:var(--en)}
.pro-dfoot .mc .smp{color:var(--muted);margin-left:6px}

/* ===== 会員ゲート（ペイウォール） ===== */
.pro-gate{position:relative;border:1px solid var(--line);background:#fff;margin-top:6px}
.pro-gate__blur{filter:blur(4px);user-select:none;pointer-events:none;padding:6px 0;max-height:230px;overflow:hidden}
.pro-gate__cta{border-top:1px solid var(--line);background:var(--soft);text-align:center;padding:22px 18px}
.pro-gate__cta .lock{font-family:var(--en);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--red)}
.pro-gate__cta h2{font-size:18px !important;font-weight:800 !important;margin:8px 0 4px !important}
.pro-gate__cta p{font-size:12.5px;color:var(--ink2);line-height:1.7;margin:0 auto 14px;max-width:46ch}
.pro-gate__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 26px;background:var(--red);color:#fff !important;font-weight:700;font-size:14px;text-decoration:none}
.pro-gate__btn:hover{background:var(--red2)}
.pro-gate__note{font-family:var(--en);font-size:11px;color:var(--muted);margin-top:10px}

/* ===== 共通シェル（左サイドナビ＋本体） ===== */
.pro-shell{display:grid;grid-template-columns:182px 1fr;gap:0;align-items:start}
.pro-side{border-right:1px solid var(--line);padding-right:18px;position:sticky;top:138px}
body.admin-bar .pro-side{top:170px}
.pro-side__brand{font-family:var(--en);font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--red);display:inline-block;padding:3px 9px;margin-bottom:12px}
.pro-nav{list-style:none;margin:0;padding:0}
.pro-nav a{display:block;padding:9px 11px;font-size:13px;font-weight:600;color:var(--ink2);border-left:2px solid transparent}
.pro-nav a:hover{background:var(--soft);color:var(--ink)}
.pro-nav a.on{border-left-color:var(--red);color:var(--ink);background:var(--soft)}
.pro-side__member{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.pro-side__member .st{display:block;font-size:11px;color:var(--muted)}
.pro-side__member .pr{display:block;font-family:var(--en);font-size:15px;font-weight:700;margin-top:2px}
.pro-side__member .join{display:inline-block;font-size:12px;font-weight:700;color:#fff !important;background:var(--red);padding:8px 12px;line-height:1.3}
.pro-side__member .join:hover{background:var(--red2)}
.pro-main{padding-left:24px;min-width:0}

/* ===== ランディング（/pro） ===== */
.pro-mkt{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:9px 2px;margin-bottom:18px;font-size:12.5px}
.pro-mkt .lab{font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.pro-mkt b{font-family:var(--en);font-weight:700}
.pro-mkt .up{color:var(--c-ov)}
.pro-mkt .as{margin-left:auto;font-family:var(--en);font-size:11px;color:var(--muted)}
.pro-feat{display:flex;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
.pro-feat .ph{width:152px;aspect-ratio:3/2;flex:none;border:1px solid var(--line);background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}
.pro-feat h2{font-size:18px !important;font-weight:800 !important;line-height:1.45 !important;margin:8px 0 6px !important}
.pro-feat p{font-size:12.5px;color:var(--ink2);line-height:1.7;margin:0 0 7px}
.pro-feat .m{font-family:var(--en);font-size:11px;color:var(--muted)}
.pro-feat:hover h2{color:var(--red)}
.pro-grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pro-grid2--plan{grid-template-columns:1.4fr 1fr;align-items:start}

/* ホーム：ヒーロー（非会員ランディング） */
.pro-hero{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:20px 2px 22px;margin-bottom:18px}
.pro-hero h2{font-size:22px !important;font-weight:800 !important;line-height:1.5 !important;margin:0 0 10px !important}
.pro-hero .lead{font-size:13.5px;color:var(--ink2);line-height:1.85;margin:0 0 16px;max-width:62ch}
.pro-hero .cta{display:inline-block;font-size:13.5px;font-weight:700;color:#fff;background:var(--red);border:1px solid var(--red);padding:11px 22px}
.pro-hero .cta:hover{background:#871111}
/* 差別化 3点 */
.pro-diff{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}
.pro-diff .d{border-top:3px solid var(--ink);padding-top:9px}
.pro-diff .d .h{display:block;font-size:13px;font-weight:800;margin-bottom:5px}
.pro-diff .d .t{display:block;font-size:11.5px;color:var(--ink2);line-height:1.7}
.pro-diff--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:880px){ .pro-diff--4{grid-template-columns:repeat(2,1fr)} }
@media(max-width:480px){ .pro-diff,.pro-diff--4{grid-template-columns:1fr} }
/* 買い手ワークフロー帯（調べる→絞る→決める） */
.pro-flow{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:2px solid var(--ink);margin:0 0 20px;background:#fff}
.pro-flow .pf-step{display:block;padding:14px 16px;border-right:1px solid var(--line2);text-decoration:none;color:inherit}
.pro-flow .pf-step:last-child{border-right:none}
.pro-flow .pf-step:hover{background:var(--soft)}
.pro-flow .pf-n{display:inline-block;font-family:var(--en);font-size:11px;font-weight:800;color:#fff;background:var(--ink);width:18px;height:18px;line-height:18px;text-align:center}
.pro-flow .pf-k{font-size:11px;font-weight:700;color:var(--red);margin-left:7px}
.pro-flow .pf-h{display:block;font-size:13.5px;font-weight:800;margin:8px 0 4px}
.pro-flow .pf-step:hover .pf-h{color:var(--red)}
.pro-flow .pf-t{display:block;font-size:11.5px;color:var(--ink2);line-height:1.65}
@media(max-width:760px){ .pro-flow{grid-template-columns:1fr} .pro-flow .pf-step{border-right:none;border-bottom:1px solid var(--line2)} }
/* 料金カード */
.pro-plan{border:2px solid var(--ink);padding:0;position:sticky;top:14px}
.pro-plan .hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;background:var(--ink);color:#fff;padding:11px 16px}
.pro-plan .hd .nm{font-size:13px;font-weight:800;letter-spacing:.04em}
.pro-plan .hd .pr{font-family:var(--en);font-size:17px;font-weight:800}
.pro-plan ul{list-style:none;margin:0;padding:14px 16px 6px}
.pro-plan li{font-size:12.5px;color:var(--ink2);line-height:1.6;padding:6px 0 6px 20px;position:relative;border-bottom:1px solid var(--line2)}
.pro-plan li:before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:800}
.pro-plan .bt{display:block;text-align:center;font-size:13px;font-weight:700;color:#fff;background:var(--red);border:1px solid var(--red);margin:12px 16px 8px;padding:11px 14px}
.pro-plan .bt:hover{background:#871111}
.pro-plan .nt{font-family:var(--en);font-size:10.5px;color:var(--muted);text-align:center;padding:0 16px 14px}
.pro-join-soon{margin:8px 16px 0;border-top:1px solid var(--line2);padding-top:12px}
.pro-join-soon .bd{display:inline-block;font-size:10.5px;font-weight:700;font-family:var(--jp);color:var(--red);border:1px solid var(--red);padding:1px 7px;margin-bottom:6px}
.pro-join-soon p{font-size:11.5px;color:var(--ink2);line-height:1.6;margin:0}
/* PROで出来ること */
.pro-what{display:grid;grid-template-columns:1fr;gap:0;border-top:2px solid var(--ink)}
.pro-what .c{display:block;padding:12px 2px;border-bottom:1px solid var(--line)}
.pro-what .c .h{display:block;font-size:13.5px;font-weight:800;margin-bottom:3px}
.pro-what .c .h .ar{color:var(--red)}
.pro-what .c .t{display:block;font-size:11.5px;color:var(--ink2);line-height:1.65}
.pro-what .c:hover .h{color:var(--red)}
/* ホーム：DB案内ハブ（このDBで見られるもの＝ホームの主役） */
.pro-hub{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff}
.pro-hub .hc{display:flex;flex-direction:column;gap:6px;padding:13px 15px;border-top:1px solid var(--line2);border-right:1px solid var(--line2);text-decoration:none;color:inherit;min-width:0}
.pro-hub .hc:last-child{border-right:none}
.pro-hub .hc:hover{background:var(--soft)}
.pro-hub .hc .hk{font-size:12.5px;font-weight:800;color:var(--ink)}
.pro-hub .hc .hs{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pro-hub .hc .hs b{font-family:var(--en);font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1}
.pro-hub .hc .hs i{font-size:10px;font-style:normal;color:var(--muted)}
.pro-hub .hc .ht{font-size:11px;color:var(--ink2);line-height:1.55;flex:1}
.pro-hub .hc .ha{font-family:var(--en);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--red);text-transform:uppercase}
.pro-hub .hc:hover .ha{text-decoration:underline}
.pro-hub .hc--lead{grid-column:1/-1;flex-direction:row;align-items:center;gap:16px;border-top:none;border-right:none;background:var(--soft)}
.pro-hub .hc--lead .hk{font-size:14px;white-space:nowrap}
.pro-hub .hc--lead .hs{flex-direction:column;gap:0;align-items:flex-start}
.pro-hub .hc--lead .hs b{font-size:25px}
.pro-hub .hc--lead .ht{flex:1;font-size:12px}
.pro-hub .hc--lead .ha{white-space:nowrap}
/* DB規模ひと目（統計帯） */
.pro-scale{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-top:2px solid var(--ink);margin-top:14px}
.pro-scale .s{padding:12px 13px;border-right:1px solid var(--line2);min-width:0}
.pro-scale .s:last-child{border-right:none}
.pro-scale .v{display:block;font-family:var(--en);font-size:23px;font-weight:800;letter-spacing:-.01em;line-height:1;color:var(--ink)}
.pro-scale .l{display:block;font-size:10.5px;color:var(--ink2);margin-top:5px;line-height:1.3}
.pro-scale-cap{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.5}

/* 日本の堀（国内クレジット）ハブ — P2。国内資産を一箇所に束ねる買い手の起点。赤上罫で国内アクセント */
.pro-jp-tag{font-family:var(--en);font-size:9.5px;font-weight:800;letter-spacing:.05em;color:var(--red);border:1px solid var(--red);padding:1px 6px;text-transform:uppercase;white-space:nowrap}
.pro-jp-lede{font-size:12px;color:var(--ink2);line-height:1.6;margin:0 0 10px}
.pro-jp-lede b{font-weight:700;color:var(--ink)}
.pro-jp{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:2px solid var(--red);background:#fff}
.pro-jp .hc{display:flex;flex-direction:column;gap:6px;padding:13px 15px;border-top:1px solid var(--line2);border-right:1px solid var(--line2);text-decoration:none;color:inherit;min-width:0}
.pro-jp .hc:last-child{border-right:none}
.pro-jp .hc:hover{background:var(--soft)}
.pro-jp .hc .hk{font-size:12.5px;font-weight:800;color:var(--ink)}
.pro-jp .hc .hs{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pro-jp .hc .hs b{font-size:15px;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.pro-jp .hc .hs i{font-size:10px;font-style:normal;color:var(--muted)}
.pro-jp .hc .ht{font-size:11px;color:var(--ink2);line-height:1.55;flex:1}
.pro-jp .hc .ha{font-family:var(--en);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--red);text-transform:uppercase}
.pro-jp .hc:hover .ha{text-decoration:underline}
@media(max-width:880px){.pro-jp{grid-template-columns:1fr 1fr}.pro-jp .hc:nth-child(2n){border-right:none}}
@media(max-width:480px){.pro-jp{grid-template-columns:1fr}.pro-jp .hc{border-right:none}}
/* 価格・方法論ページの国内先頭リード（P2 軽い国内主役化） */
.pp-jp-lede{font-size:12px;color:var(--ink2);line-height:1.6;margin:0 0 12px;padding-left:10px;border-left:3px solid var(--red)}
.pp-jp-lede b{font-weight:700;color:var(--ink)}
/* 案内ハブ（6ドメイングループ） */
.pro-hubgroups{display:flex;flex-direction:column;gap:16px}
.pro-hubg-h{font-size:12px;font-weight:800;color:var(--ink);padding:0 0 7px 9px;margin-bottom:0;border-left:3px solid var(--red);line-height:1}
.pro-hub--g{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
/* 会員ダッシュボード（最新の更新を広めに） */
.pro-dash{grid-template-columns:1.25fr 1fr}
@media(max-width:980px){
	.pro-hub{grid-template-columns:1fr 1fr}
	.pro-hub--g{grid-template-columns:1fr 1fr}
	.pro-hub .hc--lead{flex-direction:column;align-items:flex-start;gap:8px}
	.pro-scale{grid-template-columns:repeat(3,1fr)}
	.pro-scale .s:nth-child(3n){border-right:none}
	.pro-scale .s:nth-child(n+4){border-top:1px solid var(--line2)}
}
@media(max-width:560px){
	.pro-hub--g{grid-template-columns:1fr}
	.pro-scale{grid-template-columns:repeat(2,1fr)}
	.pro-scale .s:nth-child(3n){border-right:1px solid var(--line2)}
	.pro-scale .s:nth-child(2n){border-right:none}
	.pro-scale .s:nth-child(n+3){border-top:1px solid var(--line2)}
}
/* 価格スナップショット */
.pro-psnap{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-right:0}
.pro-psnap .c{padding:11px 12px;border-right:1px solid var(--line);min-width:0}
.pro-psnap .c .cd{font-family:var(--en);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.pro-psnap .c .vl{font-family:var(--en);font-size:19px;font-weight:800;margin:3px 0 2px;line-height:1}
.pro-psnap .c .nm{font-size:10px;color:var(--ink2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pro-psnap a.more{display:flex;align-items:center;font-family:var(--en);font-size:11.5px;font-weight:700;color:var(--ink);background:var(--soft)}
.pro-psnap a.more:hover{color:var(--red)}
/* 最新の更新フィード */
.pro-upd{border-top:2px solid var(--ink)}
.pro-upd .it{display:flex;align-items:baseline;gap:9px;padding:9px 2px;border-bottom:1px solid var(--line2)}
.pro-upd .it .dt{font-family:var(--en);font-size:10.5px;color:var(--muted);flex:none;width:62px}
.pro-upd .it .ty{font-size:10px;font-weight:700;font-family:var(--jp);flex:none;border:1px solid var(--line);padding:0 5px}
.pro-upd .it .ty-a{color:var(--red);border-color:var(--red)}
.pro-upd .it .ty-m{color:var(--ink2)}
.pro-upd .it .tt{font-size:12.5px;font-weight:600;line-height:1.45;min-width:0}
.pro-upd .it .tt .fr{font-family:var(--en);font-size:9.5px;font-weight:700;color:var(--ink);border:1px solid var(--ink);padding:0 4px;margin-left:6px;vertical-align:middle}
.pro-upd .it:hover .tt{color:var(--red)}

/* ===== 価格・市況 ===== */
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px}
.pp-card{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff;padding:13px 15px}
.pp-card .nm{font-size:12px;font-weight:700;line-height:1.4}
.pp-card .px{display:flex;align-items:baseline;gap:5px;margin:8px 0 2px}
.pp-card .px .v{font-family:var(--en);font-size:24px;font-weight:800;line-height:1}
.pp-card .px .c{font-family:var(--en);font-size:12px;color:var(--muted)}
.pp-card .rng{margin-top:9px}
.pp-card .rng .bar{height:4px;background:var(--line);position:relative;margin:5px 0 3px}
.pp-card .rng .bar i{position:absolute;top:-2px;width:2px;height:8px;background:var(--red)}
.pp-card .rng .mm{display:flex;justify-content:space-between;font-family:var(--en);font-size:10px;color:var(--muted)}
.pp-card .meta{font-size:10.5px;color:var(--muted);margin-top:8px}
.pp-stale{display:inline-block;margin-left:6px;padding:1px 5px;font-size:9.5px;font-weight:700;color:#8a6d00;background:#fff7e0;border:1px solid #e3c766;vertical-align:middle}
.pp-card.is-stale{border-top-color:#c99a2a}
.pp-card.is-stale .px .v{color:#6f6f6f}
.pp-note{font-size:11.5px;color:var(--ink2);background:var(--soft);border:1px solid var(--line);padding:9px 12px;margin:12px 0 0;line-height:1.6}
.pp-road{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.pp-road span{font-size:11px;color:var(--ink2);border:1px dashed var(--line);padding:3px 9px}
.pp-road span b{font-family:var(--en);font-weight:700;color:var(--muted);margin-left:6px;font-size:9.5px;letter-spacing:.04em}

.pro-sub2{font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--ink2);margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid var(--line)}
.pro-sub2.mt{margin-top:20px}
.pro-jctbl{width:100%;border-collapse:collapse;border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff;font-size:12.5px}
.pro-jctbl th,.pro-jctbl td{padding:8px 13px;border-bottom:1px solid var(--line2);text-align:left}
.pro-jctbl thead th{font-size:10px;font-family:var(--en);color:var(--muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pro-jctbl td.num,.pro-jctbl th.num{text-align:right;font-family:var(--en)}
.pro-jctbl .grp td{background:var(--soft);font-weight:700;font-size:10.5px;color:var(--ink2);letter-spacing:.04em;padding:5px 13px}
.pro-jctbl tbody tr:last-child td{border-bottom:none}
.pro-jctbl td.hi{color:var(--red);font-weight:700}
.pp-cap{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.6}
.pro-act{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff;margin-top:8px}
.pro-act .r{display:flex;align-items:center;gap:11px;padding:9px 13px;border-bottom:1px solid var(--line2);font-size:12.5px}
.pro-act .r:last-child{border-bottom:none}
.pro-act .nm{width:150px;flex:none;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-act .sb{flex:1;height:9px;background:var(--soft);display:flex;overflow:hidden}
.pro-act .sb .i{height:100%;background:var(--ink)}
.pro-act .sb .r2{height:100%;background:var(--red)}
.pro-act .vv{width:96px;text-align:right;font-family:var(--en);font-size:11.5px;color:var(--ink2);flex:none}
.pro-act__leg{display:flex;gap:16px;padding:8px 13px;font-size:11px;color:var(--muted)}
.pro-act__leg b{font-weight:600}
.pro-act__leg .k{display:inline-block;width:9px;height:9px;margin-right:5px;vertical-align:-1px}
.pro-act__leg .k-i{background:var(--ink)}
.pro-act__leg .k-r{background:var(--red)}

/* ===== 有料限定記事 ===== */
.pro-arts{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.pro-art{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}
.pro-art .ph{width:88px;aspect-ratio:4/3;flex:none;border:1px solid var(--line);background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px}
.pro-art .bd{min-width:0}
.pro-art .cctag{margin-top:1px}
.pro-art h3{font-size:14px !important;font-weight:700 !important;line-height:1.5 !important;margin:6px 0 0 !important}
.pro-art h3 a{color:var(--ink)}
.pro-art h3 a:hover{color:var(--red)}
.pro-art .ex{font-size:12px;color:var(--ink2);line-height:1.6;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pro-art .m{display:block;margin-top:7px;font-family:var(--en);font-size:11px;color:var(--muted)}
.pro-art .m .lk{color:var(--red);font-weight:700;font-family:var(--jp)}
.pro-art .m .fr{color:var(--ink);font-weight:700;font-family:var(--jp);border:1px solid var(--ink);padding:0 5px}
.pro-art .m .rel{color:var(--ink2);font-family:var(--jp);font-weight:600;border-bottom:1px solid var(--line)}
.pro-art .m .rel:hover{color:var(--red);border-color:var(--red)}
.pro-art.is-locked .ph{color:var(--red);font-weight:700}
.pro-art.is-locked h3 a{color:var(--ink2)}
.pro-art.is-locked .ex{opacity:.72}

/* ===== メルマガアーカイブ ===== */
.pro-mm{border-top:2px solid var(--ink)}
.pro-mm .it{padding:13px 0;border-bottom:1px solid var(--line)}
.pro-mm .v{font-family:var(--en);font-size:11px;color:var(--muted);font-weight:600}
.pro-mm h3{font-size:14px !important;font-weight:700 !important;line-height:1.5 !important;margin:4px 0 0 !important}
.pro-mm h3 a{color:var(--ink)}
.pro-mm h3 a:hover{color:var(--red)}
.pro-mm .v .th{color:var(--ink2);font-family:var(--jp);font-weight:600}
.pro-mm .sm{font-size:12px;color:var(--ink2);line-height:1.65;margin:5px 0 0}
.pro-mm .m{display:block;margin-top:7px;font-family:var(--en);font-size:11px;color:var(--muted)}
.pro-mm .m .fr{color:var(--ink);font-weight:700;font-family:var(--jp);border:1px solid var(--ink);padding:0 5px}
.pro-mm .m .lk{color:var(--red);font-weight:700;font-family:var(--jp)}
.pro-mm .m .rd{color:var(--red);font-weight:700;font-family:var(--jp)}
.pro-mm .it.is-locked h3 a{color:var(--ink2)}
/* 年見出し */
.pro-mmyear{margin-bottom:6px}
.pro-mmyear .yr{font-family:var(--en);font-size:12px !important;font-weight:800 !important;letter-spacing:.04em;color:var(--muted);margin:18px 0 0 !important}
/* 登録CTAバナー */
.pro-nlcta{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ink);background:var(--soft);padding:14px 16px;margin:0 0 16px}
.pro-nlcta .tx .k{display:inline-block;font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#fff;background:var(--ink);padding:2px 8px;margin-bottom:6px}
.pro-nlcta .tx p{font-size:12px;color:var(--ink2);line-height:1.6;margin:0;max-width:56ch}
.pro-nlcta .bt{flex:none;font-size:12.5px;font-weight:700;color:#fff;background:var(--red);border:1px solid var(--red);padding:9px 16px;white-space:nowrap}
.pro-nlcta .bt:hover{background:#871111}
/* 号ページ本文 */
.pro-mmbody{border-top:2px solid var(--ink);padding-top:14px}
.pro-mmbody .lead{font-size:14px;color:var(--ink);line-height:1.85;margin:0 0 6px;font-weight:500}
.pro-mmbody h3{font-size:14.5px !important;font-weight:800 !important;line-height:1.5 !important;margin:18px 0 0 !important;padding-left:9px;border-left:3px solid var(--red)}
.pro-mmbody p{font-size:13px;color:var(--ink2);line-height:1.85;margin:6px 0 0}
.pro-mmrel{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}
.pro-mmrel .hd{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}
.pro-mmrel a{display:block;font-size:13px;font-weight:600;color:var(--ink);padding:7px 0;border-bottom:1px solid var(--line2)}
.pro-mmrel a:before{content:"▸ ";color:var(--red)}
.pro-mmrel a:hover{color:var(--red)}

/* ===== リンクライブラリ ===== */
.pro-links{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;align-items:start}
.pro-lg .hd{border-bottom:2px solid var(--ink);padding-bottom:7px;margin-bottom:2px}
.pro-lg .hd .ti{display:block;font-size:13px;font-weight:800}
.pro-lg .hd .ti .mb{font-family:var(--en);font-size:9.5px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--red);padding:1px 6px;margin-left:7px;vertical-align:middle}
.pro-lg .hd .ds{display:block;font-size:11px;color:var(--ink2);line-height:1.55;margin-top:4px;font-weight:400}
.pro-lg .hd .rel{display:inline-block;font-size:11px;font-weight:600;color:var(--red);margin-top:5px}
.pro-lg .hd .rel:hover{text-decoration:underline}
.pro-lg a[data-q]{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line2)}
.pro-lg a[data-q] .nm{font-size:12.5px;font-weight:600;min-width:0}
.pro-lg a[data-q] .nt{font-size:10.5px;color:var(--muted);flex:none;text-align:right}
.pro-lg a[data-q]:hover .nm{color:var(--red)}
.pro-lg .tg{display:inline-block;font-family:var(--en);font-size:9.5px;font-weight:700;letter-spacing:.03em;padding:0 5px;margin-left:5px;vertical-align:middle;line-height:1.5}
.pro-lg .tg.tk{color:var(--ink2);border:1px solid var(--line)}
.pro-lg .tg.tl{color:var(--muted);background:var(--soft)}
.pro-lg.is-locked .hd{border-bottom-color:var(--line)}
.lk-lock{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 2px;color:var(--ink2)}
.lk-lock .ic{font-size:14px}
.lk-lock .tx{font-size:12px;font-weight:600}
.lk-lock .pro-btn{margin-left:auto}

@media(max-width:980px){
  .pro-arts,.pro-links{grid-template-columns:1fr}
}

@media(max-width:980px){
  .pro-shell{grid-template-columns:1fr}
  .pro-side{border-right:none;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:12px;margin-bottom:16px;position:static}
  .pro-nav{display:flex;flex-wrap:wrap;gap:4px}
  .pro-nav a{border-left:0;border-bottom:2px solid transparent;padding:7px 10px}
  .pro-nav a.on{border-left:0;border-bottom-color:var(--red)}
  .pro-main{padding-left:0}
  .pro-feat{flex-direction:column}
  .pro-feat .ph{width:100%}
  .pro-grid2,.pro-grid2--plan{grid-template-columns:1fr;gap:18px}
  .pro-diff{grid-template-columns:1fr;gap:12px}
  .pro-psnap{grid-template-columns:repeat(2,1fr);border-right:1px solid var(--line)}
  .pro-psnap .c{border-bottom:1px solid var(--line)}
  .pro-plan{position:static}
  .pp-grid{grid-template-columns:1fr}
  .pro-act .nm{width:110px}
}

@media(max-width:980px){
  .pro-c-std,.pro-c-dead,.pro-c-dur{display:none}
  .pro-c-supply{width:92px}
  .pf{grid-template-columns:130px 1fr 44px;gap:9px}
  .pf-l .pf-d{display:none}
  .pro-dcols{grid-template-columns:1fr}
  .pro-dcols>div:first-child{border-right:none;border-bottom:1px solid var(--line)}
  .pro-stats{grid-template-columns:1fr 1fr}
  .pro-stats .s:nth-child(2){border-right:none}
}

/* VCM/除去スポット派生推計(価格・市況) — v0.5.0 */
.pp-est{display:inline-block;font-family:var(--en);font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--red);border:1px solid var(--red);padding:1px 5px;margin-left:6px;vertical-align:middle}
.pp-meas{display:inline-block;font-family:var(--en);font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--ink);border:1px solid var(--ink);padding:1px 5px;margin-left:6px;vertical-align:middle}
.pp-legend{display:flex;gap:0;border:1px solid var(--line);background:var(--soft);margin:0 0 20px;font-size:11.5px;line-height:1.6}
.pp-legend .lg{flex:1;padding:11px 14px}
.pp-legend .lg+.lg{border-left:1px solid var(--line)}
.pp-legend .lg b{display:block;font-family:var(--en);font-size:10px;font-weight:700;letter-spacing:.05em;margin-bottom:3px}
.pp-legend .lg--meas b{color:var(--ink)}
.pp-legend .lg--est b{color:var(--red)}
.pp-legend .lg span{color:var(--ink2)}
.pp-jpy{font-family:var(--en);font-size:12px;color:var(--ink2);margin-top:1px}
.pro-jctbl td.pp-det{font-size:10.5px;color:var(--muted);text-align:left;font-family:inherit;line-height:1.5}

/* ===== サプライヤー評価 v0.5.3：タイプ・お気に入り・スコア帯・ページ送り ===== */
/* 供給タイプ バッジ（除去/削減） */
.pro-type{display:inline-block;font-family:var(--en);font-size:9px;font-weight:800;letter-spacing:.04em;line-height:14px;padding:0 5px;vertical-align:middle;border:1px solid;white-space:nowrap}
.pro-type.is-rem{color:var(--red);border-color:var(--red)}
.pro-type.is-avoid{color:var(--muted);border-color:var(--line)}
.pro-dhead .nm .pro-type{font-size:10px;line-height:16px;margin-left:4px}
.pro-c-name .pro-type{margin-left:5px;font-weight:800}
.pro-c-supply .av{color:var(--ink2);font-weight:700}

/* お気に入り（★） */
.pro-c-fav{width:22px;flex:none}
.pro-fav{display:inline-block;width:22px;flex:none;text-align:center;color:var(--line);font-size:14px;line-height:1;cursor:pointer;transition:color .12s;-webkit-user-select:none;user-select:none}
.pro-fav:hover{color:var(--red)}
.pro-fav.on{color:var(--red)}
.pro-chip--fav[data-n]:not([data-n="0"])::after{content:" "attr(data-n);font-family:var(--en);font-size:10px;color:var(--muted)}
.pro-chip--fav.on[data-n]:not([data-n="0"])::after{color:#fff}

/* スコア帯の色分け（ink＋赤の範囲内、レインボー回避） */
.pro-c-score.b-hi b{color:var(--ink)}
.pro-c-score.b-hi .pro-bar>i{background:var(--ink)}
.pro-c-score.b-mid b{color:var(--ink2)}
.pro-c-score.b-mid .pro-bar>i{background:var(--ink2)}
.pro-c-score.b-lo b{color:var(--muted)}
.pro-c-score.b-lo .pro-bar>i{background:var(--muted)}
.pro-c-score.b-min b{color:var(--muted)}
.pro-c-score.b-min .pro-bar>i{background:var(--line)}
/* 削減・回避型は活動量スコアの帯で評価しない（型ラベル・控えめ表示） */
.pro-c-score.b-avoid b{color:var(--muted)}
.pro-c-score.b-avoid .pro-bar>i{background:var(--line)}
/* ドロワー側スコア帯ラベル */
.pro-dscore .bd{font-family:var(--jp);font-size:9.5px;font-weight:700;color:var(--muted);margin-top:3px;letter-spacing:.02em}
.pro-dscore.b-hi .v{color:var(--ink)}
.pro-dscore.b-hi .bd{color:var(--red)}
.pro-dscore.b-mid .v{color:var(--ink2)}
.pro-dscore.b-lo .v,.pro-dscore.b-min .v,.pro-dscore.b-avoid .v{color:var(--muted)}

/* ページ送り */
.pro-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;min-height:30px}
.pro-pager .pg-info{font-family:var(--en);font-size:11.5px;color:var(--muted)}
.pro-pager .pg-btns{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-left:auto}
.pro-pager .pg-b,.pro-pager .pg-n{font-family:var(--en);font-size:11.5px;font-weight:700;color:var(--ink2);background:#fff;border:1px solid var(--line);padding:4px 9px;cursor:pointer;line-height:1.2}
.pro-pager .pg-b:hover:not([disabled]),.pro-pager .pg-n:hover{border-color:var(--red);color:var(--red)}
.pro-pager .pg-b[disabled]{color:var(--line);cursor:default;border-color:var(--line2)}
.pro-pager .pg-n.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pro-pager .pg-e{font-family:var(--en);font-size:11.5px;color:var(--muted);padding:0 2px}

@media(max-width:980px){
  .pro-pager{gap:6px}
  .pro-pager .pg-info{width:100%;margin-bottom:2px}
  .pro-pager .pg-btns{margin-left:0}
}

/* ===== 記事サムネ未設定時のブランド化プレースホルダ（v0.6.0） =====
   フラットなグレー枠＝「画像欠落」に見える問題を、意図的な編集プレートへ。
   トーナルグラデ＋微細な斜めテクスチャ＋上端ヘアライン＋EN大文字ラベル。 */
.pro-feat .ph,.pro-art .ph{
  background:linear-gradient(150deg,#fff,var(--soft));
  position:relative;overflow:hidden;
  font-family:var(--en);font-weight:800;letter-spacing:.07em;
  color:var(--ink2);text-transform:uppercase;text-align:center;line-height:1.3;
}
.pro-feat .ph::before,.pro-art .ph::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(0,0,0,.025) 12px 13px);
}
.pro-feat .ph::after,.pro-art .ph::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--ink);
}
.pro-feat .ph{font-size:12px}
.pro-art .ph{font-size:10.5px}
/* ロック状態（ゲストのPRO記事）は赤アクセントで限定感を出す */
.pro-art.is-locked .ph{color:var(--red)}
.pro-art.is-locked .ph::after{background:var(--red)}

/* ============================================================
   完全版① プロジェクトDB（/pro/projects）— v0.6.0
   ============================================================ */
/* 左ナビのドメイングループ見出し */
.pro-nav__grp{font-family:var(--en);font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 4px;padding:0 2px}
.pro-side .pro-nav:first-of-type{margin-top:0}

/* レジストリ別カード（mt-pwgrid 準拠） */
.pj-reggrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:2px solid var(--ink)}
.pj-regc{padding:12px 14px;border-right:1px solid var(--line2)}
.pj-regc:last-child{border-right:none}
.pj-regc .hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pj-regc .nm{font-weight:700;font-size:13px}
.pj-regc .n{font-family:var(--en);font-size:17px;font-weight:800;letter-spacing:-.01em}
.pj-regc .rg{font-size:11px;margin-top:4px}
.pj-regc .rg a{color:var(--muted)}

/* テーブル（mt-table 準拠・行はJS描画） */
.pj-table{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff}
.pj-thead,.pj-row{display:flex;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line2)}
.pj-thead{font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;position:sticky;top:138px;z-index:20;background:#fff;border-bottom:2px solid var(--ink)}
body.admin-bar .pj-thead{top:170px}
.pj-row:last-child{border-bottom:none}
.pj-row:hover{background:var(--soft)}
.pj-c-name{flex:1;min-width:0;font-size:12.5px;line-height:1.45}
.pj-c-name b{font-weight:600}
.pj-c-dev{width:150px;flex:none;font-size:11.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-c-pw{width:138px;flex:none}
.pj-c-st{width:104px;flex:none}
.pj-c-src{width:96px;flex:none;text-align:right;font-size:11px}
.pj-chip{display:inline-block;font-family:var(--en);font-size:9.5px;font-weight:700;color:var(--muted);border:1px solid var(--line);padding:1px 6px;margin-left:8px;vertical-align:1px;white-space:nowrap}
.pj-ty{font-style:normal;font-size:11px;font-weight:600;padding:2px 7px;border:1px solid var(--line);white-space:nowrap}
.pj-ty--rm{color:var(--red);border-color:var(--red)}
.pj-ty--un{color:var(--muted)}
.pj-st{font-style:normal;font-size:11px;font-weight:700;white-space:nowrap}
.pj-st--registered{color:#1a7a3c}
.pj-st--development{color:#9a6a00}
.pj-st--inactive{color:#a31515}
.pj-st--unknown{color:var(--muted)}
.pj-empty{padding:24px 13px;color:var(--muted);font-size:12.5px}

/* ページャ（独自・中央寄せ。基底 .pro-pager の space-between を id で上書き） */
#pj-pager{justify-content:center;gap:4px}
#pj-pager button{font-family:var(--en);font-size:11.5px;font-weight:700;color:var(--ink2);background:#fff;border:1px solid var(--line);padding:4px 9px;cursor:pointer;line-height:1.2}
#pj-pager button:hover{border-color:var(--red);color:var(--red)}
#pj-pager button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
#pj-pager button.is-off{color:var(--line);cursor:default}
#pj-pager .pg-el{font-family:var(--en);font-size:11.5px;color:var(--muted);padding:0 2px}

@media(max-width:980px){
	.pj-reggrid{grid-template-columns:1fr 1fr}
	.pj-c-dev{display:none}
	.pj-c-pw{width:108px}
	.pj-c-st{width:84px}
}
@media(max-width:600px){
	.pj-reggrid{grid-template-columns:1fr 1fr}
	.pj-c-pw,.pj-c-src{display:none}
}

/* ── レジストリ比較（registries@1 / page-pro-registries.php） ───────────── */
.reg-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:2px solid var(--ink);margin-bottom:20px}
.reg-stats .s{padding:13px 16px;border-right:1px solid var(--line2)}
.reg-stats .s:last-child{border-right:none}
.reg-stats .s .v{font-family:var(--en);font-size:23px;font-weight:800;line-height:1;letter-spacing:-.01em}
.reg-stats .s .l{font-size:10.5px;color:var(--muted);margin-top:5px}
.reg-stats .s.hl .v{color:var(--red)}

.reg-table{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff}
.reg-thead,.reg-row{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--line2)}
.reg-thead{font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;position:sticky;top:138px;z-index:20;background:#fff;border-bottom:2px solid var(--ink)}
body.admin-bar .reg-thead{top:170px}
.reg-row:last-child{border-bottom:none}
.reg-row:hover{background:var(--soft)}

.reg-c-name{flex:1;min-width:0;font-size:13px;line-height:1.4}
.reg-c-name .nm{font-weight:700;color:var(--ink)}
.reg-c-name small{display:block;font-family:var(--en);font-size:9.5px;color:var(--muted);font-weight:400;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reg-kind{font-size:9.5px;font-weight:700;padding:1px 6px;border:1px solid var(--line);margin-left:7px;color:var(--ink2);vertical-align:middle}
.reg-kind.is-standard{color:var(--muted)}
.reg-kind.is-framework{color:var(--red);border-color:var(--red)}
.reg-src{font-size:10px;color:var(--muted);text-decoration:none;margin-left:7px;white-space:nowrap}
.reg-src:hover{color:var(--red);text-decoration:underline}

.reg-c-meth,.reg-c-pw,.reg-c-proj,.reg-c-iss,.reg-c-ret{flex:none;text-align:right;font-family:var(--en);font-weight:700;font-size:12.5px;color:var(--ink)}
.reg-c-meth{width:62px}
.reg-c-pw{width:52px}
.reg-c-proj{width:104px}
.reg-c-iss{width:104px}
.reg-c-ret{width:118px}
.reg-c-meth a,.reg-c-proj a{color:var(--ink);text-decoration:none}
.reg-c-meth a:hover,.reg-c-proj a:hover{color:var(--red);text-decoration:underline}
.reg-c-proj .rem,.reg-c-ret .rate{display:block;font-size:9.5px;font-weight:600;color:var(--muted);font-style:normal;margin-top:2px;white-space:nowrap}
.reg-c-proj .na,.reg-c-dev .na{color:var(--line);font-weight:400}

.reg-c-dev{width:226px;flex:none;font-size:11px;line-height:1.45;color:var(--ink2)}
.reg-c-dev a{color:var(--ink2);text-decoration:none}
.reg-c-dev a:hover{color:var(--red);text-decoration:underline}
.reg-c-dev .sep{color:var(--line);margin:0 4px}

.reg-thead .sortable{cursor:pointer;user-select:none;white-space:nowrap;justify-content:flex-end;display:flex;align-items:center}
.reg-thead .sortable:hover{color:var(--ink)}
.reg-thead .sortable .sa{display:inline-block;width:0;height:0;margin-left:4px;vertical-align:middle;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--muted);opacity:.35}
.reg-thead .sortable:hover .sa{opacity:.7}
.reg-thead .sortable.s-desc,.reg-thead .sortable.s-asc{color:var(--red)}
.reg-thead .sortable.s-desc .sa{opacity:1;border-top-color:var(--red)}
.reg-thead .sortable.s-asc .sa{opacity:1;border-top:0;border-bottom:4px solid var(--red)}

.reg-tools{display:flex;align-items:center;gap:14px;margin-top:12px}
.reg-hint{font-size:11px;color:var(--muted)}
.reg-foot{font-size:11px;color:var(--muted);line-height:1.7;margin-top:14px}

@media(max-width:980px){
	.reg-stats{grid-template-columns:repeat(2,1fr)}
	.reg-c-dev{display:none}
}
@media(max-width:600px){
	.reg-c-pw,.reg-c-iss{display:none}
	.reg-c-name{font-size:12px}
}

/* ============================================================
   取引アナリティクス（cc-pro/transactions@1 / page-pro-transactions）
   ============================================================ */
.tx-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:2px solid var(--ink);margin-bottom:20px}
.tx-stats .s{padding:13px 16px;border-right:1px solid var(--line2)}
.tx-stats .s:last-child{border-right:none}
.tx-stats .s .v{font-family:var(--en);font-size:23px;font-weight:800;line-height:1;letter-spacing:-.01em}
.tx-stats .s .l{font-size:10.5px;color:var(--muted);margin-top:5px}
.tx-stats .s.hl .v{color:var(--red)}

/* チャート（インライン SVG） */
.tx-chart{border:1px solid var(--line);background:#fff;padding:14px 12px 6px}
.tx-svg{display:block;width:100%;height:auto}
.tx-svg .tx-grid{stroke:var(--line2);stroke-width:1}
.tx-svg .tx-axis{stroke:var(--ink);stroke-width:1.5}
.tx-svg .tx-yl,.tx-svg .tx-xl{font-family:var(--en);fill:var(--muted)}
.tx-svg .tx-yl{font-size:10px}
.tx-svg .tx-xl{font-size:10px}
.tx-svg .tx-bi{fill:var(--ink)}
.tx-svg .tx-br{fill:var(--red)}
.tx-svg rect:hover{opacity:.78}

.tx-legend{display:flex;align-items:center;gap:16px;margin:0 0 8px;flex-wrap:wrap}
.tx-legend .lg{font-size:11.5px;color:var(--ink2);display:inline-flex;align-items:center;gap:6px}
.tx-legend .lg:before{content:"";width:11px;height:11px;display:inline-block}
.tx-legend .lg-i:before{background:var(--ink)}
.tx-legend .lg-r:before{background:var(--red)}
.tx-legend .lg-note{font-family:var(--en);font-size:10.5px;color:var(--muted);margin-left:auto}

/* 内訳マグニチュードバー表 */
.tx-table{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff;margin-top:4px}
.tx-thead,.tx-row{display:flex;align-items:center;gap:12px;padding:9px 13px;border-bottom:1px solid var(--line2)}
.tx-thead{font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}
.tx-row:last-child{border-bottom:none}
.tx-row:hover{background:var(--soft)}
.tx-c-name{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx-c-name a{color:var(--ink);text-decoration:none}
.tx-c-name a:hover{color:var(--red);text-decoration:underline}
.tx-thead .tx-c-name{font-weight:700}
.tx-c-iss,.tx-c-ret{width:172px;flex:none;display:flex;align-items:center;gap:9px;justify-content:flex-end}
.tx-c-iss b,.tx-c-ret b{font-family:var(--en);font-weight:700;font-size:12px;color:var(--ink);min-width:58px;text-align:right}
.tx-thead .tx-c-iss,.tx-thead .tx-c-ret{display:block;text-align:right}
.tx-mag{flex:1;min-width:30px;height:7px;background:var(--soft);border:1px solid var(--line2);overflow:hidden}
.tx-mag>i{display:block;height:100%;background:var(--ink)}
.tx-mag--r>i{background:var(--red)}
.tx-c-rate{width:54px;flex:none;text-align:right;font-family:var(--en);font-weight:700;font-size:12px;color:var(--ink2)}
.tx-c-rate .na{color:var(--line);font-weight:400}
.tx-c-n{width:70px;flex:none;text-align:right;font-family:var(--en);font-weight:600;font-size:11.5px;color:var(--muted)}
.tx-more{display:contents}
.tx-more[hidden]{display:none}

.tx-note{font-size:11.5px;color:var(--muted);line-height:1.7;margin:2px 0 8px}
.tx-note b{color:var(--ink);font-weight:700}
.tx-tools{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.tx-hint{font-size:11px;color:var(--muted)}

@media(max-width:980px){
	.tx-stats{grid-template-columns:repeat(2,1fr)}
	.tx-c-iss,.tx-c-ret{width:128px}
}
@media(max-width:600px){
	.tx-c-ret,.tx-c-rate{display:none}
	.tx-c-iss{width:118px}
	.tx-c-name{font-size:12px}
}

/* ── ETS需給（Page4・cc-pro/ets@1） ───────────────────────────── */
.es-scope{font-size:11.5px;line-height:1.7;color:var(--ink2);background:var(--soft);border:1px solid var(--line2);border-left:3px solid var(--ink);padding:9px 13px;margin:0 0 18px}
.es-scope b{color:var(--ink);font-weight:700}

/* 折れ線（累積ネット・負値あり） */
.tx-svg .es-zero{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:4 3;opacity:.6}
.tx-svg .es-line{fill:none;stroke:var(--red);stroke-width:2}
.tx-svg .es-dot{fill:var(--red)}

/* オフセット償却（横バー・年×CER/ERU） */
.es-offset{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff;margin-top:4px}
.es-orow{display:flex;align-items:center;gap:12px;padding:8px 13px;border-bottom:1px solid var(--line2)}
.es-orow:last-child{border-bottom:none}
.es-oyr{width:46px;flex:none;font-family:var(--en);font-weight:700;font-size:12px;color:var(--ink)}
.es-obars{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.es-obar{height:7px;background:var(--soft);border:1px solid var(--line2);overflow:hidden}
.es-obar>i{display:block;height:100%}
.es-ob-cer{background:var(--ink)}
.es-ob-eru{background:var(--red)}
.es-oval{width:72px;flex:none;text-align:right;font-family:var(--en);font-weight:700;font-size:12px;color:var(--ink2)}

/* 年セレクタ・速報バッジ */
.es-tools{display:flex;align-items:center;gap:14px;margin:2px 0 8px;flex-wrap:wrap}
.es-yrform{display:flex;align-items:center;gap:8px}
.es-yrform label{font-size:11.5px;color:var(--muted);font-weight:700}
.es-yrform select{height:34px;border:1.5px solid var(--line);background:#fff;font-family:var(--jp);font-size:12.5px;font-weight:700;color:var(--ink);padding:0 8px;cursor:pointer}
.es-prov{font-size:11px;color:var(--red);font-weight:700}

/* 法域別 需給テーブル（数値列・ソート可） */
.es-table{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff;margin-top:4px}
.es-thead,.es-row{display:flex;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line2)}
.es-thead{font-family:var(--en);font-size:10.5px;font-weight:700;letter-spacing:.03em;color:var(--muted);text-transform:uppercase}
.es-row:last-child{border-bottom:none}
.es-row:hover{background:var(--soft)}
.es-c-name{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-fund{font-family:var(--jp);font-size:9.5px;font-weight:700;color:var(--muted);border:1px solid var(--line2);padding:1px 4px;margin-left:5px;vertical-align:middle}
.es-c-num{width:104px;flex:none;text-align:right;font-family:var(--en);font-weight:700;font-size:12px;color:var(--ink2)}
.es-thead .es-c-num{font-weight:700}
.es-c-num.es-pos{color:#1a7d4f}
.es-c-num.es-neg{color:var(--red)}
b.es-pos{color:#1a7d4f}
b.es-neg{color:var(--red)}
.es-thead .sortable{cursor:pointer;user-select:none;white-space:nowrap}
.es-thead .sortable:hover{color:var(--ink)}
.es-thead .sortable.is-on{color:var(--red)}
.es-thead .sortable .sa{font-family:var(--en);font-size:11px;margin-left:2px}
.es-foot-tools{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.es-hint{font-size:11px;color:var(--muted);line-height:1.6}
.es-hint b{font-weight:700}

@media(max-width:980px){
	.es-c-num{width:80px;font-size:11px}
	.es-thead .sortable .sa{margin-left:0}
}
@media(max-width:600px){
	.es-c-num[data-sort="auctioned"],.es-row .es-c-num:nth-child(3),.es-thead .es-c-num:nth-child(3){display:none}
	.es-c-num{width:64px}
	.es-c-name{font-size:12px}
}

/* ── メディア×ファクト（Page5・discourse） ───────────────────────────── */
/* SVG: 横棒チャートのカテゴリラベル＝ink／件数ラベル＝ink2 */
.tx-svg .dc-hl{font-size:11px;fill:var(--ink);font-family:var(--jp)}
.tx-svg .dc-bn{font-size:10.5px;fill:var(--ink2);font-weight:700}

/* 絞り込みツール（検索＋役割チップ） */
.dc-tools{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.dc-search{flex:1;min-width:200px;height:34px;padding:0 12px;border:1.5px solid var(--line);background:var(--soft);color:var(--ink);font-family:var(--jp);font-size:12.5px;outline:none}
.dc-search:focus{border-color:var(--ink)}
.dc-search::placeholder{color:var(--muted)}
.dc-chips{display:flex;gap:6px;flex-wrap:wrap}
.dc-chip{font-size:11.5px;font-weight:600;color:var(--ink2);background:var(--soft);border:1px solid var(--line);padding:5px 11px;cursor:pointer;font-family:var(--jp)}
.dc-chip i{font-family:var(--en);font-style:normal;color:var(--muted);margin-left:4px}
.dc-chip:hover{border-color:var(--red);color:var(--red)}
.dc-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.dc-chip.is-on i{color:rgba(255,255,255,.7)}

/* 逆引きリスト（details/summary） */
.dc-list{border:1px solid var(--line);border-top:2px solid var(--ink);background:#fff}
.dc-org{border-bottom:1px solid var(--line2)}
.dc-org:last-of-type{border-bottom:none}
.dc-sum{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;list-style:none;user-select:none}
.dc-sum::-webkit-details-marker{display:none}
.dc-sum:before{content:"＋";font-family:var(--en);font-weight:700;color:var(--red);flex:none;width:12px}
.dc-org[open]>.dc-sum:before{content:"−"}
.dc-org[open]>.dc-sum{background:var(--soft)}
.dc-sum:hover{background:var(--soft)}
.dc-name{font-weight:700;color:var(--ink);font-size:13px}
.dc-count{font-family:var(--en);font-size:11.5px;font-weight:700;color:var(--ink2);margin-left:auto;flex:none}
.dc-badge,.dc-bn-i{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.02em;color:#fff;padding:2px 7px;font-family:var(--jp);flex:none}
.dc-b-reg{background:#6d3bb5}
.dc-b-dev{background:var(--ink)}
.dc-b-buy{background:#1a7d4f}
.dc-b-sup{background:var(--ink2,#555)}
.dc-bn-i{background:var(--ink);vertical-align:1px}
.tx-note b.dc-bn-i{color:#fff}

/* 展開ボディ＝深リンク＋記事一覧 */
.dc-body{padding:2px 14px 12px 38px}
.dc-deep{display:flex;gap:14px;flex-wrap:wrap;margin:4px 0 9px}
.dc-deeplink{font-size:11.5px;font-weight:700;color:var(--red);text-decoration:none}
.dc-deeplink:hover{text-decoration:underline}
.dc-arts{list-style:none;margin:0;padding:0}
.dc-arts li{display:flex;align-items:baseline;gap:10px;padding:5px 0;border-top:1px solid var(--line2);line-height:1.55}
.dc-arts li:first-child{border-top:none}
.dc-arts a{color:var(--ink);text-decoration:none;font-size:12.5px;flex:1}
.dc-arts a:hover{color:var(--red);text-decoration:underline}
.dc-arts span{color:var(--ink2);font-size:12.5px;flex:1}
.dc-date{font-family:var(--en);font-size:10.5px;color:var(--muted);flex:none;white-space:nowrap}
.dc-empty{padding:18px 14px;color:var(--muted);font-size:12px;margin:0}
.dc-foot-tools{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}

@media(max-width:600px){
	.dc-search{min-width:0;width:100%}
	.dc-body{padding-left:24px}
	.dc-arts li{flex-wrap:wrap;gap:3px}
}

/* ───────── 地理・国別（Page6 geography）───────── */
.tx-svg .tx-vl{font-family:var(--en);font-size:10px;fill:var(--ink2)}
.tx-note b.tx-axis-h{color:var(--ink)}
.tx-note b.tx-axis-s{color:var(--red)}

.geo-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 10px}
.geo-search{height:34px;padding:0 12px;border:1.5px solid var(--line);font-size:13px;font-family:var(--jp);min-width:240px}
.geo-search:focus{outline:none;border-color:var(--ink2)}
.geo-filters{display:flex;gap:6px;flex-wrap:wrap}
.geo-chip{height:30px;padding:0 11px;border:1.5px solid var(--line);background:#fff;font-size:11.5px;font-weight:700;color:var(--ink2);cursor:pointer;font-family:var(--jp)}
.geo-chip:hover{border-color:var(--ink2)}
.geo-chip.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.geo-count{font-size:11px;color:var(--muted);margin-left:auto;font-family:var(--en)}

.geo-table{border:1px solid var(--line);border-top:2px solid var(--ink)}
.geo-thead,.geo-row{display:grid;grid-template-columns:34px 1.5fr 1.5fr 60px 64px 1fr 1.15fr;align-items:center;gap:10px;padding:9px 12px}
.geo-thead{border-bottom:1.5px solid var(--ink);font-size:10.5px;color:var(--muted);font-weight:700;position:sticky;top:0;background:#fff;z-index:2}
.geo-row{border-bottom:1px solid var(--line2);font-size:12.5px}
.geo-row:last-child{border-bottom:none}
.geo-row:hover{background:var(--soft)}
.geo-c-rank{font-family:var(--en);font-size:11px;color:var(--muted);text-align:right}
.geo-c-name b{font-weight:700}
.geo-en{display:block;font-family:var(--en);font-size:9.5px;color:var(--muted);margin-top:1px;text-transform:capitalize}
.geo-c-iss{display:flex;align-items:center;gap:8px}
.geo-c-iss b{font-family:var(--en);font-size:11.5px;white-space:nowrap}
.geo-c-rate,.geo-c-pj{font-family:var(--en);font-size:12px;text-align:right}
.geo-c-sup{text-align:right;line-height:1.25}
.geo-c-sup a{font-family:var(--en);font-weight:700}
.geo-sb{display:block;font-size:9.5px;color:var(--muted);font-family:var(--en)}
.geo-c-reg{font-size:11px}
.geo-rg{color:var(--ink2);border-bottom:1px solid var(--line)}
.geo-rg:hover{color:var(--red)}
.geo-table .na{color:var(--line);font-weight:400}
.geo-thead .sortable{cursor:pointer;user-select:none;white-space:nowrap}
.geo-thead .sortable:hover{color:var(--ink)}
.geo-thead .sortable .sa{margin-left:3px;font-size:9px;opacity:.4}
.geo-thead .sortable.is-sorted{color:var(--red)}
.geo-thead .sortable.is-sorted .sa{opacity:1;color:var(--red)}
.geo-empty{padding:18px 12px;font-size:12px;color:var(--muted)}

@media (max-width:780px){
	.geo-thead,.geo-row{grid-template-columns:26px 1.4fr 1.3fr 58px 1fr;gap:7px}
	.geo-c-rate,.geo-c-reg{display:none}
	.geo-search{min-width:0;flex:1 1 100%}
	.geo-count{margin-left:0}
}

/* 供給体ページ：国別プリフィルタ バナー（/pro/geography からの ?country=） */
.pro-country-active{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;margin:0 0 12px;border:1.5px solid var(--ink);background:var(--soft);font-size:12.5px}
.pro-country-active b{font-weight:800;color:var(--red)}
.pro-ca-x{height:28px;padding:0 10px;border:1.5px solid var(--line);background:#fff;font-size:11px;font-weight:700;color:var(--ink2);cursor:pointer;font-family:var(--jp);white-space:nowrap}
.pro-ca-x:hover{border-color:var(--red);color:var(--red)}
.pro-country-active[hidden]{display:none}

/* 取引アナリティクス：償却者（counterparty）テーブル＝retired のみ1列 */
.tx-c-ret--solo{width:200px}
.tx-table--cp .tx-c-ret--solo{display:flex}
@media(max-width:600px){ .tx-table--cp .tx-c-ret--solo{display:flex;width:118px} }

/* サプライヤー個社→プロジェクトDB 連動リンク */
.pro-stats .pro-stat-link{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;color:var(--red);border-bottom:1px solid var(--line)}
.pro-stats .pro-stat-link:hover{border-color:var(--red)}

/* 横断検索（global search） */
.pro-side__srch{display:flex;gap:0;margin-bottom:14px}
.pro-side__srch input{flex:1 1 auto;min-width:0;height:30px;padding:0 8px;border:1.5px solid var(--line);background:#fff;font-family:var(--jp);font-size:12px;color:var(--ink)}
.pro-side__srch input:focus{outline:none;border-color:var(--red)}
.pro-side__srch button{flex:0 0 auto;width:30px;height:30px;border:1.5px solid var(--line);border-left:none;background:var(--soft);color:var(--ink2);font-size:15px;line-height:1;cursor:pointer}
.pro-side__srch button:hover{border-color:var(--red);color:var(--red)}
.pro-srch{display:flex;gap:0;margin:14px 0 6px}
.pro-srch input{flex:1 1 auto;min-width:0;height:44px;padding:0 14px;border:1.5px solid var(--ink);background:#fff;font-family:var(--jp);font-size:15px;color:var(--ink)}
.pro-srch input:focus{outline:none;border-color:var(--red)}
.pro-srch button{flex:0 0 auto;height:44px;padding:0 18px;border:1.5px solid var(--ink);border-left:none;background:var(--ink);color:#fff;font-family:var(--jp);font-size:13px;font-weight:700;cursor:pointer}
.pro-srch button:hover{background:var(--red);border-color:var(--red)}
.pro-srch-meta{font-family:var(--en);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);min-height:16px;margin-bottom:10px}
.pro-srch-results{display:block}
.pro-srch-g{margin:0 0 22px}
.pro-srch-g>h2{font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--ink);margin:0 0 8px;padding-bottom:5px;border-bottom:1.5px solid var(--ink);display:flex;align-items:baseline;gap:8px}
.pro-srch-g>h2 .ct{font-family:var(--en);font-size:10.5px;font-weight:700;color:#fff;background:var(--red);padding:1px 7px}
.pro-srch-g ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.pro-srch-g li{border-bottom:1px solid var(--line2)}
.pro-srch-g li.more{grid-column:1/-1;font-size:11px;color:var(--muted);padding:7px 2px;border-bottom:none}
.pro-srch-g li a{display:flex;align-items:baseline;gap:8px;padding:8px 4px;text-decoration:none}
.pro-srch-g li a:hover{background:var(--soft)}
.pro-srch-g li a .ti{font-size:13px;font-weight:700;color:var(--ink);flex:1 1 auto;min-width:0}
.pro-srch-g li a:hover .ti{color:var(--red)}
.pro-srch-g li a .su{font-size:11px;color:var(--muted);flex:0 0 auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48%}
.pro-srch-none{font-size:13px;color:var(--ink2);padding:14px 2px}
@media(max-width:760px){ .pro-srch-g ul{grid-template-columns:1fr} .pro-srch-g li a .su{max-width:42%} }

/* ============================================================
 * 調達ブリーフ（page-pro-brief.php / ver0.7.5）
 * 買い手ワークフローの入口。目的→経路で4要素を1画面に束ねる。
 * ============================================================ */
.brf-jump{display:flex;flex-wrap:wrap;gap:0;margin:8px 0 24px;border:1.5px solid var(--ink)}
.brf-jump a{flex:1 1 auto;text-align:center;padding:10px 12px;font-size:12.5px;font-weight:700;color:var(--ink);text-decoration:none;border-right:1px solid var(--line);line-height:1.4}
.brf-jump a:last-child{border-right:none}
.brf-jump a:hover{background:var(--ink);color:#fff}
.brf-obj{margin:0 0 30px}
.brf-obj__h{border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:16px}
.brf-obj__h h2{font-size:18px;font-weight:800;letter-spacing:.01em;color:var(--ink);margin:0 0 4px}
.brf-obj__h p{font-size:12.5px;color:var(--ink2);line-height:1.65;margin:0;max-width:72ch}
.brf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.brf-card{border:1.5px solid var(--ink);padding:14px 15px 15px;background:#fff;display:flex;flex-direction:column}
.brf-card__h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.brf-card__h h3{font-size:15px;font-weight:800;color:var(--ink);margin:0;line-height:1.35}
.brf-typ{flex:0 0 auto;font-family:var(--en);font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 7px;border:1px solid var(--ink);white-space:nowrap}
.brf-typ.is-rem{background:var(--ink);color:#fff}
.brf-typ.is-nat{background:#fff;color:var(--ink)}
.brf-typ.is-jc{background:var(--red);color:#fff;border-color:var(--red)}
.brf-row{display:flex;align-items:baseline;gap:10px;margin:0 0 3px}
.brf-row__k{flex:0 0 96px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.brf-row__v{flex:1 1 auto;font-size:13px;color:var(--ink);line-height:1.5}
.brf-price{padding:7px 0;border-bottom:1px dashed var(--line)}
.brf-price .brf-row__v b{font-family:var(--en);font-size:19px;font-weight:800;color:var(--ink)}
.brf-price .brf-row__v .u{font-size:11px;color:var(--muted);margin-left:1px}
.brf-conf{display:inline-block;font-family:var(--en);font-size:9.5px;font-weight:700;color:var(--muted);border:1px solid var(--line);padding:1px 5px;margin-left:6px;vertical-align:middle}
.brf-bkt{display:block;font-size:11px;color:var(--ink2);margin-top:2px}
.brf-na{color:var(--red);font-weight:700}
.brf-sub{font-size:11px;color:var(--muted);margin:4px 0 8px;line-height:1.5}
.brf-tops{list-style:none;margin:4px 0 6px;padding:0}
.brf-tops li{display:flex;align-items:baseline;gap:8px;padding:4px 0;border-bottom:1px solid var(--line2)}
.brf-tops li a{font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brf-tops li a:hover{color:var(--red)}
.brf-tops li .brf-meta{font-size:10.5px;color:var(--muted);flex:0 0 auto;margin-left:auto;white-space:nowrap}
.brf-go{display:inline-block;font-size:12px;font-weight:700;color:var(--red);text-decoration:none;margin:2px 0 10px}
.brf-go:hover{text-decoration:underline}
.brf-facts{display:flex;gap:0;margin:auto 0 0;border-top:1px solid var(--line);padding-top:9px}
.brf-fact{flex:1 1 0;text-align:center;font-size:10.5px;color:var(--muted);border-right:1px solid var(--line2);line-height:1.3}
.brf-fact:last-child{border-right:none}
.brf-fact b{display:block;font-family:var(--en);font-size:16px;font-weight:800;color:var(--ink)}
.brf-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line2)}
.brf-links a{font-size:12px;font-weight:700;color:var(--ink);text-decoration:none}
.brf-links a:hover{color:var(--red)}
.brf-art{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.5}
.brf-art a{color:var(--ink);font-weight:700;text-decoration:none}
.brf-art a:hover{color:var(--red)}
.brf-art .d{font-family:var(--en);font-size:10px;color:var(--muted);margin-left:6px}
.pro-foot-note{font-size:11px;color:var(--muted);line-height:1.65;margin:18px 0 0;padding-top:12px;border-top:1px solid var(--line);max-width:74ch}
@media(max-width:760px){ .brf-grid{grid-template-columns:1fr} .brf-jump a{flex:1 1 45%} }

/* ============================================================
 * ショートリスト／保存ボタン（出口強化 / ver0.7.6）
 * 既存お気に入り(ccpro_fav)を土台に、保存ボタン・比較ページ・サイドバー件数。
 * ============================================================ */
/* サイドバーの件数バッジ */
.pro-side__short{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px;padding:7px 10px;border:1.5px solid var(--ink);font-size:12.5px;font-weight:700;color:var(--ink);text-decoration:none}
.pro-side__short:hover,.pro-side__short.on{background:var(--ink);color:#fff}
.pro-side__short .n{font-family:var(--en);font-size:11px;font-weight:700;min-width:20px;text-align:center;padding:1px 6px;border:1px solid currentColor}
.pro-side__short.has .n{background:var(--red);color:#fff;border-color:var(--red)}
.pro-side__short.on .n{border-color:#fff}
/* 保存ボタン（★） */
.cc-save{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:2px 8px;border:1px solid var(--line);background:#fff;font-family:var(--jp);font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;line-height:1.6;white-space:nowrap}
.cc-save .i{font-size:12px;line-height:1;color:var(--line)}
.cc-save:hover{border-color:var(--ink);color:var(--ink)}
.cc-save:hover .i{color:var(--red)}
.cc-save.is-saved{border-color:var(--red);color:var(--red);background:#fff}
.cc-save.is-saved .i{color:var(--red)}
/* ブリーフ候補行に保存ボタンを収める */
.brf-tops li{flex-wrap:wrap}
.brf-tops li .cc-save{margin-left:auto}
/* 個別企業ページの保存アクション帯 */
.pro-prof-act{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.pro-prof-act .cc-save{padding:5px 12px;font-size:12px}
.pro-prof-act .sl-link{font-size:12px;font-weight:700;color:var(--ink);text-decoration:none}
.pro-prof-act .sl-link:hover{color:var(--red)}
/* 比較ページ */
.sl-bar{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 16px}
.pro-btn--ghost{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.pro-btn--ghost:hover{background:var(--ink);color:#fff}
.sl-empty{border:1.5px dashed var(--line);padding:22px 18px;color:var(--ink2);font-size:13px;line-height:1.7}
.sl-empty a{color:var(--red);font-weight:700;text-decoration:none}
.sl-empty a:hover{text-decoration:underline}
.sl-wrap{overflow-x:auto;border:1.5px solid var(--ink)}
.sl-table{border-collapse:collapse;width:100%;min-width:480px;font-size:13px}
.sl-table th,.sl-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line2);padding:9px 12px;text-align:left;vertical-align:top}
.sl-table thead th{border-bottom:2px solid var(--ink);background:var(--soft);vertical-align:bottom}
.sl-table .sl-rk{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;background:var(--soft);position:sticky;left:0}
.sl-table tbody .sl-rk{background:#fff}
.sl-nm{font-size:13px;font-weight:800;color:var(--ink);text-decoration:none}
.sl-nm:hover{color:var(--red)}
.sl-rm{margin-left:8px;border:none;background:none;color:var(--muted);font-size:14px;line-height:1;cursor:pointer;padding:0 2px}
.sl-rm:hover{color:var(--red)}
.sl-table td b{font-family:var(--en);font-size:15px}
.sl-na{color:var(--muted)}
.sl-memorow td{padding:6px}
.sl-memo{width:100%;min-width:150px;box-sizing:border-box;border:1px solid var(--line2);background:#fff;font:inherit;font-size:12px;line-height:1.5;color:var(--ink);padding:6px 8px;resize:vertical}
.sl-memo:focus{outline:none;border-color:var(--red)}
.sl-memo::placeholder{color:var(--muted);font-size:11px}
@media(max-width:760px){ .sl-table .sl-rk{position:static} }