/* Wuling only. Original report relationships, restrained overview scale. */
#wulingDetail .wl-process-index {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;
  list-style:none; padding:0; margin:30px 0 0;
}
#wulingDetail .wl-process-index li { border-top:1px solid var(--divider); padding-top:16px; }
#wulingDetail .wl-process-index span { color:var(--accent); font:400 1.5rem/1.4 var(--font-display); }
#wulingDetail .wl-process-index h3 { font:500 1.12rem/1.55 var(--font-serif-cn); margin:10px 0 6px; }
#wulingDetail .wl-process-index p { color:var(--text-secondary); font-size:.86rem; line-height:1.85; }
body.human-interface-v2 #page-detail #wulingDetail .wl-overview {
  width:min(1320px,calc(100% - 96px)); margin-inline:auto; padding:48px 0;
}
body.human-interface-v2 #page-detail #wulingDetail .wl-overview .context-grid {
  width:100%; padding:0; margin:0; max-width:none;
}
#wulingDetail .wl-method-body {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(24px,3vw,40px); align-items:start; margin-top:28px;
}
body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-method {
  max-width:1080px;
}
#wulingDetail .wl-method-notes { display:grid; gap:19px; }
#wulingDetail .wl-method-notes article { border-top:1px solid var(--divider); padding-top:14px; }
#wulingDetail .wl-method-notes h3,
#wulingDetail .wl-method-notes h4 { margin:0 0 7px; font:500 1.08rem/1.55 var(--font-serif-cn); }
#wulingDetail .wl-method-group { margin-top:32px; max-width:1080px; margin-inline:auto; }
#wulingDetail .wl-method-group + .wl-method-group { margin-top:56px; }
#wulingDetail .wl-group-title { margin:0; font:500 clamp(18px,1.7vw,23px)/1.6 var(--font-serif-cn); }
#wulingDetail .wl-method-group .wl-method-body { margin-top:0; }
#wulingDetail .wl-method-copy { min-width:0; }
#wulingDetail .wl-method-copy .wl-method-notes { margin-top:20px; }
#wulingDetail .wl-method-notes p { margin:0; color:var(--text-secondary); font-size:.88rem; line-height:1.85; }
#wulingDetail .wl-figure {
  display:block; min-width:0; width:100%; margin:0; overflow:hidden;
  border:1px solid var(--divider); border-radius:12px; background:#faf9f5;
}
body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-figure img {
  display:block; position:static; width:100%; height:auto; aspect-ratio:1800 / 1013;
  max-height:clamp(180px,calc(100svh - 250px),380px); margin:0; padding:0;
  border:0; border-radius:0; object-fit:contain; background:#f8f8f5; box-shadow:none;
}
body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-figure figcaption {
  display:block; position:static; width:100%; max-width:none; margin:0; padding:13px 16px;
  min-height:0; border-top:1px solid var(--divider); background:#faf9f5;
  color:var(--text-primary); font:500 16px/1.6 var(--font-serif-cn);
}
#wulingDetail .wl-evidence-pair {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px;
  width:100%; max-width:1080px; margin-inline:auto; align-items:start;
}
#wulingDetail .wl-story-grid { row-gap:30px; }
#wulingDetail .wl-delivery-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
#wulingDetail .wl-delivery-index article { padding:18px 0; border-top:1px solid var(--divider); }
#wulingDetail .wl-delivery-index strong { font:400 clamp(22px,2.4vw,32px)/1.5 var(--font-display); color:var(--accent); }
#wulingDetail .wl-delivery-index h3 { margin:9px 0 0; font:500 1rem/1.7 var(--font-serif-cn); }
#wulingDetail .wl-note { margin:20px 0 0; color:var(--text-secondary); font:.76rem/1.8 var(--font-body); }
#wulingDetail .wl-impact article { display:grid; grid-template-columns:42px 1fr; gap:22px; padding:24px 0; border-top:1px solid var(--divider); }
#wulingDetail .wl-impact article>span { color:var(--accent); font:400 1.6rem/1.5 var(--font-display); }
#wulingDetail .wl-impact h3 { font:500 1.22rem/1.6 var(--font-serif-cn); margin:0 0 8px; }
#wulingDetail .wl-impact p { font-size:.9rem; line-height:1.85; color:var(--text-secondary); max-width:70em; }
@media(max-width:1100px) {
  body.human-interface-v2 #page-detail #wulingDetail .wl-overview { width:calc(100% - 64px); }
}
@media(max-width:900px) {
  #wulingDetail .wl-method-body { grid-template-columns:1fr; gap:24px; }
  #wulingDetail .wl-method-notes { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
  #wulingDetail .wl-method-body>.wl-figure { max-width:700px; margin-inline:auto; }
  #wulingDetail .wl-process-index { gap:24px; }
  #wulingDetail .wl-delivery-index { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
}
@media(max-width:700px) {
  #wulingDetail .wl-process-index { grid-template-columns:1fr; gap:18px; }
  #wulingDetail .wl-process-index li { display:grid; grid-template-columns:34px 1fr; column-gap:12px; }
  #wulingDetail .wl-process-index span { grid-row:1 / 3; }
  #wulingDetail .wl-process-index h3 { margin:0 0 4px; }
  #wulingDetail .wl-process-index p { grid-column:2; margin:0; }
  #wulingDetail .wl-evidence-pair { grid-template-columns:1fr; gap:22px; }
  #wulingDetail .wl-method-notes { grid-template-columns:1fr; gap:18px; }
  body.human-interface-v2 #page-detail #wulingDetail .wl-overview { width:calc(100% - 40px); padding:30px 0; }
  #wulingDetail .wl-impact article { grid-template-columns:28px 1fr; gap:14px; }
}
@media(max-width:420px) {
  body.human-interface-v2 #page-detail #wulingDetail .wl-overview { width:calc(100% - 28px); }
  body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-figure figcaption { font-size:15px; padding:12px 14px; }
}

