.monitoring-page-updated-at { margin-block-start: .75rem; color: var(--color-neutral-200, #e5e5e5); font-size: .875rem; }

.monitoring-page-document {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-radius: .75rem;
  background: var(--color-neutral-800, #262626);
  color: var(--color-neutral-100, #f5f5f5);
  text-decoration: none;
}
.monitoring-page-document:hover {
  background: color-mix(in srgb, var(--color-neutral-700, #404040) 65%, var(--color-neutral-800, #262626));
}
.monitoring-page-document:focus-visible {
  outline: 2px solid var(--color-primary-400, #79bdff);
  outline-offset: 3px;
}
.monitoring-page-document svg { width: 1.5rem; height: 1.5rem; flex-shrink: 0; }
.monitoring-page-document-icon { color: var(--color-neutral-300, #d4d4d4); }
.monitoring-page-document-content { flex: 1; min-width: 0; }
.monitoring-page-document-title { display: block; font-weight: 600; overflow-wrap: anywhere; }
.monitoring-page-document:hover .monitoring-page-document-title { color: var(--color-primary-400, #79bdff); }
.monitoring-page-document-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35rem;
  margin-block-start: .25rem;
  color: var(--color-neutral-200, #e5e5e5);
  font-size: .875rem;
  line-height: 1.5;
}
.monitoring-page-document-action { display: flex; color: var(--color-neutral-300, #d4d4d4); }
.monitoring-page-document:hover .monitoring-page-document-action { color: var(--color-primary-400, #79bdff); }
@media (max-width: 39.999rem) {
  .monitoring-page-document { gap: .75rem; padding: 1rem; }
}

.monitoring-page-content {
  color: var(--color-neutral-200, #e5e5e5);
  font-size: 1rem;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.monitoring-page-content > * + * { margin-block-start: 1.35em; }
.monitoring-page-content :is(h1, h2, h3, h4, h5, h6) {
  color: var(--color-neutral-50, #fafafa);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.025em;
  scroll-margin-top: 5rem;
}
.monitoring-page-content h1 { font-size: clamp(2rem, 5vw, 3rem); }
.monitoring-page-content h2 { font-size: clamp(1.6rem, 4vw, 2.25rem); }
.monitoring-page-content h3 { font-size: 1.4rem; }
.monitoring-page-content :is(h4, h5, h6) { font-size: 1.1rem; }
.monitoring-page-content :is(p, ul, ol, blockquote, pre, table, details) + :is(p, ul, ol, blockquote, pre, table, details) { margin-block-start: 1.2em; }
.monitoring-page-content :is(ul, ol) { padding-inline-start: 1.6em; }
.monitoring-page-content ul { list-style: disc; }
.monitoring-page-content ol { list-style: decimal; }
.monitoring-page-content li { padding-inline-start: .25em; }
.monitoring-page-content li + li { margin-block-start: .35em; }
.monitoring-page-content li > :is(ul, ol) { margin-block-start: .5em; }
.monitoring-page-content a { color: var(--color-primary-400, #79bdff); text-decoration: underline; text-decoration-color: currentColor; text-underline-offset: .2em; }
.monitoring-page-content a:hover { color: var(--color-primary-300, #a6d3ff); }
.monitoring-page-content :is(a, summary):focus-visible { outline: 2px solid var(--color-primary-400, #79bdff); outline-offset: 3px; border-radius: 2px; }
.monitoring-page-content strong { color: var(--color-neutral-50, #fafafa); font-weight: 700; }
.monitoring-page-content mark { border-radius: .2em; background: var(--color-primary-500, #64a9ec); color: var(--color-neutral-950, #0a0a0a); padding-inline: .12em; }
.monitoring-page-content em { font-style: italic; }
.monitoring-page-content u { text-decoration: underline; }
.monitoring-page-content s { text-decoration: line-through; }
.monitoring-page-content small { font-size: .82em; }
.monitoring-page-content sub { vertical-align: sub; font-size: .75em; }
.monitoring-page-content sup { vertical-align: super; font-size: .75em; }
.monitoring-page-content .lead { color: var(--color-neutral-100, #f5f5f5); font-size: 1.25em; line-height: 1.55; }
.monitoring-page-content blockquote { border-inline-start: 1px solid var(--color-neutral-600, #525252); padding: .25em 0 .25em 1.25em; color: var(--color-neutral-300, #d4d4d4); }
.monitoring-page-content :not(pre) > code { border-radius: .3em; background: var(--color-neutral-800, #262626); padding: .12em .35em; font-size: .9em; }
.monitoring-page-content pre { max-width: 100%; overflow-x: auto; border-radius: .75rem; background: var(--color-neutral-950, #0a0a0a); padding: 1.2rem; line-height: 1.5; tab-size: 2; }
.monitoring-page-content pre code { padding: 0; background: transparent; font-size: .9rem; }
.monitoring-page-content hr { height: 1px; border: 0; background: var(--color-neutral-700, #404040); margin-block: 2rem; }
.monitoring-page-content img { display: block; max-width: 100%; height: auto; border-radius: .65rem; }
.monitoring-page-content a img { display: inline-block; }
.monitoring-page-content table { display: block; width: max-content; max-width: 100%; overflow-x: auto; border-collapse: collapse; border-radius: .6rem; }
.monitoring-page-content :is(th, td) { border-bottom: 1px solid var(--color-neutral-800, #262626); padding: .65rem .8rem; min-width: 6rem; text-align: start; vertical-align: top; }
.monitoring-page-content th { background: var(--color-neutral-950, #0a0a0a); color: var(--color-neutral-50, #fafafa); font-weight: 650; }
.monitoring-page-content tr:nth-child(even) td { background: color-mix(in srgb, var(--color-neutral-800, #262626) 45%, transparent); }
.monitoring-page-content details { background: var(--color-neutral-900, #171717); border-radius: .7rem; padding: .8rem 1rem; }
.monitoring-page-content summary { cursor: pointer; color: var(--color-neutral-50, #fafafa); font-weight: 650; }
.monitoring-page-content details[open] summary { margin-block-end: .7rem; }
.monitoring-page-content .grid-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
.monitoring-page-content .grid-layout-col { min-width: 0; }
.monitoring-page-content .color { color: var(--color); }
.monitoring-page-content .grid-layout[data-from-breakpoint="default"] { grid-template-columns: var(--cols, repeat(2, minmax(0, 1fr))); }
.monitoring-page-content .grid-layout[data-from-breakpoint="default"] > .grid-layout-col { grid-column: var(--col-span, span 1 / span 1); }
@media (min-width: 40rem) {
  .monitoring-page-content .grid-layout[data-from-breakpoint="sm"] { grid-template-columns: var(--cols, repeat(2, minmax(0, 1fr))); }
  .monitoring-page-content .grid-layout[data-from-breakpoint="sm"] > .grid-layout-col { grid-column: var(--col-span, span 1 / span 1); }
}
@media (min-width: 48rem) {
  .monitoring-page-content .grid-layout[data-from-breakpoint="md"] { grid-template-columns: var(--cols, repeat(2, minmax(0, 1fr))); }
  .monitoring-page-content .grid-layout[data-from-breakpoint="md"] > .grid-layout-col { grid-column: var(--col-span, span 1 / span 1); }
}
@media (min-width: 64rem) {
  .monitoring-page-content .grid-layout:is([data-from-breakpoint="lg"], :not([data-from-breakpoint])) { grid-template-columns: var(--cols, repeat(2, minmax(0, 1fr))); }
  .monitoring-page-content .grid-layout:is([data-from-breakpoint="lg"], :not([data-from-breakpoint])) > .grid-layout-col { grid-column: var(--col-span, span 1 / span 1); }
}
@media (min-width: 80rem) {
  .monitoring-page-content .grid-layout[data-from-breakpoint="xl"] { grid-template-columns: var(--cols, repeat(2, minmax(0, 1fr))); }
  .monitoring-page-content .grid-layout[data-from-breakpoint="xl"] > .grid-layout-col { grid-column: var(--col-span, span 1 / span 1); }
}
@media (min-width: 96rem) {
  .monitoring-page-content .grid-layout[data-from-breakpoint="2xl"] { grid-template-columns: var(--cols, repeat(2, minmax(0, 1fr))); }
  .monitoring-page-content .grid-layout[data-from-breakpoint="2xl"] > .grid-layout-col { grid-column: var(--col-span, span 1 / span 1); }
}