/* Align the expanded trench diagram heading with its diagram card. */
html.fleet-positioning253,html.fleet-positioning253 body {overflow-anchor:none}
.trench-viewer240 {
  --trench-viewer-gutter:20px;
  --trench-viewer-inset:16px;
}
.trench-viewer240 > .et-viewer-head {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  align-items:start;
  gap:16px;
  width:calc(100% - 2 * var(--trench-viewer-gutter));
  max-width:calc(780px - 2 * var(--trench-viewer-gutter));
  margin:0 auto;
  padding:var(--trench-viewer-inset);
  border:1px solid #a5cf4847;
  text-align:left;
}
.trench-viewer240 > .et-viewer-head > div {
  min-width:0;
}
.trench-viewer240 > .et-viewer-head .et-viewer-kicker {
  display:block;
  margin:0;
  line-height:1.6;
  white-space:normal;
  overflow-wrap:anywhere;
}
.trench-viewer240 > .et-viewer-head h2 {
  max-width:none;
  margin:6px 0 0;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
}
.trench-viewer240 > .et-viewer-head > .et-close {
  position:static;
  align-self:start;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  line-height:1;
}
@media (max-width:1000px) {
  .trench-viewer240 {--trench-viewer-inset:14px}
}
@media (max-width:600px) {
  .trench-viewer240 {--trench-viewer-gutter:10px}
}