#wulingDetail .wl-process-images { display:grid; gap:20px; min-width:0; }
#wulingDetail .wl-master { max-width:800px; margin:28px auto; }
#wulingDetail .wl-method-notes { grid-template-columns:1fr; }

#wulingDetail .wl-business-impact {
  border-left:3px solid var(--accent); padding:22px 28px;
  margin:28px 0 32px; background:rgb(192 72 39 / 4%);
}
#wulingDetail .wl-business-impact h3 { font-size:clamp(22px,2.3vw,30px); }
#wulingDetail .wl-business-impact p:not(.section-label) { margin:12px 0; }
#wulingDetail .wl-business-impact a { font-size:12px; color:var(--text-secondary); text-underline-offset:4px; }
@media(max-width:700px) {
  #wulingDetail .wl-business-impact { padding:18px 20px; }
}

/* A short text column must never be centered beside a tall image stack. */
#wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) {
  grid-template-columns:1fr; gap:24px;
}
#wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-method-notes,
#wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-process-images {
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px;
}
#wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-method-notes:has(article:nth-child(3)) {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-method .wl-figure img {
  max-height:clamp(170px,calc(100svh - 280px),300px);
}
#wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) .wl-process-images {
  width:100%; max-width:570px; justify-self:start;
}
#wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) {
  max-width:1080px; margin-inline:auto;
}
/* Text and paired evidence share an edge; spacing belongs to the group boundary. */
#wulingDetail .deliverable-section:has(.wl-figure) > h2,
#wulingDetail .deliverable-section:has(.wl-figure) > .section-label,
#wulingDetail .deliverable-section:has(.wl-figure) > .section-desc {
  max-width:1080px; margin-inline:auto;
}
#wulingDetail .deliverable-section > .section-desc { margin-bottom:0; }
#wulingDetail .deliverable-section > .section-desc + .wl-evidence-pair,
#wulingDetail .deliverable-section > .section-desc + .wl-master {
  margin-top:32px;
}
#wulingDetail .deliverable-section > .wl-master + .wl-evidence-pair,
#wulingDetail .deliverable-section > .wl-evidence-pair + .wl-master {
  margin-top:32px;
}
@media(max-width:900px) {
  #wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) .wl-method-notes {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) .wl-process-images {
    justify-self:center;
  }
}
@media(max-width:700px) {
  #wulingDetail .wl-method-group + .wl-method-group { margin-top:40px; }
  #wulingDetail .deliverable-section > .section-desc + .wl-evidence-pair,
  #wulingDetail .deliverable-section > .section-desc + .wl-master,
  #wulingDetail .deliverable-section > .wl-master + .wl-evidence-pair,
  #wulingDetail .deliverable-section > .wl-evidence-pair + .wl-master {
    margin-top:24px;
  }
  #wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-method-notes,
  #wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-method-notes:has(article:nth-child(3)),
  #wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-process-images,
  #wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) .wl-method-notes {
    grid-template-columns:1fr; gap:18px;
  }
}