/* Trust Centre pages (trust, observability, data-residency, your-data, compliance).
   Loaded after skin.css. Only layout glue for template components reused on these pages; colours come from the
   template variables and skin.css. */

/* Cards and steps that link to another page: the whole card is the link target. */
.sec-control,
.sec-step { position: relative; }
.trust-link { color: inherit; text-decoration: none; }
.trust-link::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.trust-link:hover,
.trust-link:focus-visible { text-decoration: underline; text-underline-offset: 0.2em; }
.sec-control:hover,
.sec-step:hover { border-color: var(--_theme---neutral--400); }

/* docs-run panels used where the template shows a product image (Network Observatory). */
.agt-row_visual:has(> .agt-row_card > .docs-run) { height: auto; min-height: 400px; }
.agt-row_card > .docs-run { width: 100%; margin: 0; text-align: left; }
.agt-hero_cards .docs-run { margin: 0; text-align: left; }
.agt-hero_cards .docs-run .docs-run_row { padding-top: 0.45rem; padding-bottom: 0.45rem; }

@media screen and (max-width: 767px) {
  .agt-row_visual:has(> .agt-row_card > .docs-run) { min-height: 0; }
  .docs-run_name { min-width: 0; }
  .docs-run_name > div:last-child { overflow-wrap: anywhere; }
}

/* No one-word last lines in headings, leads and panel rows. */
main h1, main h2, main h3, main p, .docs-run_name, .docs-note_text, .sec-step_text, .sec-mono, .agt-row_meta,
.agt-walls_meta, .prc-rates_rate, .prc-rates_example, .prc-table_cell { text-wrap: pretty; }

@media screen and (max-width: 479px) {
  /* Panel rows: the label takes the full width, its value sits under it. */
  .docs-run_row { flex-wrap: wrap; row-gap: 2px; }
  .docs-run_name { flex: 1 1 100%; }
  .docs-run_time, .docs-run_time-accent { margin-left: auto; }
}
.sec-control_text, .sec-step_text, .agt-walls_meta { text-wrap: balance; }