/* LKK-only process layout experiment. Deliverable galleries remain unchanged. */
#lkkDetail .lkk-method-composition {
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.4fr);
  align-items: center;
  gap: clamp(28px, 4vw, 64px);
}
#lkkDetail .lkk-method-rail {
  border: 0;
  border-radius: 0;
  background: none;
}
#lkkDetail .lkk-method-step {
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 12px;
  min-height: 0;
  padding: 17px 0;
}
#lkkDetail .lkk-method-step:first-child { padding-top: 0; }
#lkkDetail .lkk-method-step:last-child { padding-bottom: 0; }
#lkkDetail .lkk-method-step-index { justify-content: flex-start; }
#lkkDetail .lkk-method-step-index::after { display: none; }
#lkkDetail .lkk-method-evidence {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
#lkkDetail .lkk-method-evidence-grid { grid-template-columns: minmax(0, 1fr); }
#lkkDetail .lkk-method-proof {
  border: 0;
  border-radius: 0;
  background: none;
}
#lkkDetail .lkk-method-proof .lkk-evidence-visual {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  aspect-ratio: 16 / 9;
}
#lkkDetail .lkk-method-proof img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#lkkDetail .lkk-method-proof figcaption {
  min-height: 0;
  padding: 13px 0 0;
}
#lkkDetail .lkk-method-proof figcaption strong {
  font-weight: 500;
  margin: 0;
  color: var(--text-secondary);
}
#lkkDetail .lkk-method-composition--compare {
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr);
}
#lkkDetail .lkk-method-composition--compare .lkk-method-evidence {
  grid-column: 1;
  grid-row: 1;
}
#lkkDetail .lkk-method-composition--compare .lkk-method-rail {
  grid-column: 2;
  grid-row: 1;
}
#lkkDetail .lkk-method-composition--strategy { grid-template-columns: 1fr; gap: 30px; }
#lkkDetail .lkk-method-composition--strategy .lkk-method-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
}
#lkkDetail .lkk-method-composition--strategy .lkk-method-step {
  display: block;
  padding: 0 0 22px;
  border-bottom: 1px solid var(--border);
}
#lkkDetail .lkk-method-composition--strategy .lkk-method-step-index { margin-bottom: 12px; }
#lkkDetail .lkk-method-composition--strategy .lkk-method-evidence-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
@media (max-width: 1000px) {
  #lkkDetail .lkk-method-composition,
  #lkkDetail .lkk-method-composition--compare { grid-template-columns: 1fr; gap: 28px; }
  #lkkDetail .lkk-method-composition--compare .lkk-method-rail,
  #lkkDetail .lkk-method-composition--compare .lkk-method-evidence { grid-column: auto; grid-row: auto; }
  #lkkDetail .lkk-method-rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 30px; }
  #lkkDetail .lkk-method-step { padding: 0 0 18px; }
  #lkkDetail .lkk-method-composition--strategy .lkk-method-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  #lkkDetail .lkk-method-rail,
  #lkkDetail .lkk-method-composition--strategy .lkk-method-rail,
  #lkkDetail .lkk-method-composition--strategy .lkk-method-evidence-grid { grid-template-columns: 1fr; }
  #lkkDetail .lkk-method-rail { gap: 18px; }
  #lkkDetail .lkk-method-composition--strategy .lkk-method-step { display: grid; }
  #lkkDetail .lkk-method-composition--strategy .lkk-method-step-index { margin-bottom: 0; }
}