/* ===== 富士ソフトのDMS/EMS（受託開発下層）fsi-embedded.css / fpga.css の拡張 ===== */

/* 【新規部品①】製造マネジメント型EMSの体制図
   お客様＝1窓口→富士ソフト。その下にパートナーの工程群を枠でまとめてぶら下げる階層図。
   既存 .dflow は左→右の直列フロー専用で階層を表せないため新規。 */
.msmap{max-width:940px;margin:0 auto;display:grid;justify-items:center}
.ms-cust{width:268px;text-align:center;background:#fff;border:1.5px solid var(--ink);color:var(--ink);border-radius:var(--rd-btn);padding:calc(13px * var(--sp-k)) calc(10px * var(--sp-k));font-size:var(--fs-body);font-weight:900}
.ms-arr{display:flex;align-items:center;justify-content:center;padding:calc(9px * var(--sp-k)) 0}
.ms-arr svg{width:30px;height:30px;stroke:#b6c1d2;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;transform:rotate(90deg)}
.ms-hub{width:100%;text-align:center;background:var(--navy);color:#fff;border-radius:var(--rd-md);padding:calc(20px * var(--sp-k)) calc(12px * var(--sp-k));font-size:calc(20px * var(--fs-k));font-weight:900;line-height:1.4;box-shadow:var(--sh-1)}
.ms-hub small{display:block;font-size:var(--fs-label);font-weight:700;line-height:1.6;margin-top:calc(8px * var(--sp-k));opacity:.9}
.ms-ups{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:calc(14px * var(--sp-k));padding:calc(9px * var(--sp-k)) 0}
.ms-ups span{display:flex;justify-content:center}
.ms-ups svg{width:30px;height:30px;stroke:#b6c1d2;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg)}
.ms-parts{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:calc(14px * var(--sp-k));align-items:stretch}
.ms-grp{background:#fff;border:1px solid var(--line);border-radius:var(--rd-md);padding:calc(14px * var(--sp-k));display:grid;gap:calc(8px * var(--sp-k));align-content:center}
.ms-grp span{background:var(--bg-soft);border-radius:var(--rd-btn);padding:calc(11px * var(--sp-k)) calc(4px * var(--sp-k));font-size:var(--fs-sub);font-weight:700;color:var(--ink);text-align:center;line-height:1.4}
@media(max-width:900px){.ms-ups{display:none}.ms-parts{grid-template-columns:repeat(2,1fr);margin-top:calc(18px * var(--sp-k))}}

/* 対応表 .solve-tbl は2ページ（DMS/EMS・GUI開発）で使うため fsi-embedded.css へ移設 */

/* 工程内訳の縦チェーン（.dom-zoom の中で .zbox/.zar を縦に並べる。既存 .zrow は横並び専用） */
.zcol{display:grid;justify-items:stretch}
.zcol .zbox{background:#fff;border:1.5px solid var(--sol);color:var(--sol);border-radius:6px;padding:calc(10px * var(--sp-k)) calc(6px * var(--sp-k));font-size:var(--fs-sub);font-weight:700;text-align:center;line-height:1.4}
.zcol .zar{display:flex;justify-content:center;color:#9aa8bc;padding:calc(8px * var(--sp-k)) 0}
.zcol .zar svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.6;fill:none;display:block;transform:rotate(90deg)}

/* 既存部品へのページ内レイアウト差分 */
/* 内訳リストを持つボックスだけ上揃え（リストの開始位置を揃える）。単独ボックスは中央のまま */
#overview .dflow>.dbox{align-self:stretch;padding-top:calc(19px * var(--sp-k))}
#overview .dflow>.dbox:has(.subs){justify-content:flex-start}
#overview .dflow .own{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--ink);border-radius:var(--shape-pill);padding:calc(3px * var(--sp-k)) calc(14px * var(--sp-k));font-size:var(--fs-label);font-weight:700;color:#fff;white-space:nowrap}
/* .hw は「ハードウェア工程」の意味なので、担当（富士ソフト）を表す修飾子を分ける */
#overview .dflow .dbox.fsi{border-color:var(--navy);color:var(--navy);background:color-mix(in oklab,var(--navy) 4%,#fff)}
#overview .dflow .dbox.fsi .own{background:var(--navy)}
#overview .dflow .subs{display:grid;gap:calc(5px * var(--sp-k));width:100%;margin-top:calc(10px * var(--sp-k))}
#overview .dflow .subs.cols2{grid-template-columns:1fr 1fr}
#overview .dflow .subs span{background:#fff;border:1px solid color-mix(in oklab,var(--navy) 22%,#fff);border-radius:6px;padding:calc(6px * var(--sp-k)) calc(4px * var(--sp-k));font-size:var(--fs-label);font-weight:700;color:var(--ink);line-height:1.4}
#process .dflow.nostack .dzone{grid-column:1/10;display:grid;grid-template-columns:1fr 1fr;column-gap:calc(22px * var(--sp-k));row-gap:0;align-items:start}
#process .dzone>.dfunnel{grid-column:1/3;height:24px;margin:calc(12px * var(--sp-k)) 0 0}
#overview .acts{justify-content:center;margin-top:calc(26px * var(--sp-k))}
#knowhow .news-feat .thumb{aspect-ratio:16/9}