/* Current local content in the official website's article components. */
.natura-article #performance-benchmark .film-heading > .film-duration { display:none; }
.natura-article .demo-grid > .study-selector > .selector-heading,
.natura-article #performance-benchmark .instruction-paired > .study-selector > .selector-heading { display:none; }
.natura-article .observation-caption { grid-template-columns:minmax(0,1fr); gap:0; }
.natura-article .observation-caption .study-intent { border:0; padding:0; margin:0 0 22px; }
.natura-article .observation-caption .study-intent>p,
.natura-article .open-case-request>p,
.natura-article .open-case-film>.open-step-request,
.natura-article .comparison-observation>.benchmark-instruction { font:italic 400 16px/1.5 var(--serif); margin:0; }
.natura-article .open-case-film>.open-step-request { margin:14px 0 20px; }
.natura-article .comparison-observation>.benchmark-instruction { margin-bottom:22px; }
.natura-article .observation-caption .study-intent>p+p { margin-top:8px; }
.natura-article .observation-caption .request-label,
.natura-article .open-case-request .request-label,
.natura-article .open-step-request .request-label,
.natura-article .benchmark-instruction .request-label { font:inherit; font-weight:700; color:inherit; }
.natura-article .supplied-chart { margin:32px 0; width:100%; }
.natura-article .supplied-chart iframe { display:block; width:100%; height:1300px; border:0; background:#fcfcfc; }
@media(max-width:700px) {
  .natura-article .supplied-chart-benchmark iframe { height:2800px; }
  .natura-article .supplied-chart-scaling iframe { height:2200px; }
}
.natura-article video { display:block; width:100%; max-width:100%; object-fit:contain; background:#111; }
.natura-article .overview-film video { aspect-ratio:16/9; }
/* Use the custom cover's ratio before playback, then the video's intrinsic ratio. */
.natura-article .demo-grid .study-film video[data-custom-poster] { aspect-ratio:auto 16/9; }
.natura-article .article-list { margin:1.2em 0; padding-left:1.4em; list-style:disc; }
.natura-article .article-list>li { padding-left:.3em; margin-bottom:1em; }
.natura-article .benchmark-before-break { transform:translateX(-100%); }
.natura-article .benchmark-after-break { transform:none; }
.natura-article .benchmark-axis-break { position:absolute; top:100%; width:20px; height:14px; transform:translate(-50%,-50%); overflow:visible; pointer-events:none; }
.natura-article .benchmark-axis-break path { fill:none; stroke:var(--muted); stroke-width:1.2; stroke-linecap:round; }
.natura-article .benchmark-axis-note { display:block; margin-top:5px; font:9px/1.4 var(--sans); letter-spacing:.2px; color:var(--muted); }
.natura-article .benchmark-not-scored { grid-template-columns:minmax(0,1fr) auto; }
.natura-article .benchmark-not-scored .benchmark-track { height:0; background:none; border:0; border-top:1px dashed var(--series-color); }
.natura-article .benchmark-missing-value { font:10px/1.1 var(--sans); color:var(--muted); white-space:nowrap; }
.natura-article .open-comparison { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:22px 22px 0; align-items:start; }
.natura-article .open-comparison>.open-case-film:first-child { grid-column:1/-1; }
.natura-article .open-comparison .study-film { border-radius:8px; overflow:hidden; }
/* Ten 3.3 cases: four cards, two wider cards, then four cards. */
@media(min-width:601px) {
  .natura-article .open-case-browser[data-case-browser] { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .natura-article .open-case-browser>.observation-index>button:nth-child(5),
  .natura-article .open-case-browser>.observation-index>button:nth-child(6) { grid-column:span 2; }
}
@container(max-width:520px) { .natura-article .benchmark-x-tick-detail { display:none; } }
@media(max-width:600px) {
  .natura-article .open-comparison { grid-template-columns:1fr; gap:24px; padding:16px 16px 0; }
  .natura-article .open-comparison .open-step-request { margin-bottom:0; }
}
/* Nested editorial sections within the data-system chapter. */
.natura-article .article-section-body > h5 {
  margin: 28px 0 10px;
  font: 600 17px/1.35 var(--sans);
  color: var(--ink);
}
.natura-article .article-citation {
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.natura-article .citation-label {
  margin: 0 0 14px;
  font: 600 17px/1.35 var(--sans);
}
.natura-article #figure-egocentric-data iframe { min-width:0; background:transparent; }