/* フィジカルAI（ソリューション詳細）ページ固有 */
/* 課題帯のリッチ版 .voice.grp：番号円＋グループ見出し＋症状内訳。幅は1080。解剖は基本形 .voice と同じ「アイコン左レール＋右コンテンツ」のまま、右側だけを2列グリッド化——アイコンは項目数に関係なく常に左中央で、項目が何個でも破綻しない。初出はこのページ（2ページ目の使用で共通へ昇格する） */
.voice.grp{max-width:1080px;padding:calc(36px * var(--sp-k)) calc(42px * var(--sp-k));gap:calc(38px * var(--sp-k))}
.voice.grp .vp svg{width:140px;padding:0}
.voice.grp>ul{display:grid;grid-template-columns:1fr 1fr;gap:calc(26px * var(--sp-k)) calc(40px * var(--sp-k));flex:1}
.voice.grp>ul>li::before{content:none}
.voice.grp .vn{position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--sol);color:#fff;font:700 12.5px/20px "Roboto Condensed",sans-serif;text-align:center}
.voice.grp li ul{list-style:none;display:grid;gap:calc(5px * var(--sp-k));margin-top:calc(8px * var(--sp-k))}
.voice.grp li ul li{position:relative;padding-left:calc(14px * var(--sp-k));font-size:var(--fs-body);font-weight:500;color:var(--ink-soft);line-height:1.7}
.voice.grp li ul li::before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--sol)}
@media(max-width:820px){.voice.grp{flex-direction:column;gap:calc(20px * var(--sp-k));padding:calc(26px * var(--sp-k))}.voice.grp .vp{display:none}.voice.grp>ul{grid-template-columns:1fr;gap:calc(22px * var(--sp-k))}}
/* Modalix 製品写真の置き場（透過切り抜き：cropせず等倍表示） */
.mdx-ph{width:min(480px,100%);margin:0 auto calc(40px * var(--sp-k))}
img.mdx-ph{display:block;height:auto}
/* 選ばれる理由カードの本文下タグ行（.reason へのタグ置き場はこのページ初出） */
.reason>.tags{display:flex;flex-wrap:wrap;gap:calc(7px * var(--sp-k));justify-content:center}
/* PoC工程ピルの工程色（相談=オレンジ／運用=緑。ユーザー裁定 2026-08-18：この工程ラベルのみ統一青の例外） */
.tag-pill.tp-acc{background:color-mix(in oklab,var(--accent) 10%,#fff);color:color-mix(in oklab,var(--accent) 80%,#000);border-color:color-mix(in oklab,var(--accent) 26%,#fff)}
.tag-pill.tp-sol{background:var(--sol-soft);color:var(--sol);border-color:color-mix(in oklab,var(--sol) 22%,#fff)}
/* PoC統合ピル（PoC ○：判断内容）は長文になるためこの行だけ折返しを許可 */
#oursol .cards.c5 .tag-pill{white-space:normal;line-height:1.5;text-align:left;flex-shrink:1;min-width:0;word-break:auto-phrase}
/* PoC工程列の幅比：内容の軽い「相談」「運用」を狭く（ユーザー指示 2026-08-18。.cards の列幅上書き禁止の例外として裁定。落ち方は共通CSSに任せるため1101px以上限定） */
@media(min-width:1101px){#oursol .cards.c5.arrows{grid-template-columns:0.82fr 1.12fr 1.12fr 1.12fr 0.82fr}}
/* 比較表の推し列 .hl：サイトの強調地＝淡青（blue-50）で列を持ち上げる。表はネイビー・青の言語のためテーマ緑は使わない（緑は部品契約の✓だけ）。結論列 .ef と併用。このページ初出の部品拡張 */
.solve-tbl td.hl{background:var(--blue-50)}
