/* B retains D's existing light / deep-gray tokens and text scale. */
.detail-variant-b {grid-template-columns:minmax(0,1fr) 300px; gap:56px}
.detail-variant-b .detail-b-original {margin-bottom:32px}
.detail-variant-b .detail-b-participation {margin-bottom:28px}
.detail-variant-b .detail-b-tabs {display:flex; align-items:stretch; gap:28px; border-bottom:1px solid var(--line); margin-bottom:26px; scroll-margin-top:112px}
.detail-variant-b .detail-b-tabs [role="tab"] {position:relative; display:inline-flex; flex-direction:column; align-items:flex-start; gap:5px; min-height:56px; padding:10px 2px 14px; border:0; border-radius:0; background:transparent; color:var(--muted); font:600 17px/1.5 var(--body); cursor:pointer; white-space:nowrap}
.detail-variant-b .detail-b-tab-label {display:inline-flex;align-items:center;gap:10px}
.detail-variant-b .detail-b-tab-progress {max-width:26ch;white-space:normal;overflow-wrap:anywhere;color:var(--muted);font:400 13px/1.5 var(--body)}
.detail-variant-b .detail-b-tabs [role="tab"]::after {content:""; position:absolute; height:2px; inset:auto 0 -1px; background:transparent}
.detail-variant-b .detail-b-tabs [role="tab"][aria-selected="true"] {color:var(--ink)}
.detail-variant-b .detail-b-tabs [role="tab"][aria-selected="true"]::after {background:var(--primary)}
.detail-variant-b .detail-b-tabs [role="tab"]:hover {color:var(--primary)}
.detail-variant-b .detail-b-tabs [role="tab"]:focus-visible {outline:2px solid var(--primary); outline-offset:-4px; border-radius:5px}
.detail-variant-b .detail-b-tab-count {display:inline-flex; align-items:center; justify-content:center; min-width:24px; padding:1px 7px; border-radius:6px; background:var(--soft); color:var(--muted); font:400 13px/1.7 var(--body); font-variant-numeric:tabular-nums}
.detail-variant-b .detail-b-tabs [aria-selected="true"] .detail-b-tab-count {color:var(--ink)}
.detail-variant-b .detail-b-panel[hidden] {display:none!important}
.detail-variant-b .detail-b-panel {margin-bottom:0; min-width:0; scroll-margin-top:112px}
.detail-variant-b .detail-b-panel:focus-visible {outline:2px solid var(--primary); outline-offset:8px; border-radius:4px}
.detail-variant-b .detail-b-panel>.content-title {display:none}
.detail-variant-b .detail-b-panel>.section-note {margin:0 0 24px}
.detail-variant-b .detail-aside {min-width:0}
.detail-variant-b .detail-b-panel .discussion-item:first-child {padding-top:24px}
.detail-variant-b .detail-b-panel .layout-solution-card:first-of-type {margin-top:0}
@media(max-width:1050px) {
  .detail-variant-b {grid-template-columns:minmax(0,1fr) 270px; gap:32px}
}
@media(max-width:850px) {
  .detail-variant-b {grid-template-columns:minmax(0,1fr); gap:40px}
  .detail-variant-b .detail-aside {position:static}
  .detail-variant-b .detail-b-original {margin-bottom:24px}
}
@media(max-width:550px) {
  .detail-variant-b .detail-b-tabs {gap:20px; margin-bottom:20px}
  .detail-variant-b .detail-b-tabs [role="tab"] {font-size:15px}
  .detail-variant-b .detail-b-tab-label {gap:7px}
}
