/* =========================================================
   Cyber Defence Kit documentation pages

   Homepage styles are deliberately excluded. The homepage script adds
   .cdk-home-page to the body as soon as its custom hero is detected.
   ========================================================= */

:root {
  --cdk-doc-grid-width: 78rem;
  --cdk-doc-grid-half-width: 39rem;
}

/* Response and Automation landing and product simulations */

.md-response-landing .md-landing-hero__copy {
  min-width: 0;
}

.md-response-landing .md-landing-hero h1 {
  width: max-content;
  max-width: 100%;
  font-size: clamp(2rem, 3.2vw, 3rem);
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
}

.md-response-landing .md-workflow {
  grid-template-columns: minmax(24rem, 1.25fr) minmax(17rem, 1fr);
}

.md-response-landing .md-workflow__steps {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.md-foundation-route.md-foundation-route--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.md-response-loop {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.md-response-loop a {
  display: flex;
  min-height: 10.5rem;
  flex-direction: column;
  padding: 1rem;
  border: 1px solid var(--md-landing-line);
  border-radius: 0.7rem;
  color: var(--md-default-fg-color) !important;
  background: linear-gradient(145deg, rgba(168, 212, 255, 0.16), rgba(75, 159, 255, 0.05));
}

.md-response-loop a:is(:hover, :focus-visible) {
  border-color: var(--md-accent-fg-color);
  transform: translateY(-0.12rem);
}

.md-response-loop span {
  color: var(--md-accent-fg-color);
  font-family: var(--md-code-font-family);
  font-size: 0.66rem;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.md-response-loop strong { margin-top: 0.55rem; font-size: 0.9rem; }
.md-response-loop small { margin-top: 0.45rem; color: var(--md-default-fg-color--light); font-size: 0.73rem; line-height: 1.5; }

.md-section-heading--plain > div {
  max-width: 48rem;
}

.md-section-kicker {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--md-accent-fg-color);
  font-size: 0.64rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.md-tool-facts {
  display: grid;
  width: 100%;
  gap: 0.35rem;
  margin: 0.65rem 0;
}

.md-tool-facts > div { display: grid; grid-template-columns: 5rem 1fr; gap: 0.6rem; }
.md-tool-facts dt { color: var(--md-accent-fg-color); font-size: 0.68rem; font-weight: 750; }
.md-tool-facts dd { margin: 0; color: var(--md-default-fg-color--light); font-size: 0.7rem; line-height: 1.4; }

.md-response-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.8rem;
  padding: 0.8rem;
  border: 1px solid var(--md-landing-line);
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
}

.md-response-actions > span { flex: 1 1 18rem; }
.md-response-actions strong,
.md-response-actions small { display: block; }
.md-response-actions > span > b { display: block; margin-bottom: 0.15rem; color: var(--md-accent-fg-color); font-size: 0.6rem; letter-spacing: 0.07em; text-transform: uppercase; }
.md-response-actions strong { font-size: 0.78rem; }
.md-response-actions small { margin-top: 0.15rem; color: var(--md-default-fg-color--light); font-size: 0.68rem; }
.md-response-actions > a { padding: 0.45rem 0.6rem; border: 1px solid var(--md-landing-line); border-radius: 999px; font-size: 0.68rem; font-weight: 700; }
.md-response-actions > a:is(:hover, :focus-visible) { border-color: var(--md-accent-fg-color); background: rgba(75, 159, 255, 0.1); }

.cdk-response-sim {
  --cdk-response-accent: #4e71d9;
  overflow: hidden;
  border: 1px solid #cad1dc;
  border-radius: 0.45rem;
  color: #263247;
  background: #f2f4f8;
  box-shadow: 0 0.7rem 1.8rem rgba(20, 31, 54, 0.14);
  font-size: 0.68rem;
  color-scheme: light;
}

.cdk-response-sim--thehive { --cdk-response-accent: #e4a124; }
.cdk-response-sim--iris { --cdk-response-accent: #3f7cc9; }
.cdk-response-sim--shuffle { --cdk-response-accent: #168de2; }

.cdk-response-sim__bar {
  display: flex;
  min-height: 2.55rem;
  padding: 0 0.85rem;
  align-items: center;
  gap: 1rem;
  color: #eef2f8;
  background: #182235;
}

.cdk-response-sim__bar b { color: var(--cdk-response-accent); font-size: 0.82rem; }
.cdk-response-sim__bar span { font-weight: 650; }
.cdk-response-sim__bar small { margin-left: auto; color: #b9c4d3; }

.cdk-response-sim__shell {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr);
  min-height: 27rem;
}

.cdk-response-sim__shell > aside {
  display: flex;
  padding: 0.8rem 0.55rem;
  flex-direction: column;
  gap: 0.2rem;
  color: #ced7e5;
  background: #222d41;
}

.cdk-response-sim__shell > aside :is(strong, span) { padding: 0.42rem 0.55rem; }
.cdk-response-sim__shell > aside strong { color: #8e9db3; font-size: 0.58rem; text-transform: uppercase; letter-spacing: 0.06em; }
.cdk-response-sim__shell > aside .is-current { border-left: 0.15rem solid var(--cdk-response-accent); color: #fff; background: #303d53; }
.cdk-response-sim__shell > main { min-width: 0; padding: 0.75rem; background: #f5f6f9; }

.cdk-response-sim__case {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.65rem;
}

.cdk-response-sim__case small { color: #6d788b; }
.md-typeset .cdk-response-sim__case h4 { margin: 0.08rem 0 0; color: #263247 !important; font-size: 0.96rem; }
.cdk-response-sim__case > span { padding: 0.3rem 0.5rem; border: 1px solid #ced5df; border-radius: 0.25rem; background: #fff; font-weight: 650; }

.md-typeset .cdk-response-sim__progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  list-style: none;
}

.md-typeset .cdk-response-sim__progress li {
  display: flex;
  min-width: 0;
  margin: 0 !important;
  padding: 0.4rem 0.45rem;
  align-items: center;
  gap: 0.35rem;
  border-bottom: 0.13rem solid #d7dce5;
  color: #7c8798;
}

.cdk-response-sim__progress li[aria-current="step"],
.cdk-response-sim__progress li[data-complete="true"] { border-bottom-color: var(--cdk-response-accent); color: #28354a; }
.cdk-response-sim__progress b { display: grid; width: 1.05rem; height: 1.05rem; place-items: center; border-radius: 50%; background: #e2e6ed; font-size: 0.55rem; }
.cdk-response-sim__progress li[aria-current="step"] b,
.cdk-response-sim__progress li[data-complete="true"] b { color: #fff; background: var(--cdk-response-accent); }

.cdk-response-sim__panel {
  min-height: 16.5rem;
  padding: 0.75rem;
  border: 1px solid #d7dce5;
  background: #fff;
}

.cdk-response-sim__panel > header { display: grid; gap: 0.08rem; margin-bottom: 0.65rem; }
.cdk-response-sim__panel > header span { color: var(--cdk-response-accent); font-size: 0.58rem; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em; }
.cdk-response-sim__panel > header strong { color: #263247; font-size: 0.82rem; }
.cdk-response-sim__panel > p { margin: 0 0 0.65rem; color: #5e6a7d; }

.cdk-response-sim__queue,
.cdk-response-sim__evidence,
.cdk-response-sim__decisions { display: grid; gap: 0.45rem; }

.cdk-response-sim button {
  border: 1px solid #ced5df;
  color: #29364a;
  background: #fff;
  font: inherit;
  cursor: pointer;
}

.cdk-response-sim button:is(:hover, :focus-visible),
.cdk-response-sim button[aria-pressed="true"] { border-color: var(--cdk-response-accent); background: color-mix(in srgb, var(--cdk-response-accent) 8%, #fff); }

.cdk-response-sim__queue button {
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr);
  gap: 0.1rem 0.55rem;
  padding: 0.55rem;
  text-align: left;
}

.cdk-response-sim__queue button > span { grid-row: 1 / span 2; align-self: center; color: var(--cdk-response-accent); font-weight: 800; text-align: center; }
.cdk-response-sim__queue button > small { color: #697588; }

.cdk-response-sim__evidence { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cdk-response-sim__evidence button,
.cdk-response-sim__decisions button { display: grid; gap: 0.3rem; padding: 0.65rem; text-align: left; }
.cdk-response-sim__evidence button > span { width: 0.9rem; height: 0.9rem; border: 1px solid #acb6c4; border-radius: 0.18rem; }
.cdk-response-sim__evidence button[aria-pressed="true"] > span { border-color: var(--cdk-response-accent); background: var(--cdk-response-accent); box-shadow: inset 0 0 0 0.16rem #fff; }
.cdk-response-sim__evidence small,
.cdk-response-sim__decisions small { color: #687487; line-height: 1.4; }
.cdk-response-sim__decisions { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.cdk-response-sim__approval { display: flex; margin: 0.8rem 0; padding: 0.7rem; align-items: center; gap: 0.7rem; border: 1px solid #e0c77e; background: #fff9e7; }
.cdk-response-sim__approval > span { display: grid; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: #c69018; font-weight: 800; }
.cdk-response-sim__approval > div { display: grid; gap: 0.15rem; }
.cdk-response-sim__approval small { color: #6e654e; }
.cdk-response-sim__check { display: flex !important; margin: 0.7rem 0; align-items: flex-start; gap: 0.5rem; color: #39475c !important; }
.cdk-response-sim__check input { width: 1rem !important; height: 1rem; flex: 0 0 auto; accent-color: var(--cdk-response-accent); }
.cdk-response-sim__finish { padding: 0.5rem 0.75rem; color: #fff !important; background: var(--cdk-response-accent) !important; font-weight: 700 !important; }
.cdk-response-sim__finish:disabled { cursor: not-allowed; opacity: 0.45; }
.cdk-response-sim output { display: block; margin-top: 0.55rem; padding: 0.55rem 0.65rem; border-left: 0.16rem solid var(--cdk-response-accent); color: #36445a; background: #e9edf4; }
.cdk-response-sim output[data-state="hint"] { border-left-color: #d49a27; background: #fff7e2; }
.cdk-response-sim output[data-state="correct"] { border-left-color: #2fa36f; background: #e9f7f0; }

/* Shuffle interactive lab: product-like workflow canvas and run checks */
.cdk-response-sim--shuffle .cdk-response-sim__bar {
  background: #171b2b;
  box-shadow: inset 0 -0.12rem #6d5ce7;
}

.cdk-response-sim--shuffle .cdk-response-sim__bar b {
  color: #b9b0ff;
  letter-spacing: 0.015em;
}

.cdk-response-sim--shuffle .cdk-response-sim__shell > aside {
  background: #202536;
}

.cdk-response-sim--shuffle .cdk-response-sim__shell > aside .is-current {
  border-left-color: #6d5ce7;
  background: #2d3348;
}

.cdk-shuffle-canvas {
  margin-bottom: 0.7rem;
  overflow: hidden;
  border: 1px solid #d6dbe5;
  border-radius: 0.35rem;
  background:
    linear-gradient(rgba(91, 108, 139, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(91, 108, 139, 0.07) 1px, transparent 1px),
    #eef1f6;
  background-size: 1.1rem 1.1rem;
}

.cdk-shuffle-canvas > header {
  display: flex;
  min-height: 2.4rem;
  padding: 0.45rem 0.65rem;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d5dae4;
  background: rgba(255, 255, 255, 0.92);
}

.cdk-shuffle-canvas > header div,
.cdk-shuffle-canvas > header :is(strong, small) {
  display: block;
}

.cdk-shuffle-canvas > header strong { color: #273348; font-size: 0.72rem; }
.cdk-shuffle-canvas > header small { margin-top: 0.08rem; color: #798498; font-size: 0.58rem; }
.cdk-shuffle-canvas > header > span { padding: 0.22rem 0.4rem; border-radius: 0.25rem; color: #6557d9; background: #eeebff; font-size: 0.56rem; font-weight: 750; }

.cdk-shuffle-canvas__flow {
  display: flex;
  min-height: 7.3rem;
  padding: 1rem 0.75rem;
  align-items: center;
  gap: 0.32rem;
  overflow-x: auto;
}

.cdk-shuffle-canvas__flow > em {
  flex: 0 0 auto;
  color: #9aa5b6;
  font-size: 0.8rem;
  font-style: normal;
}

.cdk-shuffle-node {
  display: grid;
  min-width: 7.2rem;
  padding: 0.5rem;
  grid-template-columns: 1.45rem minmax(0, 1fr);
  gap: 0.42rem;
  align-items: center;
  border: 1px solid #cbd2df;
  border-radius: 0.38rem;
  background: #fff;
  box-shadow: 0 0.18rem 0.35rem rgba(30, 43, 66, 0.08);
}

.cdk-shuffle-node > i {
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border-radius: 0.3rem;
  color: #fff;
  background: #77849a;
  font-size: 0.52rem;
  font-style: normal;
  font-weight: 800;
}

.cdk-shuffle-node > span,
.cdk-shuffle-node :is(b, small) { display: block; }
.cdk-shuffle-node b { color: #2a3549; font-size: 0.62rem; line-height: 1.25; }
.cdk-shuffle-node small { margin-top: 0.12rem; color: #7b8698; font-size: 0.52rem; line-height: 1.3; }
.cdk-shuffle-node.is-trigger > i { background: #5878c8; }
.cdk-shuffle-node.is-approval > i { background: #cf941e; }
.cdk-shuffle-node.is-action > i { background: #c75c5c; }

.cdk-shuffle-node[data-state="active"] {
  border-color: #6d5ce7;
  box-shadow: 0 0 0 0.12rem rgba(109, 92, 231, 0.13), 0 0.18rem 0.35rem rgba(30, 43, 66, 0.08);
}

.cdk-shuffle-node[data-state="active"] > i { background: #6d5ce7; }
.cdk-shuffle-node[data-state="complete"] { border-color: #56a87c; background: #f5fbf8; }
.cdk-shuffle-node[data-state="complete"] > i { background: #3d9d6b; }
.cdk-shuffle-node[data-state="pending"] { opacity: 0.72; }

.cdk-shuffle-tests {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  margin: 0.8rem 0;
  padding: 0.7rem;
  border: 1px solid #d9dee7;
  border-radius: 0.35rem;
  background: #f6f7fa;
}

.cdk-shuffle-tests > strong,
.cdk-shuffle-tests > p { grid-column: 1 / -1; }
.cdk-shuffle-tests > strong { color: #2d394e; font-size: 0.72rem; }
.cdk-shuffle-tests > p { margin: -0.25rem 0 0 !important; color: #6d788b; font-size: 0.62rem; }
.cdk-shuffle-tests button { display: grid; min-height: 3.4rem; padding: 0.55rem; gap: 0.18rem; text-align: left; }
.cdk-shuffle-tests button span { font-size: 0.64rem; font-weight: 750; }
.cdk-shuffle-tests button small { color: #6d788b; font-size: 0.56rem; line-height: 1.35; }
.cdk-shuffle-tests button[aria-pressed="true"] { border-color: #3d9d6b; background: #edf8f2; }
.cdk-shuffle-tests button[aria-pressed="true"] small { color: #287c52; }

@media screen and (max-width: 800px) {
  .cdk-shuffle-tests { grid-template-columns: 1fr; }
}

/* Shuffle interactive builder: canvas, component palette and configuration drawer */
.cdk-shuffle-builder {
  --cdk-shuffle-accent: #ff8544;
  color-scheme: dark;
  --cdk-shuffle-accent-strong: #e76632;
  --cdk-shuffle-accent-soft: #fff2ea;
  overflow: hidden;
  border: 1px solid #cdd4e0;
  border-radius: 0.45rem;
  color: #e8ebf3;
  background: #171b2a;
  box-shadow: 0 0.5rem 1.2rem rgba(27, 31, 48, 0.12);
}

.cdk-shuffle-builder button,
.cdk-shuffle-builder :is(input, select) { font: inherit; }
.cdk-shuffle-builder button { cursor: pointer; }
.cdk-shuffle-builder button:disabled { cursor: not-allowed; opacity: 0.58; }
.cdk-shuffle-builder :is(button, input, select, summary):focus-visible { outline: 0.12rem solid var(--cdk-shuffle-accent); outline-offset: 0.1rem; }

.cdk-shuffle-builder__topbar {
  display: grid;
  min-height: 3.15rem;
  padding: 0.45rem 0.6rem;
  grid-template-columns: auto minmax(9rem, 1fr) auto auto auto auto;
  align-items: center;
  gap: 0.45rem;
  border-bottom: 1px solid #333a51;
  background: #111522;
}

.cdk-shuffle-builder__brand { display: flex; align-items: center; gap: 0.42rem; }
.cdk-shuffle-logo {
  display: block;
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 auto;
}
.cdk-shuffle-logo svg { display: block; width: 100%; height: 100%; filter: drop-shadow(0 0.12rem 0.18rem rgba(0, 0, 0, 0.24)); }
.cdk-shuffle-logo rect { fill: #fa5b32; }
.cdk-shuffle-logo path { fill: #fff; }
.cdk-shuffle-builder__brand > span,
.cdk-shuffle-builder__brand :is(b, small) { display: block; }
.cdk-shuffle-builder__brand b { color: #fff; font-family: "Arial Black", "Arial Narrow", sans-serif; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.055em; line-height: 1; }
.cdk-shuffle-builder__brand small { color: #8f98ad; font-size: 0.5rem; }

.cdk-shuffle-builder__name { display: grid; min-width: 0; gap: 0.08rem; }
.cdk-shuffle-builder__name > span { color: #7f899f; font-size: 0.48rem; font-weight: 750; text-transform: uppercase; }
.cdk-shuffle-builder__name input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  color: #edf0f7;
  background: transparent;
  font-size: 0.66rem;
  font-weight: 700;
}
.cdk-shuffle-builder__save-state { color: #a0a8ba; font-size: 0.55rem; }
.cdk-shuffle-builder__save-state[data-saved="true"] { color: #79d2a4; }
.cdk-shuffle-builder__topbar > button {
  min-height: 1.75rem;
  padding: 0.3rem 0.55rem;
  border: 1px solid #424a61;
  border-radius: 0.3rem;
  color: #e8ebf3;
  background: #202638;
  font-size: 0.58rem;
  font-weight: 720;
}
.cdk-shuffle-builder__topbar > button.is-run { border-color: #29a86d; background: #218c5b; }
.cdk-shuffle-builder__topbar > button span { margin-right: 0.18rem; }

.cdk-shuffle-builder__lesson {
  display: grid;
  padding: 0.65rem 0.75rem;
  grid-template-columns: minmax(0, 1fr) minmax(11rem, 0.65fr);
  align-items: center;
  gap: 0.75rem;
  border-bottom: 1px solid #f0cdb9;
  color: #28354a;
  background: var(--cdk-shuffle-accent-soft);
}
.cdk-shuffle-builder__lesson > div { display: grid; gap: 0.12rem; }
.cdk-shuffle-builder__lesson > div > span { color: #bd4f1d; font-size: 0.54rem; font-weight: 800; letter-spacing: 0.055em; text-transform: uppercase; }
.cdk-shuffle-builder__lesson > div > strong { font-size: 0.77rem; }
.cdk-shuffle-builder__lesson p { margin: 0 !important; color: #59667a; font-size: 0.63rem; line-height: 1.45; }
.cdk-shuffle-builder .cdk-shuffle-builder__lesson details {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7b08f;
  border-radius: 0.32rem;
  background: #fff;
  box-shadow: none;
}
.cdk-shuffle-builder .cdk-shuffle-builder__lesson details summary {
  display: flex;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 0 !important;
  padding: 0.48rem 0.72rem 0.48rem 0.6rem !important;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  color: #a84618;
  font-size: 0.62rem;
  font-weight: 750;
  list-style: none;
  background: #fff !important;
}
.cdk-shuffle-builder .cdk-shuffle-builder__lesson details summary::-webkit-details-marker { display: none; }
.cdk-shuffle-builder .cdk-shuffle-builder__lesson details summary::before { display: none !important; content: none !important; }
.cdk-shuffle-builder .cdk-shuffle-builder__lesson details summary::after { position: static !important; display: block; width: 0.36rem; height: 0.36rem; flex: 0 0 auto; margin: 0 0.08rem 0 0; border: 0; border-right: 0.08rem solid currentColor; border-bottom: 0.08rem solid currentColor; content: ""; background: transparent !important; -webkit-mask-image: none !important; mask-image: none !important; transform: rotate(45deg); transition: transform 160ms ease; }
.cdk-shuffle-builder .cdk-shuffle-builder__lesson details summary:hover { background: #fff8f4 !important; }
.cdk-shuffle-builder .cdk-shuffle-builder__lesson details summary:focus-visible { outline: 0; box-shadow: inset 0 0 0 0.1rem var(--cdk-shuffle-accent); }
.cdk-shuffle-builder .cdk-shuffle-builder__lesson details[open] summary::after { transform: rotate(225deg); }
.cdk-shuffle-builder .cdk-shuffle-builder__lesson details > p { padding: 0 0.6rem 0.55rem; }

.cdk-shuffle-builder ol.cdk-shuffle-builder__progress {
  display: grid !important;
  margin: 0 !important;
  padding: 0.45rem 0.65rem !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.35rem;
  border-bottom: 1px solid #30374d;
  list-style: none;
  background: #1d2232;
}
.cdk-shuffle-builder ol.cdk-shuffle-builder__progress li { display: flex !important; min-width: 0; margin: 0 !important; padding: 0 !important; align-items: center; justify-content: center; gap: 0.28rem; color: #858fa5; font-size: 0.56rem; list-style: none; white-space: nowrap; }
.cdk-shuffle-builder__progress li b { display: grid; width: 1.15rem; height: 1.15rem; flex: 0 0 auto; place-items: center; border: 1px solid #4a5268; border-radius: 50%; font-size: 0.52rem; }
.cdk-shuffle-builder__progress li[aria-current="step"] { color: #fff; font-weight: 750; }
.cdk-shuffle-builder__progress li[aria-current="step"] b { border-color: var(--cdk-shuffle-accent); color: #fff; background: var(--cdk-shuffle-accent-strong); }
.cdk-shuffle-builder__progress li[data-complete="true"] { color: #8edbb2; }
.cdk-shuffle-builder__progress li[data-complete="true"] b { border-color: #2fa36f; color: #fff; background: #2fa36f; }

.cdk-shuffle-builder__workspace {
  display: grid;
  min-height: 24rem;
  grid-template-columns: 9.7rem minmax(16rem, 1fr) 14.2rem;
  background: #171b2a;
}
.cdk-shuffle-palette { display: grid; grid-template-rows: auto 1fr auto; border-right: 1px solid #343b51; background: #202536; }
.cdk-shuffle-palette > div { display: grid; padding: 0.45rem; grid-template-columns: 1fr 1fr; gap: 0.25rem; border-bottom: 1px solid #363d52; }
.cdk-shuffle-palette > div button { padding: 0.35rem 0.15rem; border: 0; border-radius: 0.25rem; color: #8f99af; background: transparent; font-size: 0.57rem; font-weight: 700; }
.cdk-shuffle-palette > div button[aria-selected="true"] { color: #fff; background: #343b54; box-shadow: inset 0 -0.12rem var(--cdk-shuffle-accent); }
.cdk-shuffle-palette > section { padding: 0.65rem 0.5rem; }
.cdk-shuffle-palette > section > span { display: block; margin-bottom: 0.4rem; color: #78839b; font-size: 0.48rem; font-weight: 800; letter-spacing: 0.07em; }
.cdk-shuffle-palette > section > button {
  display: grid;
  width: 100%;
  padding: 0.5rem;
  grid-template-columns: 1.55rem minmax(0, 1fr);
  gap: 0.08rem 0.4rem;
  border: 1px solid #454d66;
  border-radius: 0.35rem;
  color: #e8ebf3;
  background: #2a3043;
  text-align: left;
}
.cdk-shuffle-palette > section > button:hover:not(:disabled) { border-color: var(--cdk-shuffle-accent); background: #31384e; }
.cdk-shuffle-palette > section > button i { display: grid; width: 1.55rem; height: 1.55rem; grid-row: 1 / span 2; place-items: center; border-radius: 0.32rem; color: #fff; background: var(--cdk-shuffle-accent-strong); font-size: 0.57rem; font-style: normal; font-weight: 800; }
.cdk-shuffle-palette > section > button b { font-size: 0.61rem; }
.cdk-shuffle-palette > section > button small { color: #98a1b4; font-size: 0.5rem; line-height: 1.3; }
.cdk-shuffle-palette > footer { display: flex; padding: 0.55rem; gap: 0.35rem; border-top: 1px solid #363d52; color: #8b95aa; font-size: 0.52rem; }

.cdk-shuffle-builder .cdk-shuffle-canvas {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 24rem;
  margin: 0;
  place-items: center;
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: linear-gradient(rgba(117, 128, 155, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(117, 128, 155, 0.1) 1px, transparent 1px), #171b2a;
  background-size: 1rem 1rem;
}
.cdk-shuffle-canvas__controls { position: absolute; top: 0.55rem; right: 0.55rem; display: flex; align-items: center; border: 1px solid #3b4359; border-radius: 0.28rem; overflow: hidden; background: #242a3c; }
.cdk-shuffle-canvas__controls button { width: 1.45rem; height: 1.4rem; border: 0; color: #b9c1d1; background: transparent; }
.cdk-shuffle-canvas__controls span { padding: 0 0.35rem; color: #8f99ad; font-size: 0.48rem; }
.cdk-shuffle-canvas__empty { display: grid; justify-items: center; gap: 0.25rem; color: #9aa4b8; text-align: center; }
.cdk-shuffle-canvas__empty strong { color: #d7dce7; font-size: 0.72rem; }
.cdk-shuffle-canvas__empty span { font-size: 0.56rem; }
.cdk-shuffle-builder .cdk-shuffle-canvas__flow { display: flex; min-width: 25rem; min-height: 0; padding: 3rem 1.1rem; align-items: center; justify-content: center; gap: 0; overflow: visible; }
.cdk-shuffle-builder .cdk-shuffle-canvas__flow[hidden] { display: none; }
.cdk-shuffle-builder .cdk-shuffle-node {
  display: grid;
  width: 9rem;
  min-width: 9rem;
  padding: 0.55rem;
  grid-template-columns: 1.65rem minmax(0, 1fr);
  gap: 0.45rem;
  align-items: center;
  border: 1px solid #59627a;
  border-radius: 0.42rem;
  color: #dfe3ec;
  background: #292f42;
  box-shadow: 0 0.3rem 0.75rem rgba(0, 0, 0, 0.22);
  text-align: left;
}
.cdk-shuffle-builder .cdk-shuffle-node[hidden] { display: none; }
.cdk-shuffle-builder .cdk-shuffle-node > i { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: 50%; color: #fff; background: var(--cdk-shuffle-accent-strong); font-size: 0.58rem; font-style: normal; font-weight: 800; }
.cdk-shuffle-builder .cdk-shuffle-node > span,
.cdk-shuffle-builder .cdk-shuffle-node :is(small, b, em) { display: block; }
.cdk-shuffle-builder .cdk-shuffle-node small { color: #8f99ae; font-size: 0.43rem; font-weight: 750; letter-spacing: 0.035em; }
.cdk-shuffle-builder .cdk-shuffle-node b { margin-top: 0.1rem; color: #eef1f7; font-size: 0.62rem; line-height: 1.3; }
.cdk-shuffle-builder .cdk-shuffle-node em { margin-top: 0.08rem; color: #aab2c2; font-size: 0.5rem; font-style: normal; }
.cdk-shuffle-builder .cdk-shuffle-node.is-trigger { border-radius: 2.2rem; }
.cdk-shuffle-builder .cdk-shuffle-node.is-trigger > i { background: var(--cdk-shuffle-accent-strong); }
.cdk-shuffle-builder .cdk-shuffle-node.is-trigger em { color: #72d8a3; }
.cdk-shuffle-builder .cdk-shuffle-node.is-action { border-color: var(--cdk-shuffle-accent); box-shadow: 0 0 0 0.14rem rgba(255, 133, 68, 0.2), 0 0.3rem 0.75rem rgba(0, 0, 0, 0.22); }
.cdk-shuffle-connector { position: relative; display: grid; width: 4.4rem; min-width: 4.4rem; height: 2.4rem; place-items: center; border: 0; color: #9da7bb; background: transparent; }
.cdk-shuffle-connector > span { position: absolute; left: 0; right: 0.34rem; top: 50%; border-top: 0.1rem dashed #69738a; }
.cdk-shuffle-connector > i { position: absolute; right: 0.12rem; top: 50%; width: 0.38rem; height: 0.38rem; border-top: 0.1rem solid #69738a; border-right: 0.1rem solid #69738a; font-style: normal; transform: translateY(-50%) rotate(45deg); transform-origin: center; }
.cdk-shuffle-connector > small { position: relative; margin-top: 2.3rem; padding: 0.12rem 0.28rem; border-radius: 999px; color: #aab2c2; background: #242a3c; font-size: 0.45rem; }
.cdk-shuffle-connector[data-connected="true"] > span { border-top-style: solid; border-color: var(--cdk-shuffle-accent); }
.cdk-shuffle-connector[data-connected="true"] > i { border-color: var(--cdk-shuffle-accent); }
.cdk-shuffle-connector[data-connected="true"] > small { color: var(--cdk-shuffle-accent); }
.cdk-shuffle-connector[data-connected="true"]:disabled { opacity: 1; }
.cdk-shuffle-canvas__environment { position: absolute; left: 0.55rem; bottom: 0.55rem; color: #778198; font-size: 0.48rem; }

.cdk-shuffle-inspector { min-width: 0; border-left: 1px solid #363d52; background: #f5f7fb; color: #303b50; }
.cdk-shuffle-inspector > header { display: flex; min-height: 2.35rem; padding: 0.45rem 0.6rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #d8dde7; background: #fff; }
.cdk-shuffle-inspector > header span { font-size: 0.61rem; font-weight: 750; }
.cdk-shuffle-inspector > header small { color: #8791a4; font-size: 0.49rem; }
.cdk-shuffle-inspector > section { padding: 0.75rem; }
.cdk-shuffle-inspector > section > :first-child > small,
.cdk-shuffle-inspector > section > small { color: #c65320; font-size: 0.47rem; font-weight: 800; letter-spacing: 0.06em; }
.cdk-shuffle-inspector h4 { margin: 0.18rem 0 0.55rem !important; color: #28344a !important; font-size: 0.72rem !important; line-height: 1.35; }
.cdk-shuffle-inspector p { margin: 0.45rem 0 0.7rem !important; color: #647087; font-size: 0.57rem; line-height: 1.5; }
.cdk-shuffle-inspector p.cdk-shuffle-toolbar-tip { margin: 0.35rem 0 0.65rem !important; padding: 0.48rem 0.52rem; border-left: 0.14rem solid var(--cdk-shuffle-accent); border-radius: 0.2rem; color: #594438; background: var(--cdk-shuffle-accent-soft); }
.cdk-shuffle-toolbar-tip :is(strong, b) { color: #a94418; }
.cdk-shuffle-inspector label { display: grid; margin-bottom: 0.55rem; gap: 0.2rem; color: #4b586d; font-size: 0.53rem; font-weight: 700; }
.cdk-shuffle-inspector :is(input, select) { width: 100%; min-height: 1.8rem; padding: 0.32rem 0.42rem; border: 1px solid #c7cedb; border-radius: 0.28rem; color: #2f3b50; background: #fff; font-size: 0.58rem; }
.cdk-shuffle-inspector input[readonly] { color: #69758a; background: #eef1f5; }
.cdk-shuffle-inspector pre { max-height: none; margin: 0.45rem 0 0.65rem; padding: 0.55rem; border-radius: 0.3rem; background: #202637; }
.cdk-shuffle-inspector pre code { color: #dce2ed; font-size: 0.49rem; line-height: 1.55; }
.cdk-shuffle-inspector button.is-primary { width: 100%; min-height: 1.85rem; padding: 0.35rem 0.5rem; border: 1px solid var(--cdk-shuffle-accent-strong); border-radius: 0.28rem; color: #fff; background: var(--cdk-shuffle-accent-strong); font-size: 0.58rem; font-weight: 750; }
.cdk-shuffle-inspector button.is-primary:hover:not(:disabled) { border-color: #c84c1c; background: #c84c1c; }
.cdk-shuffle-execution__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.45rem; }
.cdk-shuffle-execution__heading > span { padding: 0.18rem 0.35rem; border-radius: 999px; color: #147749; background: #dff5e9; font-size: 0.45rem; font-weight: 800; }
.cdk-shuffle-output-fields { display: grid; margin-bottom: 0.7rem; gap: 0.35rem; }
.cdk-shuffle-output-fields button { display: flex; min-height: 2.05rem; padding: 0.4rem 0.5rem; align-items: center; justify-content: space-between; gap: 0.45rem; border: 1px solid #cbd2df; border-radius: 0.28rem; color: #344158; background: #fff; text-align: left; }
.cdk-shuffle-output-fields button code { color: #b94717; font-size: 0.52rem; }
.cdk-shuffle-output-fields button strong { font-size: 0.56rem; }
.cdk-shuffle-output-fields button[aria-pressed="true"] { border-color: #2fa36f; background: #ecf8f2; box-shadow: inset 0.16rem 0 #2fa36f; }

.cdk-shuffle-builder__feedback { display: block; margin: 0 !important; padding: 0.6rem 0.75rem; border-top: 1px solid #353c51; border-left: 0.18rem solid var(--cdk-shuffle-accent); color: #d9deea; background: #202536; font-size: 0.59rem; }
.cdk-shuffle-builder__feedback[data-state="hint"] { border-left-color: #e0a62d; color: #2f394b; background: #fff4d8; }
.cdk-shuffle-builder__feedback[data-state="correct"] { border-left-color: #2fa36f; color: #dff5e9; background: #1d352c; }

@media screen and (max-width: 1000px) {
  .cdk-shuffle-builder__topbar { grid-template-columns: auto minmax(8rem, 1fr) auto auto auto; }
  .cdk-shuffle-builder__save-state { display: none; }
  .cdk-shuffle-builder__workspace { grid-template-columns: 8.5rem minmax(14rem, 1fr); }
  .cdk-shuffle-inspector { grid-column: 1 / -1; min-height: 12rem; border-top: 1px solid #363d52; border-left: 0; }
}

@media screen and (max-width: 700px) {
  .cdk-shuffle-builder__topbar { grid-template-columns: auto minmax(7rem, 1fr) auto; }
  .cdk-shuffle-builder__topbar > button[data-shuffle-history] { grid-column: 1 / -1; }
  .cdk-shuffle-builder__lesson { grid-template-columns: 1fr; }
  .cdk-shuffle-builder ol.cdk-shuffle-builder__progress { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 0.55rem; }
  .cdk-shuffle-builder__workspace { grid-template-columns: 1fr; }
  .cdk-shuffle-palette { min-height: 10rem; border-right: 0; border-bottom: 1px solid #343b51; }
  .cdk-shuffle-builder .cdk-shuffle-canvas { min-height: 18rem; }
  .cdk-shuffle-inspector { grid-column: auto; }
}

.cdk-response-sim--thehive .cdk-response-sim__shell > aside {
  background: #171b25;
}

.cdk-response-sim--thehive .cdk-response-sim__shell > main {
  background: #f1f2f5;
}

.cdk-thehive-topbar {
  background: #11151e;
  box-shadow: inset 0 -0.14rem #efb321;
}

.md-typeset details:is(.cdk-thehive-glossary, .cdk-lab-glossary) {
  margin: 0.8rem 0 1rem;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d7dde6;
  border-left: 0.18rem solid #e5a516;
  border-radius: 0.35rem;
  box-shadow: 0 0.12rem 0.35rem rgb(24 36 52 / 7%);
  background: #fff;
}

.md-typeset :is(.cdk-thehive-glossary, .cdk-lab-glossary) summary {
  margin: 0;
  padding: 0.65rem 2.25rem 0.65rem 2.35rem;
  color: #29364a;
  border: 0;
  background: #f5f7fa;
  font-weight: 750;
  cursor: pointer;
}

[dir="ltr"] .md-typeset :is(.cdk-thehive-glossary, .cdk-lab-glossary) summary::before {
  display: grid;
  width: 1.1rem;
  height: 1.1rem;
  left: 0.75rem;
  top: 0.57rem;
  place-items: center;
  content: "?";
  color: #fff;
  border-radius: 50%;
  background: #d99500;
  -webkit-mask-image: none;
  mask-image: none;
  font-size: 0.67rem;
  font-weight: 800;
  line-height: 1;
}

.md-typeset :is(.cdk-thehive-glossary, .cdk-lab-glossary) summary::after {
  top: 0.62rem;
  right: 0.7rem;
  color: #596579;
}

.md-typeset :is(.cdk-thehive-glossary, .cdk-lab-glossary) dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem 1.2rem;
  margin: 0;
  padding: 0.8rem 1rem 0.7rem;
}

.md-typeset :is(.cdk-thehive-glossary, .cdk-lab-glossary) dl > div {
  display: grid;
  grid-template-columns: 2.8rem minmax(0, 1fr);
  gap: 0.35rem;
}

.md-typeset :is(.cdk-thehive-glossary, .cdk-lab-glossary) :is(dt, dd) {
  margin: 0;
  font-size: 0.68rem;
}

.md-typeset :is(.cdk-thehive-glossary, .cdk-lab-glossary) dt {
  color: #9b6900;
  font-weight: 800;
}

.md-typeset .cdk-shuffle-glossary dl > div {
  grid-template-columns: 4.2rem minmax(0, 1fr);
}

.md-typeset .cdk-shuffle-glossary dt {
  word-break: normal;
  overflow-wrap: normal;
  white-space: nowrap;
  hyphens: none;
}

.md-typeset :is(.cdk-thehive-glossary, .cdk-lab-glossary) > p {
  margin: 0;
  padding: 0.65rem 1rem 0.8rem;
  border-top: 1px solid #e5e9ef;
  color: #4e5b6f;
  background: #fafbfc;
  font-size: 0.68rem;
}

html .md-typeset details:is(.cdk-thehive-glossary, .cdk-lab-glossary) > :last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 600px) {
  .md-typeset .cdk-shuffle-glossary dl > div {
    grid-template-columns: 1fr;
    gap: 0.12rem;
  }
}

.cdk-thehive-topbar b {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  color: #f5b91e !important;
  letter-spacing: 0.015em;
}

.cdk-thehive-topbar b i {
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  place-items: center;
  color: #11151e;
  background: #f5b91e;
  font-size: 0.7rem;
  font-style: normal;
}

.cdk-thehive-sidebar > span {
  display: flex;
  gap: 0.45rem;
  align-items: center;
}

.cdk-thehive-sidebar > span i {
  width: 1rem;
  color: #9aa5b5;
  font-style: normal;
  text-align: center;
}

.cdk-thehive-sidebar > span b {
  min-width: 1.15rem;
  margin-left: auto;
  padding: 0.08rem 0.25rem;
  border-radius: 999px;
  color: #20242d;
  background: #f5b91e;
  font-size: 0.48rem;
  text-align: center;
}

.cdk-thehive-casebar {
  padding: 0.15rem 0 0.65rem;
  border-bottom: 1px solid #d9dde4;
}

.cdk-thehive-case-state {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.cdk-thehive-case-state > b {
  color: #6b7482;
  font-family: var(--md-code-font-family);
  font-size: 0.62rem;
}

.cdk-thehive-case-state > span {
  border: 0 !important;
  color: #3f596d;
  background: #e5edf3 !important;
  font-size: 0.58rem;
  text-transform: uppercase;
}

.cdk-thehive-tabs {
  display: flex;
  gap: 0.15rem;
  margin: -0.2rem 0 0.65rem;
  overflow-x: auto;
  border-bottom: 1px solid #d5dae2;
}

.cdk-thehive-tabs[hidden] {
  display: none;
}

.cdk-thehive-tabs span {
  flex: 0 0 auto;
  padding: 0.42rem 0.5rem;
  border-bottom: 0.14rem solid transparent;
  color: #6a7483;
  font-size: 0.57rem;
  font-weight: 650;
}

.cdk-thehive-tabs span.is-current {
  border-bottom-color: #e5a516;
  color: #2f3845;
}

.cdk-thehive-alert-toolbar {
  display: flex;
  gap: 0.35rem;
  align-items: flex-end;
  margin-bottom: 0.45rem;
}

.cdk-thehive-alert-toolbar label {
  display: grid;
  flex: 1 1 auto;
  gap: 0.16rem;
  color: #6c7685 !important;
  font-size: 0.58rem;
  font-weight: 700;
}

.cdk-thehive-alert-toolbar input,
.cdk-thehive-alert-toolbar button {
  min-height: 1.8rem;
  padding: 0.35rem 0.48rem;
  border: 1px solid #cad1db;
  border-radius: 0.2rem;
  color: #435064;
  background: #fff;
  font: inherit;
}

.cdk-thehive-alert-toolbar input {
  font-size: 0.68rem;
  font-weight: 650;
}

.cdk-thehive-alert-toolbar button {
  display: inline-flex;
  gap: 0.28rem;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 650;
  cursor: pointer;
}

.cdk-thehive-alert-toolbar button:hover,
.cdk-thehive-alert-toolbar button:focus-visible {
  border-color: #8799af;
  color: #263b55;
  background: #f7f9fc;
}

.cdk-thehive-view-button::after {
  width: 0.34rem;
  height: 0.34rem;
  margin: -0.16rem 0.05rem 0 0.08rem;
  content: "";
  border-right: 0.08rem solid #68788d;
  border-bottom: 0.08rem solid #68788d;
  transform: rotate(45deg);
}

.cdk-thehive-alert-list {
  overflow-x: auto;
  border: 1px solid #d2d7df;
  background: #fff;
}

.cdk-thehive-alert-list__head,
.cdk-thehive-alert-list > button {
  display: grid;
  grid-template-columns: 4.2rem minmax(12rem, 1fr) 3rem 3.2rem;
  gap: 0.45rem;
  align-items: center;
  min-width: 30rem;
}

.cdk-thehive-alert-list__head {
  padding: 0.38rem 0.5rem;
  color: #717b89;
  background: #f5f6f8;
  font-size: 0.5rem;
  font-weight: 750;
  text-transform: uppercase;
}

.cdk-thehive-alert-list > button {
  width: 100%;
  padding: 0.48rem 0.5rem;
  border: 0;
  border-top: 1px solid #e1e4e9;
  border-radius: 0;
  text-align: left;
}

.cdk-thehive-alert-list > button:is(:hover, :focus-visible, [aria-pressed="true"]) {
  background: #fff8e6;
  box-shadow: inset 0.16rem 0 #e5a516;
}

.cdk-thehive-alert-list > button > span,
.cdk-thehive-alert-list > button > em {
  justify-self: start;
  padding: 0.16rem 0.35rem;
  border-radius: 999px;
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 750;
}

.cdk-thehive-alert-list > button > span.is-high { color: #8d2424; background: #fae5e5; }
.cdk-thehive-alert-list > button > span.is-medium { color: #7b5510; background: #fff0c9; }
.cdk-thehive-alert-list > button > span.is-low { color: #286144; background: #e2f3e9; }
.cdk-thehive-alert-list > button > em { color: #4f6272; background: #e8eef3; }
.cdk-thehive-alert-list > button > strong { display: grid; gap: 0.08rem; font-size: 0.62rem; }
.cdk-thehive-alert-list > button > strong small { color: #74808f; font-weight: 500; }
.cdk-thehive-alert-list > button > time { color: #697586; font-size: 0.55rem; }

.cdk-thehive-progress {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.cdk-thehive-quality {
  display: grid;
  grid-template-columns: minmax(9rem, 0.8fr) minmax(0, 2fr);
  gap: 0.65rem;
  margin-bottom: 0.65rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid #d8dee8;
  background: #fff;
}

.cdk-thehive-quality > div {
  display: grid;
  gap: 0.08rem;
}

.cdk-thehive-quality > div span {
  color: #7a8596;
  font-size: 0.55rem;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cdk-thehive-quality > div strong {
  color: #29364a;
  font-size: 0.68rem;
}

.md-typeset .cdk-thehive-quality ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.3rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.md-typeset .cdk-thehive-quality li {
  display: grid;
  margin: 0 !important;
  place-items: center;
  padding: 0.32rem;
  border: 1px solid #d5dbe4;
  border-radius: 0.25rem;
  color: #7a8596;
  background: #f5f7fa;
  font-size: 0.54rem;
  font-weight: 700;
}

.md-typeset .cdk-thehive-quality li[data-complete="true"] {
  border-color: #68ad83;
  color: #23663f;
  background: #e9f7f0;
}

.cdk-thehive-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 0.65rem;
}

.cdk-thehive-evidence {
  grid-template-columns: 1fr;
}

.cdk-thehive-evidence button {
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.15rem 0.55rem;
  align-items: center;
}

.cdk-thehive-evidence button > span {
  grid-row: 1 / span 2;
}

.cdk-thehive-evidence button > strong {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.cdk-thehive-evidence button > strong em {
  padding: 0.12rem 0.28rem;
  border-radius: 0.18rem;
  color: #74520b;
  background: #fff0c7;
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 750;
  text-transform: uppercase;
}

.cdk-thehive-form__wide {
  grid-column: 1 / -1;
}

.cdk-thehive-form label {
  display: grid;
  gap: 0.22rem;
  color: #4e5b6f !important;
  font-size: 0.58rem;
  font-weight: 700;
}

.cdk-thehive-form :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  padding: 0.45rem 0.5rem;
  border: 1px solid #c7d0dc;
  border-radius: 0.28rem;
  color: #29364a;
  background: #fff;
  font: inherit;
  font-weight: 500;
}

.cdk-thehive-form :is(input, select, textarea):focus-visible {
  border-color: var(--cdk-response-accent);
  outline: 0.12rem solid color-mix(in srgb, var(--cdk-response-accent) 25%, transparent);
}

.md-typeset .cdk-thehive-field-help {
  margin: 0.55rem 0 0;
  padding: 0.5rem 0.65rem;
  border-left: 0.14rem solid #e5a516;
  color: #4e5b6f;
  background: #fff7df;
  font-size: 0.68rem;
}

.cdk-thehive-sim abbr {
  text-decoration-style: dotted;
  text-underline-offset: 0.12em;
  cursor: help;
}

:is(.cdk-thehive-step-guide, .cdk-response-step-guide) {
  margin: 0.55rem 0 0.75rem;
  padding: 0.6rem 0.7rem;
  border: 1px solid #cbd8e8;
  border-left: 0.18rem solid #4f86bd;
  border-radius: 0.2rem;
  color: #344258;
  background: #f3f7fc;
}

.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) > strong {
  display: block;
  margin-bottom: 0.3rem;
  color: #274f78;
  font-size: 0.72rem;
}

.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) ol {
  margin: 0 0 0 1rem;
  padding: 0;
}

.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) li {
  margin: 0.15rem 0;
  font-size: 0.68rem;
}

.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) details {
  margin: 0.5rem 0 0;
  padding: 0;
  border-top: 1px solid #d7e1ed;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) summary {
  margin: 0;
  padding: 0.48rem 1.5rem 0.05rem 0;
  color: #315f8b;
  border: 0;
  background: transparent;
  font-size: 0.67rem;
  font-weight: 750;
  cursor: pointer;
}

.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) summary::before {
  display: none;
}

.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) summary::after {
  top: 0.48rem;
  right: 0;
  color: #53769a;
}

.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) summary:hover,
.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) summary:focus-visible {
  color: #1f4f7c;
}

.md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) details p {
  margin: 0;
  padding: 0.45rem 0 0.1rem;
  color: #3f4d60;
  font-size: 0.68rem;
}

html .md-typeset :is(.cdk-thehive-step-guide, .cdk-response-step-guide) details > :last-child {
  margin-bottom: 0;
}

.cdk-thehive-task-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
}

.cdk-thehive-task-list label {
  display: flex !important;
  gap: 0.4rem;
  align-items: flex-start;
  padding: 0.5rem;
  border: 1px solid #d3d9e2;
  color: #39475c !important;
  background: #fff;
  font-size: 0.62rem;
}

.cdk-thehive-task-list input {
  width: 0.9rem !important;
  height: 0.9rem;
  flex: 0 0 auto;
  accent-color: var(--cdk-response-accent);
}

.cdk-thehive-task-list label > span {
  display: grid;
  gap: 0.08rem;
}

.cdk-thehive-task-list label b {
  color: #9a6a06;
  font-size: 0.5rem;
  text-transform: uppercase;
}

.cdk-thehive-task-list label small {
  color: #7b8593;
  font-size: 0.5rem;
}

.cdk-thehive-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.4rem;
  margin-top: 0.75rem;
}

.cdk-thehive-actions button {
  padding: 0.48rem 0.7rem;
  font-weight: 700;
}

.cdk-thehive-actions button:last-child {
  border-color: var(--cdk-response-accent);
  color: #fff;
  background: var(--cdk-response-accent);
}

.cdk-thehive-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.cdk-thehive-report-preview {
  margin-top: 0.85rem;
  overflow: hidden;
  border: 1px solid #cfd5de;
  border-radius: 0.28rem;
  background: #fff;
  box-shadow: 0 0.35rem 1rem rgb(30 38 50 / 10%);
}

.cdk-thehive-report-preview[hidden] { display: none; }
.cdk-thehive-report-preview > header { display: flex; gap: 0.6rem; align-items: center; justify-content: space-between; padding: 0.75rem 0.85rem; border-bottom: 0.2rem solid #e5a516; background: #222831; }
.cdk-thehive-report-preview > header div { display: grid; gap: 0.08rem; }
.cdk-thehive-report-preview > header small { color: #c8cdd5; font-size: 0.5rem; letter-spacing: 0.06em; text-transform: uppercase; }
.md-typeset .cdk-response-sim__panel .cdk-thehive-report-preview > header h4 { margin: 0; color: #fff !important; font-size: 1rem; font-weight: 750; line-height: 1.3; }
.cdk-thehive-report-preview > header > span { padding: 0.25rem 0.45rem; border-radius: 999px; color: #3f2f05; background: #f5c44a; font-size: 0.52rem; font-weight: 800; }
.cdk-thehive-report-preview > div { padding: 0.8rem; }
.cdk-thehive-report-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem; }
.cdk-thehive-report-meta > span { display: grid; padding: 0.45rem; border: 1px solid #dde2e8; background: #f7f8fa; }
.cdk-thehive-report-meta small { color: #788493; font-size: 0.46rem; text-transform: uppercase; }
.cdk-thehive-report-meta strong { color: #2e3948; font-size: 0.6rem; }
.md-typeset .cdk-thehive-report-preview h5 { margin: 0.75rem 0 0.25rem; color: #78540a; font-size: 0.65rem; text-transform: uppercase; }
.md-typeset .cdk-thehive-report-preview p { margin: 0.2rem 0; color: #4d5a6b; font-size: 0.57rem; }
.md-typeset .cdk-thehive-report-preview ul { margin: 0.25rem 0 0; padding: 0; list-style: none; }
.md-typeset .cdk-thehive-report-preview li { display: grid; grid-template-columns: 5rem 1fr; gap: 0.4rem; margin: 0; padding: 0.32rem 0; border-bottom: 1px solid #e5e8ed; font-size: 0.56rem; }
.cdk-thehive-report-preview li b { color: #78540a; }
.cdk-thehive-report-finding { display: grid; gap: 0.1rem; margin-top: 0.45rem; padding: 0.58rem; border-left: 0.17rem solid #3b9d62; background: #e9f7f0; }
.cdk-thehive-report-finding strong { color: #23663f; font-size: 0.62rem; }
.cdk-thehive-report-finding span { color: #4e6558; font-size: 0.55rem; }
.cdk-thehive-report-preview > footer { display: flex; gap: 0.4rem; align-items: center; justify-content: flex-end; padding: 0.58rem 0.8rem; border-top: 1px solid #e0e4e9; background: #f7f8fa; }
.cdk-thehive-report-preview > footer span { margin-right: auto; color: #6f7b8b; font-size: 0.51rem; }
.cdk-thehive-report-preview > footer button { padding: 0.38rem 0.52rem; border: 1px solid #d69b18; color: #6f4d07; background: #fff; font-size: 0.53rem; font-weight: 750; }
.cdk-thehive-report-preview > footer button:last-child { color: #26230f; background: #f5b91e; }

@media screen and (max-width: 704px) {
  .md-foundation-route.md-foundation-route--two { grid-template-columns: 1fr; }
  .cdk-thehive-alert-toolbar { flex-wrap: wrap; }
  .cdk-thehive-alert-toolbar label { flex-basis: 100%; }
  .cdk-response-sim__shell { grid-template-columns: 1fr; }
  .cdk-response-sim__shell > aside { overflow-x: auto; flex-direction: row; }
  .cdk-response-sim__shell > aside strong { display: none; }
  .cdk-response-sim__evidence,
  .cdk-response-sim__decisions { grid-template-columns: 1fr; }
  .cdk-response-sim__progress span { display: none; }
  .cdk-response-sim__progress li { justify-content: center; }
  .cdk-thehive-quality { grid-template-columns: 1fr; }
  .md-typeset :is(.cdk-thehive-glossary, .cdk-lab-glossary) dl { grid-template-columns: 1fr; }
  .cdk-thehive-form,
  .cdk-thehive-task-list { grid-template-columns: 1fr; }
  .cdk-thehive-form__wide { grid-column: auto; }
  .cdk-thehive-report-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdk-thehive-report-preview > footer { align-items: stretch; flex-direction: column; }
  .cdk-thehive-report-preview > footer span { margin-right: 0; }
}

/* DFIR-IRIS v2.4-inspired interactive case workspace. */
.cdk-iris-sim {
  --iris-navy: #07396f;
  --iris-navy-dark: #041d38;
  --iris-blue: #0a4a8d;
  --iris-green: #1e9d55;
  overflow: hidden;
  border: 1px solid #cbd3dd;
  border-radius: 0.35rem;
  color: #273548;
  background: #f3f6f9;
  font-family: "Segoe UI", Arial, sans-serif;
  color-scheme: light;
}

.cdk-iris-topbar {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
  min-height: 2.7rem;
  padding: 0 0.8rem;
  color: #fff;
  background: var(--iris-navy-dark);
}

.cdk-iris-brand {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
  letter-spacing: 0.22em;
}

.cdk-iris-brand > i {
  position: relative;
  display: block;
  width: 1.3rem;
  height: 1.2rem;
}

.cdk-iris-brand > i span {
  position: absolute;
  width: 0.58rem;
  height: 0.52rem;
  background: #fff;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
}

.cdk-iris-brand > i span:nth-child(1) { top: 0; left: 0.32rem; }
.cdk-iris-brand > i span:nth-child(2) { bottom: 0; left: 0; }
.cdk-iris-brand > i span:nth-child(3) { right: 0; bottom: 0; }

.cdk-iris-topbar > button {
  color: #fff;
  font-size: 1rem;
}

.cdk-iris-topbar > strong {
  min-width: 0;
  overflow: hidden;
  font-size: 0.68rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cdk-iris-topbar > small {
  color: #c7d5e5;
  font-size: 0.65rem;
  white-space: nowrap;
}

.cdk-iris-shell {
  display: grid;
  grid-template-columns: 10rem minmax(0, 1fr);
  min-height: 35rem;
}

.cdk-iris-sidebar {
  padding: 0.7rem 0.45rem;
  border-right: 1px solid #d8dde4;
  background: #fff;
}

.cdk-iris-profile {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  padding: 0.35rem 0.3rem 0.75rem;
  border-bottom: 1px solid #e4e7eb;
}

.cdk-iris-profile > span {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #7890aa;
  font-size: 0.55rem;
  font-weight: 750;
}

.cdk-iris-profile strong {
  display: grid;
  min-width: 0;
  font-size: 0.58rem;
}

.cdk-iris-profile small { color: #8490a0; font-size: 0.48rem; }

.cdk-iris-sidebar nav {
  display: grid;
  gap: 0.12rem;
  margin-top: 0.55rem;
}

.cdk-iris-sidebar nav > b {
  margin: 0.55rem 0.3rem 0.15rem;
  color: #7a8491;
  font-size: 0.48rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cdk-iris-sidebar nav > span {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  padding: 0.38rem 0.45rem;
  border-radius: 0.3rem;
  color: #485463;
  font-size: 0.62rem;
}

.cdk-iris-sidebar nav > span.is-current {
  color: #fff;
  background: var(--iris-navy);
  box-shadow: 0 0.2rem 0.45rem rgb(7 57 111 / 20%);
}

.cdk-iris-sidebar nav i {
  display: grid;
  width: 0.9rem;
  height: 0.9rem;
  flex: 0 0 0.9rem;
  place-items: center;
  color: #8390a0;
  font-style: normal;
}

.cdk-iris-sidebar nav i svg {
  display: block;
  width: 0.78rem;
  height: 0.78rem;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
  vector-effect: non-scaling-stroke;
}

.cdk-iris-sidebar nav > span.is-current i { color: #d7e9fb; }

.cdk-iris-shell > main {
  min-width: 0;
  padding: 0.7rem;
}

.cdk-iris-training-head {
  display: grid;
  grid-template-columns: minmax(8rem, 0.75fr) minmax(0, 1.6fr);
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 0.55rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid #d9dee6;
  border-radius: 0.3rem;
  background: #fff;
}

.cdk-iris-training-head > div { display: grid; gap: 0.08rem; }
.cdk-iris-training-head small { color: #7d8795; font-size: 0.5rem; text-transform: uppercase; }
.cdk-iris-training-head strong { font-size: 0.68rem; }

.md-typeset .cdk-iris-training-head ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.md-typeset .cdk-iris-training-head li {
  display: flex;
  gap: 0.22rem;
  align-items: center;
  margin: 0;
  padding: 0.28rem;
  border-bottom: 0.12rem solid #d8dde5;
  color: #7b8796;
  font-size: 0.52rem;
}

.md-typeset .cdk-iris-training-head li b {
  display: grid;
  width: 1rem;
  height: 1rem;
  place-items: center;
  border-radius: 50%;
  background: #e8edf3;
  font-size: 0.5rem;
}

.md-typeset .cdk-iris-training-head li[aria-current="step"] {
  border-bottom-color: #1680d5;
  color: #174c7c;
  font-weight: 750;
}

.md-typeset .cdk-iris-training-head li[aria-current="step"] b,
.md-typeset .cdk-iris-training-head li[data-complete="true"] b {
  color: #fff;
  background: #1680d5;
}

.cdk-iris-case-context {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  margin: 0 -0.7rem;
  padding: 0.55rem 0.75rem;
  border-top: 1px solid #195388;
  color: #d7e5f3;
  background: var(--iris-navy);
  font-size: 0.56rem;
}

.cdk-iris-case-context[hidden] { display: none; }
.cdk-iris-case-context > div { display: grid; min-width: 0; margin-right: auto; }
.cdk-iris-case-context small { color: #91b4d5; font-size: 0.48rem; text-transform: uppercase; }
.cdk-iris-case-context strong { overflow: hidden; color: #fff; font-size: 0.64rem; text-overflow: ellipsis; white-space: nowrap; }
.cdk-iris-case-context > span { padding-left: 0.6rem; border-left: 1px solid #386b9a; white-space: nowrap; }
.cdk-iris-case-context > em { padding: 0.25rem 0.4rem; border-radius: 0.2rem; color: #fff; background: #303946; font-size: 0.52rem; font-style: normal; white-space: nowrap; }

.cdk-iris-case-tabs {
  display: flex;
  gap: 0.1rem;
  margin: 0 -0.7rem 0.6rem;
  padding: 0 0.7rem;
  overflow-x: auto;
  background: var(--iris-navy);
}

.cdk-iris-case-tabs[hidden] { display: none; }

.cdk-iris-case-tabs span {
  padding: 0.52rem 0.48rem 0.44rem;
  color: #d7e5f3;
  border-bottom: 0.14rem solid transparent;
  font-size: 0.58rem;
  white-space: nowrap;
}

.cdk-iris-case-tabs span.is-current {
  color: #fff;
  border-bottom-color: #ff5252;
  background: rgb(255 255 255 / 7%);
}

.cdk-iris-panel {
  padding: 0.75rem;
  border: 1px solid #d9dee5;
  border-radius: 0.35rem;
  background: #fff;
  box-shadow: 0 0.2rem 0.55rem rgb(31 48 69 / 7%);
}

.cdk-iris-panel[hidden] { display: none; }

.cdk-iris-panel > header,
.cdk-iris-modal-card > header {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.55rem;
}

.cdk-iris-panel > header div { display: grid; gap: 0.05rem; }
.cdk-iris-panel > header small { color: #7d8796; font-size: 0.54rem; }
.md-typeset .cdk-iris-panel h4,
.md-typeset .cdk-iris-modal-card h4 { margin: 0; color: #273548; font-size: 0.9rem; }

.cdk-iris-panel > header > button,
.cdk-iris-modal-card > header > span,
.cdk-iris-case-status {
  padding: 0.35rem 0.5rem;
  border-radius: 0.22rem;
  color: #fff;
  background: #303946;
  font-size: 0.55rem;
}

.cdk-iris-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  margin-bottom: 0.55rem;
}

.cdk-iris-metrics > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.55rem;
  border: 1px solid #e1e5ea;
  border-radius: 0.3rem;
  background: #fafbfc;
}

.cdk-iris-metrics span { color: #697586; font-size: 0.55rem; }
.cdk-iris-metrics strong { color: var(--iris-green); font-size: 0.9rem; }

.cdk-iris-table {
  overflow-x: auto;
  border: 1px solid #d8dde5;
  border-radius: 0.25rem;
}

.cdk-iris-table > div,
.cdk-iris-table > button {
  display: grid;
  grid-template-columns: 3.2rem minmax(9rem, 1.2fr) minmax(12rem, 1.8fr) 3.5rem;
  gap: 0.45rem;
  align-items: center;
  min-width: 31rem;
  padding: 0.48rem 0.55rem;
  text-align: left;
}

.cdk-iris-table > div {
  color: #657286;
  background: #f0f2f5;
  font-size: 0.48rem;
  text-transform: uppercase;
}

.cdk-iris-table > button {
  width: 100%;
  border-top: 1px solid #e2e6eb;
  color: #344257;
  background: #fff;
  cursor: pointer;
}

.cdk-iris-table > button:is(:hover, [aria-pressed="true"]) { background: #edf6ff; }
.cdk-iris-table > button[aria-pressed="true"] { box-shadow: inset 0.18rem 0 #1680d5; }
.cdk-iris-table > button > span { color: #697789; font-size: 0.55rem; font-weight: 750; }
.cdk-iris-table > button > span.is-p2 { color: #b43e45; }
.cdk-iris-table > button strong { font-size: 0.62rem; }
.cdk-iris-table > button small { color: #788495; font-size: 0.54rem; }
.cdk-iris-table > button em { color: #647286; font-size: 0.52rem; font-style: normal; }

.cdk-iris-actions {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
  margin-top: 0.7rem;
}

.cdk-iris-actions button {
  min-height: 1.8rem;
  padding: 0.38rem 0.65rem;
  border: 1px solid #cbd3dd;
  border-radius: 0.2rem;
  color: #344257;
  background: #fff;
  font-size: 0.6rem;
  font-weight: 700;
  cursor: pointer;
}

.cdk-iris-actions button:last-child {
  color: #fff;
  border-color: var(--iris-green);
  background: var(--iris-green);
}

.cdk-iris-actions button:disabled { cursor: not-allowed; opacity: 0.45; }

.cdk-iris-modal-card {
  width: min(100%, 36rem);
  margin: 0 auto;
  padding: 0.75rem;
  border: 1px solid #d5dbe3;
  border-radius: 0.45rem;
  background: #fff;
  box-shadow: 0 0.55rem 1.6rem rgb(21 40 61 / 15%);
}

.cdk-iris-modal-card > header {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e1e5e9;
}

.cdk-iris-modal-card > header > span { color: #6c7684; background: transparent; font-size: 0.9rem; }

.cdk-iris-guided-fill {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.55rem;
  padding: 0.45rem 0.55rem;
  border: 1px solid #bed7ef;
  border-radius: 0.25rem;
  color: #315e87;
  background: #f2f8fe;
  font-size: 0.55rem;
  font-weight: 700;
}

.cdk-iris-guided-fill button,
.cdk-iris-evidence-title button {
  padding: 0.3rem 0.45rem;
  border: 1px solid #1680d5;
  border-radius: 0.2rem;
  color: #0b5f9f;
  background: #fff;
  font-size: 0.53rem;
  font-weight: 750;
}

.cdk-iris-case-form,
.cdk-iris-evidence-form,
.cdk-iris-report-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.cdk-iris-case-form label:nth-child(1),
.cdk-iris-case-form label:nth-child(2),
.cdk-iris-case-form label:nth-child(3),
.cdk-iris-case-form label:nth-child(4),
.cdk-iris-evidence-form .is-wide,
.cdk-iris-report-fields .is-wide { grid-column: 1 / -1; }

.cdk-iris-case-form label,
.cdk-iris-evidence-form label,
.cdk-iris-report-fields label {
  display: grid;
  gap: 0.18rem;
  color: #526074 !important;
  font-size: 0.55rem;
  font-weight: 700;
}

.cdk-iris-case-form :is(input, select, textarea),
.cdk-iris-evidence-form :is(input, select),
.cdk-iris-report-fields :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  padding: 0.42rem 0.48rem;
  border: 1px solid #cbd3df;
  border-radius: 0.2rem;
  color: #344257;
  background: #fff;
  font: inherit;
  font-weight: 500;
}

.cdk-iris-case-form label.is-invalid,
.cdk-iris-evidence-form label.is-invalid,
.cdk-iris-report-fields label.is-invalid { color: #a32632 !important; }
.cdk-iris-case-form [aria-invalid="true"],
.cdk-iris-evidence-form [aria-invalid="true"],
.cdk-iris-report-fields [aria-invalid="true"] { border-color: #d64752; box-shadow: 0 0 0 0.08rem rgb(214 71 82 / 15%); }

.cdk-iris-record-grid,
.cdk-iris-findings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
}

.cdk-iris-record-grid > button,
.cdk-iris-findings > button {
  display: grid;
  gap: 0.1rem;
  padding: 0.55rem;
  border: 1px solid #d7dde5;
  border-radius: 0.25rem;
  color: #354358;
  background: #fff;
  text-align: left;
  cursor: pointer;
}

.cdk-iris-record-grid > button:is(:hover, [aria-pressed="true"]),
.cdk-iris-findings > button:is(:hover, [aria-pressed="true"]) { border-color: #1680d5; background: #edf6ff; }
.cdk-iris-record-grid > button > span { color: #0b6fb8; font-size: 0.48rem; font-weight: 800; text-transform: uppercase; }
.cdk-iris-record-grid strong,
.cdk-iris-findings strong { font-size: 0.64rem; }
.cdk-iris-record-grid small,
.cdk-iris-findings small { color: #758293; font-size: 0.54rem; }

.cdk-iris-evidence-form {
  margin-top: 0.65rem;
  padding: 0.6rem;
  border: 1px solid #dce1e8;
  border-radius: 0.3rem;
  background: #f8fafc;
}

.cdk-iris-evidence-title {
  display: flex;
  grid-column: 1 / -1;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
}

.cdk-iris-evidence-title > span { display: grid; }
.cdk-iris-evidence-title strong { color: #273548; font-size: 0.65rem; }
.cdk-iris-evidence-title small { color: #738195; font-size: 0.5rem; }

.cdk-iris-timeline-workspace {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
}

.cdk-iris-timeline-workspace > div { min-width: 0; }
.cdk-iris-timeline-workspace > div > strong { display: block; margin-bottom: 0.3rem; font-size: 0.62rem; }
.cdk-iris-event-pool { display: grid; gap: 0.3rem; }

.cdk-iris-event-pool button {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 0.05rem 0.35rem;
  padding: 0.42rem;
  border: 1px solid #d5dce5;
  border-radius: 0.22rem;
  color: #354358;
  background: #fff;
  text-align: left;
  cursor: pointer;
}

.cdk-iris-event-pool button:disabled { cursor: default; opacity: 0.45; }
.cdk-iris-event-pool time { grid-row: 1 / span 2; color: #0b6fb8; font-size: 0.6rem; font-weight: 800; }
.cdk-iris-event-pool span { font-size: 0.6rem; font-weight: 700; }
.cdk-iris-event-pool small { color: #748194; font-size: 0.52rem; }

.md-typeset .cdk-iris-timeline-workspace ol {
  min-height: 9rem;
  margin: 0;
  padding: 0.5rem;
  border-left: 0.12rem solid #1680d5;
  background: #f6f9fc;
  list-style: none;
}

.md-typeset .cdk-iris-timeline-workspace li {
  display: grid;
  grid-template-columns: 1.1rem 2.5rem 1fr;
  gap: 0.35rem;
  align-items: center;
  margin: 0 0 0.35rem;
  padding: 0.35rem;
  border: 1px solid #dce2e9;
  border-radius: 0.2rem;
  background: #fff;
  font-size: 0.56rem;
}

.md-typeset .cdk-iris-timeline-workspace li b {
  display: grid;
  width: 1rem;
  height: 1rem;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #1680d5;
  font-size: 0.48rem;
}

.md-typeset .cdk-iris-timeline-workspace li.is-empty { display: block; color: #778496; border: 0; background: transparent; }

.cdk-iris-findings { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.cdk-iris-report-fields {
  gap: 0.5rem;
  margin-top: 0.65rem;
  padding: 0.6rem;
  border: 1px solid #dce1e8;
  border-radius: 0.3rem;
  background: #f8fafc;
}

.cdk-iris-report-fields label > small { color: #738195; font-size: 0.49rem; font-weight: 500; }

.cdk-iris-report-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
  margin: 0.65rem 0 0;
  padding: 0.55rem;
  border: 1px solid #d8dee6;
  border-radius: 0.25rem;
}

.cdk-iris-report-checks legend { padding: 0 0.25rem; color: #273548; font-size: 0.62rem; font-weight: 750; }
.cdk-iris-report-checks label { display: flex; gap: 0.35rem; align-items: flex-start; color: #4f5d70 !important; font-size: 0.55rem; }
.cdk-iris-report-checks input { flex: 0 0 auto; accent-color: var(--iris-green); }

.cdk-iris-report-preview {
  margin-top: 0.8rem;
  overflow: hidden;
  border: 1px solid #cbd5e1;
  border-radius: 0.35rem;
  background: #fff;
  box-shadow: 0 0.35rem 1rem rgb(28 48 70 / 10%);
}

.cdk-iris-report-preview[hidden] { display: none; }
.cdk-iris-report-preview > header { display: flex; align-items: center; justify-content: space-between; padding: 0.7rem 0.8rem; color: #fff; background: var(--iris-navy); }
.cdk-iris-report-preview > header div { display: grid; }
.cdk-iris-report-preview > header small { color: #a9c6df; font-size: 0.48rem; letter-spacing: 0.05em; text-transform: uppercase; }
.md-typeset .cdk-iris-panel .cdk-iris-report-preview > header h4 {
  margin: 0;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.cdk-iris-report-preview > header > span { padding: 0.25rem 0.4rem; border-radius: 999px; color: #164f32; background: #d8f2e3; font-size: 0.5rem; font-weight: 800; }
.cdk-iris-report-preview > div { padding: 0.8rem; }
.cdk-iris-report-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem; }
.cdk-iris-report-meta > span { display: grid; padding: 0.45rem; border: 1px solid #dfe5ec; border-radius: 0.2rem; background: #f8fafc; }
.cdk-iris-report-meta small { color: #7a8798; font-size: 0.46rem; text-transform: uppercase; }
.cdk-iris-report-meta strong { font-size: 0.6rem; }
.md-typeset .cdk-iris-report-preview h5 { margin: 0.75rem 0 0.25rem; color: #174c7c; font-size: 0.64rem; }
.md-typeset .cdk-iris-report-preview p { margin: 0.2rem 0; color: #4b596c; font-size: 0.56rem; }
.md-typeset .cdk-iris-report-preview ol { margin: 0.25rem 0 0; padding: 0; list-style: none; }
.md-typeset .cdk-iris-report-preview li { display: grid; grid-template-columns: 2.5rem 1fr; margin: 0; padding: 0.3rem 0; border-bottom: 1px solid #e6eaf0; font-size: 0.55rem; }
.cdk-iris-report-preview time { color: #0b6fb8; font-weight: 800; }
.cdk-iris-report-finding { display: grid; gap: 0.1rem; margin-top: 0.35rem; padding: 0.55rem; border-left: 0.16rem solid var(--iris-green); background: #eaf7ef; }
.cdk-iris-report-finding strong { color: #21623f; font-size: 0.6rem; }
.cdk-iris-report-finding span { color: #4d6559; font-size: 0.54rem; }
.cdk-iris-report-preview > footer { display: flex; gap: 0.4rem; align-items: center; justify-content: flex-end; padding: 0.55rem 0.8rem; border-top: 1px solid #e1e6ec; background: #f7f9fb; }
.cdk-iris-report-preview > footer span { margin-right: auto; color: #6f7d8e; font-size: 0.5rem; }
.cdk-iris-report-preview > footer button { padding: 0.35rem 0.5rem; border: 1px solid #1680d5; border-radius: 0.2rem; color: #0b5f9f; background: #fff; font-size: 0.52rem; font-weight: 750; }
.cdk-iris-report-preview > footer button:last-child { color: #fff; background: #1680d5; }

.cdk-iris-feedback {
  position: sticky;
  bottom: 0;
  display: block;
  margin-top: 0.55rem;
  padding: 0.5rem 0.6rem;
  border-left: 0.16rem solid #1680d5;
  color: #354358;
  background: #edf6ff;
  box-shadow: 0 -0.12rem 0.35rem rgb(28 47 68 / 7%);
  font-size: 0.6rem;
}

.cdk-iris-feedback[data-state="hint"] { border-left-color: #dc9623; background: #fff6df; }
.cdk-iris-feedback[data-state="correct"] { border-left-color: var(--iris-green); background: #eaf7ef; }

@media screen and (max-width: 704px) {
  .cdk-iris-topbar { grid-template-columns: auto auto minmax(0, 1fr); }
  .cdk-iris-topbar > small { display: none; }
  .cdk-iris-shell { grid-template-columns: 1fr; }
  .cdk-iris-sidebar { overflow-x: auto; padding: 0.35rem; border-right: 0; border-bottom: 1px solid #d8dde4; }
  .cdk-iris-profile { display: none; }
  .cdk-iris-sidebar nav { display: flex; margin: 0; }
  .cdk-iris-sidebar nav > b { display: none; }
  .cdk-iris-sidebar nav > span { flex: 0 0 auto; }
  .cdk-iris-training-head { grid-template-columns: 1fr; }
  .cdk-iris-case-context { flex-wrap: wrap; }
  .cdk-iris-case-context > div { flex-basis: 100%; }
  .cdk-iris-case-context > span { padding-left: 0; border-left: 0; }
  .md-typeset .cdk-iris-training-head li span { display: none; }
  .md-typeset .cdk-iris-training-head li { justify-content: center; }
  .cdk-iris-metrics,
  .cdk-iris-record-grid,
  .cdk-iris-findings,
  .cdk-iris-case-form,
  .cdk-iris-evidence-form,
  .cdk-iris-report-fields,
  .cdk-iris-timeline-workspace,
  .cdk-iris-report-checks { grid-template-columns: 1fr; }
  .cdk-iris-case-form label,
  .cdk-iris-evidence-title,
  .cdk-iris-evidence-form .is-wide { grid-column: auto !important; }
  .cdk-iris-evidence-title,
  .cdk-iris-guided-fill,
  .cdk-iris-report-preview > footer { align-items: stretch; flex-direction: column; }
  .cdk-iris-report-preview > footer span { margin-right: 0; }
  .cdk-iris-report-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

body:not(.cdk-home-page) .md-main__inner.md-grid {
  max-width: var(--cdk-doc-grid-width);
}

/* A compact rounded rectangle in both documentation and homepage headers. */
body .md-header .md-search__form {
  overflow: hidden;
  border-radius: 0.5rem;
  transition:
    background-color 150ms ease,
    box-shadow 150ms ease;
}

body .md-header .md-search__form:focus-within {
  box-shadow: 0 0 0 0.1rem var(--md-accent-fg-color);
}

body.cdk-home-page .md-header .md-search__form {
  background: rgba(3, 15, 38, 0.72);
  box-shadow: inset 0 0 0 1px rgba(139, 222, 255, 0.16);
}

body.cdk-home-page .md-header .md-search__form:focus-within {
  box-shadow:
    inset 0 0 0 1px rgba(139, 222, 255, 0.36),
    0 0 0 0.1rem rgba(139, 222, 255, 0.72);
}

body:not(.cdk-home-page) .md-header__option .md-header__button {
  border-radius: 0.45rem;
  transition:
    color 150ms ease,
    background-color 150ms ease;
}

body:not(.cdk-home-page)
  .md-header__option
  .md-header__button:is(:hover, :focus-visible) {
  color: var(--md-accent-fg-color);
  background: var(--md-accent-fg-color--transparent);
}

/* Use one wide alignment grid for every desktop navigation surface. */
body:not(.cdk-home-page) .md-header__inner,
body:not(.cdk-home-page) .md-tabs > .md-grid {
  max-width: var(--cdk-doc-grid-width);
}

@media screen and (min-width: 76.25em) {
  body .md-tabs__link {
    font-size: 0.76rem;
    font-weight: 500;
  }

  body .md-tabs__item--active > .md-tabs__link,
  body .md-tabs__link--active,
  body .md-tabs__link[aria-current="page"] {
    font-weight: 600;
  }
}

@media screen and (min-width: 80em) {
  /* Align the search edge with the article, inside the right TOC column. */
  body:not(.cdk-home-page) .md-header .md-search {
    margin-right: 13.6rem;
  }
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page) {
  --md-default-bg-color: #0b0d11;
  --md-code-bg-color: #151922;
  --cdk-doc-surface: #12161d;
  background: var(--md-default-bg-color);
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page)
  :is(.md-container, .md-main, .md-main__inner, .md-content) {
  background: var(--md-default-bg-color);
}

body[data-md-color-scheme="default"]:not(.cdk-home-page) .md-footer {
  border-top: 1px solid #e4e4e7;
  color: #27272a;
  background: #fff;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page) .md-footer {
  border-top: 1px solid var(--md-default-fg-color--lightest);
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
}

body:not(.cdk-home-page) .md-footer__inner {
  max-width: var(--cdk-doc-grid-width);
  padding: 0.35rem 0.8rem;
}

body:not(.cdk-home-page) .md-footer__link {
  color: inherit;
  margin-top: 0.65rem;
  margin-bottom: 0.35rem;
}

body:not(.cdk-home-page) .md-footer__title {
  margin-bottom: 0.35rem;
}

body:not(.cdk-home-page) .md-footer__direction {
  color: var(--md-default-fg-color--light);
}

body:not(.cdk-home-page) .md-footer__button {
  display: grid;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  place-items: center;
  border-radius: 0.45rem;
  transition:
    color 150ms ease,
    background-color 150ms ease,
    transform 150ms ease;
}

body:not(.cdk-home-page) .md-footer__button svg {
  display: none;
}

body:not(.cdk-home-page) .md-footer__button::before {
  width: 0.48rem;
  height: 0.48rem;
  border-top: 0.09rem solid currentColor;
  border-right: 0.09rem solid currentColor;
  content: "";
}

body:not(.cdk-home-page)
  .md-footer__link--prev
  .md-footer__button::before {
  transform: rotate(-135deg);
}

body:not(.cdk-home-page)
  .md-footer__link--next
  .md-footer__button::before {
  transform: rotate(45deg);
}

body:not(.cdk-home-page)
  .md-footer__link:is(:hover, :focus-visible)
  .md-footer__button {
  color: var(--md-accent-fg-color);
  background: var(--md-accent-fg-color--transparent);
}

body:not(.cdk-home-page)
  .md-footer__link--prev:is(:hover, :focus-visible)
  .md-footer__button {
  transform: translateX(-0.1rem);
}

body:not(.cdk-home-page)
  .md-footer__link--next:is(:hover, :focus-visible)
  .md-footer__button {
  transform: translateX(0.1rem);
}

body:not(.cdk-home-page) .md-footer-meta__inner {
  max-width: var(--cdk-doc-grid-width);
  padding: 0.55rem 0.8rem;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page) .md-footer-meta {
  color: #52525b;
  background: #f1f1f3;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page) .md-footer-meta {
  color: #d4d4d8;
  background: #181a20;
}

html body:not(.cdk-home-page) .md-footer-meta.md-typeset a {
  color: inherit;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .md-footer-meta
  :is(.md-copyright, .md-copyright__highlight, .md-social__link) {
  color: #52525b;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page)
  .md-footer-meta
  :is(.md-copyright, .md-copyright__highlight, .md-social__link) {
  color: #d4d4d8;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .md-footer-meta
  a:is(:hover, :focus-visible) {
  color: #18181b;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page)
  .md-footer-meta
  a:is(:hover, :focus-visible) {
  color: #fff;
}

body:not(.cdk-home-page) .md-footer-meta a:focus-visible {
  border-radius: 0.12rem;
  outline: 0.12rem solid var(--md-accent-fg-color);
  outline-offset: 0.12rem;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page)
  .md-typeset
  :is(.admonition, details, table:not([class])) {
  background: var(--cdk-doc-surface);
}

body:not(.cdk-home-page) .md-content h1,
body:not(.cdk-home-page) .md-content h2,
body:not(.cdk-home-page) .md-content h3,
body:not(.cdk-home-page) .md-content h4 {
  scroll-margin-top: 5rem;
  text-wrap: balance;
}

/* Keep Material's return control clear of lab banners and form controls. */
.md-top {
  inset: auto 1rem 1rem auto !important;
  display: inline-flex;
  width: max-content;
  height: auto;
  min-height: 0;
  margin: 0 !important;
  align-items: center;
  transform: none !important;
}

.md-top[hidden] { transform: translateY(0.2rem) !important; }

body:not(.cdk-home-page) .md-top {
  --cdk-page-progress: 0deg;

  isolation: isolate;
  width: 3rem;
  height: 3rem;
  padding: 0;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  color: var(--md-default-fg-color--light);
  background: conic-gradient(
    var(--md-accent-fg-color) 0 var(--cdk-page-progress),
    var(--md-default-fg-color--lightest) var(--cdk-page-progress) 360deg
  );
  box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.16);
  font-size: 0;
  transition: color 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}

body:not(.cdk-home-page) .md-top[data-cdk-visible] {
  display: inline-flex !important;
}

body:not(.cdk-home-page) .md-top::before {
  position: absolute;
  z-index: -1;
  inset: 0.18rem;
  border-radius: inherit;
  background: var(--md-default-bg-color);
  content: "";
}

body:not(.cdk-home-page) .md-top svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: currentColor;
}

body:not(.cdk-home-page) .md-top:is(:hover, :focus-visible) {
  color: var(--md-accent-fg-color);
  box-shadow: 0 0.45rem 1.2rem rgba(0, 0, 0, 0.2);
}

body:not(.cdk-home-page) .md-top:focus-visible {
  outline: 0.12rem solid var(--md-accent-fg-color);
  outline-offset: 0.14rem;
}

/* Desktop documentation navigation can be hidden to create more lab space. */
.cdk-sidebar-rail,
.cdk-sidebar-toggle { display: none !important; }

.md-sidebar--primary .cdk-nav-tool-link {
  gap: 0;
  align-items: center;
}

.md-sidebar--primary .cdk-nav-tool-icon {
  display: none;
}

/* The left tree is the canonical page navigation; avoid repeating it in-page. */
:is(.splunk-page-nav, .guide-page-nav) {
  display: none !important;
}

.cdk-nav-tool-icon {
  display: inline-grid;
  width: 1.08rem;
  height: 1.08rem;
  flex: 0 0 1.08rem;
  place-items: center;
  color: var(--md-default-fg-color--light);
}

.cdk-nav-tool-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.md-sidebar--primary .md-nav__item--active > .cdk-nav-tool-link .cdk-nav-tool-icon,
.md-sidebar--primary .cdk-nav-tool-link.md-nav__link--active .cdk-nav-tool-icon {
  color: var(--md-accent-fg-color);
}

@media screen and (min-width: 76.25em) {
  body:not(.cdk-home-page) .md-main__inner {
    position: relative;
  }

  body:not(.cdk-home-page)
    .md-main__inner:has(.md-sidebar--secondary:not([hidden])) {
    gap: 1.5rem;
    justify-content: space-between;
  }

  body:not(.cdk-home-page)
    .md-main__inner:has(.md-sidebar--secondary:not([hidden]))
    > .md-content {
    max-width: 48rem;
    flex: 0 1 48rem;
  }

  body:not(.cdk-home-page) .md-sidebar--secondary:not([hidden]) {
    margin-left: 0;
  }

  body:not(.cdk-home-page)
    .md-sidebar--secondary:not([hidden])
    ~ .md-content
    > .md-content__inner {
    margin-right: 0.8rem;
  }

  .md-sidebar--primary .md-sidebar__scrollwrap {
    margin-right: 0.18rem;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
  }

  .md-sidebar--primary:is(:hover, :focus-within) .md-sidebar__scrollwrap {
    scrollbar-color: rgba(80, 90, 100, 0.25) transparent;
  }

  .md-sidebar--primary .md-sidebar__scrollwrap::-webkit-scrollbar {
    width: 0.18rem;
  }

  .md-sidebar--primary .md-sidebar__scrollwrap::-webkit-scrollbar-track {
    background: transparent;
  }

  .md-sidebar--primary .md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: transparent;
  }

  .md-sidebar--primary:hover .md-sidebar__scrollwrap::-webkit-scrollbar-thumb,
  .md-sidebar--primary:focus-within .md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
    background: rgba(80, 90, 100, 0.25);
  }

  .md-sidebar--primary .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
    background: rgba(80, 90, 100, 0.4);
  }

  [data-md-color-scheme="slate"]
    .md-sidebar--primary:is(:hover, :focus-within)
    .md-sidebar__scrollwrap {
    scrollbar-color: rgba(190, 200, 210, 0.28) transparent;
  }

  [data-md-color-scheme="slate"]
    .md-sidebar--primary:is(:hover, :focus-within)
    .md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
    background: rgba(190, 200, 210, 0.28);
  }

  [data-md-color-scheme="slate"]
    .md-sidebar--primary
    .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
    background: rgba(190, 200, 210, 0.42);
  }

  .cdk-sidebar-rail:not([hidden]) {
    position: sticky;
    top: 2.4rem;
    display: flex;
    width: 3rem;
    height: calc(100vh - 3.2rem);
    flex: 0 0 3rem;
    padding: 0.7rem 0.4rem;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    align-self: flex-start;
    border-right: 0.12rem solid transparent;
    background: color-mix(in srgb, var(--md-default-bg-color) 97%, var(--md-default-fg-color) 3%);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: background-color 150ms ease, border-color 150ms ease;
  }

  body.cdk-nav-collapsed .cdk-sidebar-rail:not([hidden]) {
    display: none;
  }

  .cdk-sidebar-rail:not([hidden]):hover {
    background: color-mix(in srgb, var(--md-default-bg-color) 94%, var(--md-accent-fg-color) 6%);
    scrollbar-color: rgba(80, 90, 100, 0.25) transparent;
  }

  .cdk-sidebar-rail::-webkit-scrollbar {
    width: 0.16rem;
  }

  .cdk-sidebar-rail::-webkit-scrollbar-track {
    background: transparent;
  }

  .cdk-sidebar-rail::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: transparent;
  }

  .cdk-sidebar-rail:hover::-webkit-scrollbar-thumb {
    background: rgba(80, 90, 100, 0.25);
  }

  .cdk-sidebar-rail::-webkit-scrollbar-thumb:hover {
    background: rgba(80, 90, 100, 0.4);
  }

  [data-md-color-scheme="slate"] .cdk-sidebar-rail:not([hidden]):hover {
    scrollbar-color: rgba(190, 200, 210, 0.28) transparent;
  }

  [data-md-color-scheme="slate"] .cdk-sidebar-rail:hover::-webkit-scrollbar-thumb {
    background: rgba(190, 200, 210, 0.28);
  }

  [data-md-color-scheme="slate"] .cdk-sidebar-rail::-webkit-scrollbar-thumb:hover {
    background: rgba(190, 200, 210, 0.42);
  }

  .cdk-sidebar-rail__brand {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    margin-inline: auto;
    place-items: center;
    align-self: center;
    border-radius: 0.4rem;
  }

  .cdk-sidebar-rail__brand:is(:hover, :focus-visible) {
    background: var(--md-accent-fg-color--transparent);
  }

  .cdk-sidebar-rail__brand img {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    object-fit: contain;
    object-position: center;
  }

  .cdk-sidebar-rail > span {
    color: var(--md-default-fg-color);
    font-size: 0.58rem;
    font-weight: 700;
  }

  .cdk-sidebar-rail__group {
    display: grid;
    width: 100%;
    padding-top: 0.5rem;
    place-items: center;
    gap: 0.25rem;
    border-top: 1px solid var(--md-default-fg-color--lightest);
  }

  .cdk-sidebar-rail__link {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.38rem;
    color: var(--md-default-fg-color--light);
  }

  .cdk-sidebar-rail__link .cdk-nav-tool-icon {
    width: 1.2rem;
    height: 1.2rem;
    flex-basis: 1.2rem;
    color: inherit;
  }

  .cdk-sidebar-rail__link:is(:hover, :focus-visible) {
    color: var(--md-accent-fg-color);
    background: var(--md-accent-fg-color--transparent);
  }

  .cdk-sidebar-rail__link.is-active {
    color: var(--md-accent-bg-color);
    background: var(--md-accent-fg-color);
  }

  .cdk-sidebar-toggle:not([hidden]) {
    --cdk-sidebar-edge-color: rgba(80, 90, 100, 0.32);

    position: fixed;
    top: 5.4rem;
    z-index: 3;
    display: grid;
    width: 1.45rem;
    height: 1.45rem;
    left: max(12.1rem, calc(50% - var(--cdk-doc-grid-half-width) + 12.1rem));
    margin: 0;
    padding: 0;
    place-items: center;
    align-self: flex-start;
    border: 1px solid var(--cdk-sidebar-edge-color);
    border-radius: 50%;
    color: var(--md-accent-bg-color);
    background: var(--cdk-sidebar-edge-color);
    box-shadow: none;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 150ms ease;
  }

  .cdk-sidebar-toggle:not([hidden])::before {
    position: absolute;
    top: -1.55rem;
    left: 50%;
    width: 0.12rem;
    height: calc(100vh - 3.2rem);
    background: linear-gradient(
      to bottom,
      var(--cdk-sidebar-edge-color) 0 1.48rem,
      transparent 1.48rem 3.07rem,
      var(--cdk-sidebar-edge-color) 3.07rem
    );
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity 150ms ease;
  }

  body.cdk-nav-collapsed .cdk-sidebar-toggle:not([hidden]) {
    left: max(0.725rem, calc(50% - var(--cdk-doc-grid-half-width)));
    opacity: 1;
  }

  body.cdk-nav-collapsed .cdk-sidebar-toggle:not([hidden])::before {
    display: block;
    opacity: 1;
  }

  body:not(.cdk-nav-collapsed) .md-sidebar--primary:hover ~ .cdk-sidebar-toggle,
  body:not(.cdk-nav-collapsed) .md-sidebar--primary:has(~ .cdk-sidebar-toggle:is(:hover, :focus-visible)) ~ .cdk-sidebar-toggle,
  body.cdk-nav-collapsed .cdk-sidebar-rail:hover + .cdk-sidebar-toggle,
  .cdk-sidebar-toggle:is(:hover, :focus-visible) {
    opacity: 1;
  }

  body:not(.cdk-nav-collapsed) .md-sidebar--primary:hover ~ .cdk-sidebar-toggle::before,
  body:not(.cdk-nav-collapsed) .md-sidebar--primary:has(~ .cdk-sidebar-toggle:is(:hover, :focus-visible)) ~ .cdk-sidebar-toggle::before,
  body.cdk-nav-collapsed .cdk-sidebar-rail:hover + .cdk-sidebar-toggle::before,
  .cdk-sidebar-toggle:is(:hover, :focus-visible)::before {
    opacity: 1;
  }

  .cdk-sidebar-toggle:is(:hover, :focus-visible) {
    --cdk-sidebar-edge-color: var(--md-accent-fg-color);

    border-color: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color);
    background: var(--md-accent-fg-color);
  }

  .cdk-sidebar-toggle:focus-visible {
    outline: 0.12rem solid var(--md-accent-fg-color);
    outline-offset: 0.12rem;
  }

  [data-md-color-scheme="slate"] .cdk-sidebar-toggle:not([hidden]) {
    --cdk-sidebar-edge-color: rgba(190, 200, 210, 0.34);
  }

  [data-md-color-scheme="slate"] .cdk-sidebar-toggle:is(:hover, :focus-visible) {
    --cdk-sidebar-edge-color: var(--md-accent-fg-color);
  }

  .md-header--lifted ~ .md-container .cdk-sidebar-rail {
    top: 4.8rem;
    height: calc(100vh - 5.6rem);
  }

  .md-header--lifted ~ .md-container .cdk-sidebar-toggle::before {
    height: calc(100vh - 5.6rem);
  }
}

@media screen and (min-width: 60em) and (max-width: 79.984375em) {
  body:not(.cdk-home-page) .md-sidebar--secondary {
    display: none !important;
  }
}

/* Page title */

body:not(.cdk-home-page) .md-content h1 {
  position: relative;
  margin-bottom: 1.8rem;
  color: var(--md-default-fg-color);
  font-size: clamp(2rem, 3vw, 2.65rem);
  font-weight: 500;
  line-height: 1.16;
  letter-spacing: -0.025em;
}

/* Primary sections */

body:not(.cdk-home-page) .md-content h2 {
  position: relative;
  margin-top: 3.25rem;
  margin-bottom: 1.2rem;
  color: var(--md-default-fg-color);
  font-size: clamp(1.45rem, 2vw, 1.8rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.018em;
}

/* Subsections */

body:not(.cdk-home-page) .md-content h3 {
  margin-top: 2.35rem;
  margin-bottom: 0.85rem;
  color: var(--md-default-fg-color);
  font-size: clamp(1.12rem, 1.5vw, 1.3rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

body:not(.cdk-home-page) .md-content h3 .headerlink {
  color: var(--md-accent-fg-color);
}

body:not(.cdk-home-page) .md-content h4 {
  margin-top: 1.8rem;
  margin-bottom: 0.65rem;
  color: var(--md-default-fg-color--light);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.015em;
}

/* Keep heading anchors subtle until the heading is engaged. */

body:not(.cdk-home-page) .md-content :is(h1, h2) .headerlink {
  opacity: 0;
  transition: opacity 150ms ease;
}

body:not(.cdk-home-page) .md-content :is(h1, h2):is(:hover, :focus-within) .headerlink {
  opacity: 0.55;
}

body:not(.cdk-home-page) .md-content :is(h1, h2).cdk-toc-heading-active .headerlink {
  color: var(--md-accent-fg-color);
  opacity: 1;
}

body:not(.cdk-home-page) .md-content :is(h1, h2):target .headerlink {
  color: var(--md-accent-fg-color);
  opacity: 1;
}

body:not(.cdk-home-page) .md-content :is(h3, h4, h5, h6) .headerlink {
  display: none;
}

@media screen and (max-width: 704px) {
  body:not(.cdk-home-page) .md-content h1 {
    margin-bottom: 1.45rem;
    font-size: 1.8rem;
  }

  body:not(.cdk-home-page) .md-content h2 {
    margin-top: 2.65rem;
    font-size: 1.38rem;
  }

  body:not(.cdk-home-page) .md-content h3 {
    margin-top: 2rem;
    font-size: 1.12rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.cdk-home-page) .md-content :is(h1, h2) .headerlink {
    transition: none;
  }
}

/* Splunk guide journeys and procedure context */

:is(.splunk-journey-grid, .guide-journey-grid) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  align-items: stretch;
  margin: 1.4rem 0;
}

/* Python Markdown may wrap raw journey links in paragraphs. Keep the links
   as the actual grid items so card sizing cannot collapse or overlap. */
:is(.splunk-journey-grid, .guide-journey-grid) > p {
  display: contents;
}

:is(.splunk-journey-card, .guide-journey-card) {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto 1fr auto;
  gap: 0.25rem 0.75rem;
  align-items: start;
  min-width: 0;
  height: 100%;
  padding: 1rem;
  color: var(--md-default-fg-color) !important;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.55rem;
  background: var(--md-default-bg-color);
  box-shadow: 0 0.25rem 0.8rem rgba(0, 0, 0, 0.04);
  transition:
    border-color 150ms ease,
    transform 150ms ease,
    box-shadow 150ms ease;
}

:is(.splunk-journey-card, .guide-journey-card):is(:hover, :focus-visible) {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0.45rem 1.15rem rgba(30, 125, 185, 0.12);
  transform: translateY(-2px);
}

:is(.splunk-journey-number, .guide-journey-number) {
  grid-row: 1 / span 2;
  color: var(--md-accent-fg-color);
  font-family: var(--md-code-font-family);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

:is(.splunk-journey-card, .guide-journey-card) strong {
  font-size: 0.95rem;
  line-height: 1.3;
}

:is(.splunk-journey-card, .guide-journey-card) > span:not(.splunk-journey-number, .guide-journey-number) {
  color: var(--md-default-fg-color--light);
  font-size: 0.85rem;
  line-height: 1.45;
}

:is(.splunk-journey-card, .guide-journey-card) small {
  grid-column: 2;
  align-self: end;
  margin-top: 0.25rem;
  color: var(--md-accent-fg-color);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.4;
}

:is(.splunk-page-nav, .guide-page-nav) {
  display: flex;
  gap: 0.35rem;
  margin: 0.7rem 0 1.5rem;
  padding-bottom: 0.65rem;
  overflow-x: auto;
  scrollbar-width: thin;
}

:is(.splunk-page-nav, .guide-page-nav) a {
  flex: 0 0 auto;
  padding: 0.38rem 0.62rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 999px;
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color--light) !important;
  font-size: 0.8rem;
  font-weight: 650;
}

:is(.splunk-page-nav, .guide-page-nav) a:is(:hover, :focus-visible) {
  border-color: var(--md-accent-fg-color);
  color: var(--md-accent-fg-color) !important;
}

:is(.splunk-page-nav, .guide-page-nav) a.is-active {
  border-color: var(--md-accent-fg-color);
  background: rgba(41, 182, 246, 0.12);
  color: var(--md-accent-fg-color) !important;
  box-shadow: inset 0 -0.12rem var(--md-accent-fg-color);
}

:is(.splunk-journey-footer, .guide-journey-footer) {
  /* Material already provides the canonical arrow-based page navigation. */
  display: none !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 3rem 0 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

:is(.splunk-journey-footer, .guide-journey-footer) a {
  display: grid;
  gap: 0.15rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.6rem;
  color: var(--md-default-fg-color) !important;
}

:is(.splunk-journey-footer, .guide-journey-footer) a:last-child {
  text-align: right;
}

:is(.splunk-journey-footer, .guide-journey-footer) a:is(:hover, :focus-visible) {
  border-color: var(--md-accent-fg-color);
  background: rgba(41, 182, 246, 0.045);
}

:is(.splunk-journey-footer, .guide-journey-footer) small {
  color: var(--md-default-fg-color--light);
  font-size: 0.64rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

:is(.splunk-journey-card, .guide-journey-card) em {
  grid-column: 2;
  margin-top: 0.35rem;
  padding-top: 0.45rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
  color: var(--md-default-fg-color--light);
  font-size: 0.68rem;
  font-style: normal;
  line-height: 1.4;
}

:is(.splunk-data-path, .guide-data-path) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(41, 182, 246, 0.24);
  border-radius: 0.7rem;
  background: linear-gradient(135deg, rgba(41, 182, 246, 0.07), rgba(126, 87, 194, 0.045));
}

:is(.splunk-data-path, .guide-data-path) span {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  padding: 0.45rem 0.6rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.5rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font-size: 0.72rem;
  font-weight: 650;
}

:is(.splunk-data-path, .guide-data-path) b {
  display: grid;
  width: 1.2rem;
  height: 1.2rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.6rem;
}

:is(.splunk-data-path, .guide-data-path) i {
  color: var(--md-accent-fg-color);
  font-style: normal;
  font-weight: 800;
}

/* Shuffle workflow explainers */
.shuffle-workflow-map {
  margin: 1.25rem 0 1.8rem;
  overflow: hidden;
  border: 1px solid rgba(75, 159, 255, 0.3);
  border-radius: 0.75rem;
  background:
    linear-gradient(rgba(75, 159, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(75, 159, 255, 0.035) 1px, transparent 1px),
    color-mix(in srgb, var(--md-default-bg-color) 96%, var(--md-accent-fg-color));
  background-size: 1.2rem 1.2rem;
}

.shuffle-workflow-map > header {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(75, 159, 255, 0.18);
  background: color-mix(in srgb, var(--md-default-bg-color) 88%, transparent);
}

.shuffle-workflow-map > header div,
.shuffle-workflow-map > header :is(span, h2) { display: block; }
.shuffle-workflow-map > header span { color: var(--md-accent-fg-color); font-size: 0.62rem; font-weight: 750; letter-spacing: 0.075em; text-transform: uppercase; }
.md-typeset .shuffle-workflow-map > header h2 { margin: 0.22rem 0 0; color: var(--md-default-fg-color); font-size: 1rem; line-height: 1.3; }
.shuffle-workflow-map > header em { flex: 0 0 auto; padding: 0.3rem 0.5rem; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 999px; color: var(--md-default-fg-color--light); background: var(--md-default-bg-color); font-size: 0.62rem; font-style: normal; font-weight: 650; }

.md-typeset .shuffle-workflow-map > dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0 1.1rem;
  border-bottom: 1px solid rgba(75, 159, 255, 0.15);
  background: color-mix(in srgb, var(--md-code-bg-color) 70%, transparent);
}

.shuffle-workflow-map > dl > div { min-width: 0; padding: 0.75rem 0.8rem; border-right: 1px solid var(--md-default-fg-color--lightest); }
.shuffle-workflow-map > dl > div:first-child { padding-left: 0; }
.shuffle-workflow-map > dl > div:last-child { padding-right: 0; border-right: 0; }
.shuffle-workflow-map > dl :is(dt, dd) { margin: 0; }
.shuffle-workflow-map > dl dt { color: var(--md-accent-fg-color); font-size: 0.58rem; font-weight: 750; letter-spacing: 0.055em; text-transform: uppercase; }
.shuffle-workflow-map > dl dd { margin-top: 0.2rem; color: var(--md-default-fg-color--light); font-size: 0.66rem; line-height: 1.45; }

.shuffle-workflow-map__flow {
  display: grid;
  grid-template-columns: repeat(var(--shuffle-flow-columns), minmax(0, 1fr));
  gap: 0.9rem;
  padding: 1.25rem 1.1rem;
}

.md-typeset .shuffle-workflow-map__flow button {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 6.3rem;
  padding: 0.65rem 0.55rem;
  align-content: start;
  justify-items: start;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.55rem;
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
  box-shadow: 0 0.18rem 0.45rem rgba(31, 72, 112, 0.07);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.md-typeset .shuffle-workflow-map__flow button::before {
  position: absolute;
  top: 50%;
  right: -0.82rem;
  z-index: 2;
  width: 0.72rem;
  height: 0.12rem;
  border-radius: 999px;
  background: var(--md-default-fg-color--lightest);
  content: "";
  transform: translateY(-50%);
  transition: background 180ms ease;
}

.md-typeset .shuffle-workflow-map__flow button::after {
  position: absolute;
  top: 50%;
  right: -0.82rem;
  z-index: 3;
  width: 0.38rem;
  height: 0.38rem;
  border-top: 0.12rem solid var(--md-default-fg-color--lighter);
  border-right: 0.12rem solid var(--md-default-fg-color--lighter);
  content: "";
  transform: translateY(-50%) rotate(45deg);
  transition: border-color 180ms ease, transform 180ms ease;
}

.md-typeset .shuffle-workflow-map__flow button:last-child::before,
.md-typeset .shuffle-workflow-map__flow button:last-child::after { display: none; }
.shuffle-workflow-map__flow button > b { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; color: var(--md-accent-fg-color); background: rgba(75, 159, 255, 0.12); font-size: 0.58rem; }
.shuffle-workflow-map__flow button > strong { margin-top: 0.48rem; font-size: 0.68rem; line-height: 1.3; }
.shuffle-workflow-map__flow button > small { margin-top: 0.22rem; color: var(--md-default-fg-color--light); font-size: 0.58rem; line-height: 1.35; }
.shuffle-workflow-map__flow button.is-safety-boundary { border-color: rgba(218, 157, 28, 0.52); background: color-mix(in srgb, var(--md-default-bg-color) 92%, #f0ad22); }
.shuffle-workflow-map__flow button.is-safety-boundary > b { color: #956500; background: rgba(240, 173, 34, 0.17); }

.shuffle-workflow-map__flow button[data-flow-state="active"] {
  border-color: var(--md-accent-fg-color);
  background: color-mix(in srgb, var(--md-default-bg-color) 90%, var(--md-accent-fg-color));
  box-shadow: 0 0 0 0.14rem rgba(75, 159, 255, 0.13), 0 0.45rem 0.9rem rgba(31, 108, 164, 0.13);
  transform: translateY(-0.18rem);
}

.shuffle-workflow-map__flow button[data-flow-state="active"] > b { color: var(--md-primary-bg-color); background: var(--md-accent-fg-color); }
.shuffle-workflow-map__flow button[data-flow-state="complete"] { border-color: rgba(47, 163, 111, 0.48); background: color-mix(in srgb, var(--md-default-bg-color) 92%, #2fa36f); }
.shuffle-workflow-map__flow button[data-flow-state="complete"] > b { color: var(--md-primary-bg-color); background: #2fa36f; }
.shuffle-workflow-map__flow button[data-flow-state="active"]::before { background: var(--md-accent-fg-color); }
.shuffle-workflow-map__flow button[data-flow-state="active"]::after { border-color: var(--md-accent-fg-color); transform: translateY(-50%) translateX(0.08rem) rotate(45deg); }
.shuffle-workflow-map__flow button[data-flow-state="complete"]::before { background: #2fa36f; }
.shuffle-workflow-map__flow button[data-flow-state="complete"]::after { border-color: #2fa36f; }

.shuffle-workflow-map > footer {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.1rem;
  border-top: 1px solid rgba(75, 159, 255, 0.16);
  background: color-mix(in srgb, var(--md-code-bg-color) 64%, transparent);
}

.shuffle-workflow-map__controls { display: flex; flex: 0 0 auto; gap: 0.4rem; }
.md-typeset .shuffle-workflow-map__controls button { padding: 0.42rem 0.62rem; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 0.35rem; color: var(--md-default-fg-color); background: var(--md-default-bg-color); font: inherit; font-size: 0.64rem; font-weight: 700; cursor: pointer; }
.md-typeset .shuffle-workflow-map__controls button:first-child { border-color: var(--md-accent-fg-color); color: var(--md-primary-bg-color); background: var(--md-accent-fg-color); }
.md-typeset .shuffle-workflow-map__controls button:disabled { cursor: default; opacity: 0.48; }
.shuffle-workflow-map output { display: block; min-width: 0; color: var(--md-default-fg-color--light); font-size: 0.66rem; line-height: 1.4; text-align: right; }

@media screen and (max-width: 900px) {
  .shuffle-workflow-map__flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md-typeset .shuffle-workflow-map__flow button::before,
  .md-typeset .shuffle-workflow-map__flow button::after { display: none; }
  .md-typeset .shuffle-workflow-map > dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shuffle-workflow-map > dl > div:nth-child(2) { border-right: 0; }
  .shuffle-workflow-map > dl > div:nth-child(-n + 2) { border-bottom: 1px solid var(--md-default-fg-color--lightest); }
}

@media screen and (max-width: 600px) {
  .shuffle-workflow-map > header,
  .shuffle-workflow-map > footer { align-items: flex-start; flex-direction: column; }
  .md-typeset .shuffle-workflow-map > dl,
  .shuffle-workflow-map__flow { grid-template-columns: 1fr; }
  .shuffle-workflow-map > dl > div { padding: 0.65rem 0; border-right: 0; border-bottom: 1px solid var(--md-default-fg-color--lightest); }
  .shuffle-workflow-map > dl > div:last-child { border-bottom: 0; }
  .md-typeset .shuffle-workflow-map__flow button { min-height: 0; }
  .shuffle-workflow-map output { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .md-typeset .shuffle-workflow-map__flow button { transition: none; }
}

.guide-data-path--fixed {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr) auto) minmax(0, 1fr);
}

.guide-data-path--fixed span {
  justify-content: center;
  min-width: 0;
}

.thehive-guide-content--overview img[src$="thehive.drawio.png"] {
  display: block;
  width: min(100%, 652px);
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.thehive-guide-content--install img[src$="image.png"] {
  display: block;
  width: min(100%, 760px);
  height: auto;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.45rem;
}

.iris-guide-content--overview .cdk-responsive-video {
  width: min(100%, 44rem);
  margin: 1rem auto 1.5rem;
}

.iris-guide-content--overview img[src$="IRIS_PoC.drawio.png"] {
  display: block;
  width: min(100%, 760px);
  height: auto;
  margin: 1rem auto;
}

.iris-guide-content :is(img[src^="image"], img[src*="/image"]) {
  display: block;
  width: min(100%, 920px);
  height: auto;
  margin: 0.8rem auto 1.25rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.45rem;
  box-shadow: 0 0.2rem 0.65rem rgba(19, 35, 54, 0.07);
}

.iris-guide-content :is(pre, .highlight) {
  max-width: 100%;
}

.guide-figure-caption {
  margin-top: -0.25rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
  text-align: center;
}

/* Plain-language network sensor placement diagrams */
.sensor-placement-choices {
  display: grid;
  margin: 1rem 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}

.sensor-placement-choices > article {
  display: flex;
  min-width: 0;
  padding: 0.8rem;
  flex-direction: column;
  border: 1px solid rgba(75, 159, 255, 0.24);
  border-radius: 0.65rem;
  background: color-mix(in srgb, var(--md-default-bg-color) 96%, #4b9fff 4%);
}

.sensor-placement-choices > article.is-recommended {
  border-color: rgba(41, 182, 246, 0.7);
  box-shadow: inset 0.16rem 0 var(--md-accent-fg-color);
}

.sensor-placement-choices > article.is-high-risk {
  border-color: rgba(239, 108, 0, 0.38);
  background: color-mix(in srgb, var(--md-default-bg-color) 96%, #ef6c00 4%);
}

.sensor-placement-choices > article > span,
.sensor-placement-choices > article > p:first-child > span {
  width: fit-content;
  margin-bottom: 0.25rem;
  color: var(--md-accent-fg-color);
  font-size: 0.54rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sensor-placement-choices > article.is-high-risk > span,
.sensor-placement-choices > article.is-high-risk > p:first-child > span { color: #d65c00; }
.md-typeset .sensor-placement-choices h4 { margin: 0 !important; font-size: 0.8rem; }
.md-typeset .sensor-placement-choices p { margin: 0.35rem 0 0.6rem; color: var(--md-default-fg-color--light); font-size: 0.65rem; line-height: 1.48; }
.md-typeset .sensor-placement-choices > article > p:first-child { margin: 0 0 0.25rem; }
.md-typeset .sensor-placement-choices > article > p:last-child { margin-top: auto; margin-bottom: 0; }
.sensor-placement-choices small { display: block; margin-top: 0.16rem; color: var(--md-default-fg-color--light); font-size: 0.57rem; line-height: 1.4; }
.sensor-placement-choices small:first-of-type { margin-top: auto; }

.sensor-placement-path {
  margin: 1rem 0 1.25rem;
  padding: 0.75rem 0.85rem;
  border-left: 0.18rem solid var(--md-accent-fg-color);
  border-radius: 0.35rem;
  background: color-mix(in srgb, var(--md-default-bg-color) 95%, #4b9fff 5%);
}

.sensor-placement-path strong { display: block; margin-bottom: 0.25rem; font-size: 0.72rem; }
.md-typeset .sensor-placement-path ul { margin: 0.25rem 0 0 0.95rem; }
.md-typeset .sensor-placement-path li { margin: 0.18rem 0; color: var(--md-default-fg-color--light); font-size: 0.65rem; }

.sensor-diagram {
  margin: 1rem 0 1.25rem;
  padding: 1.15rem;
  overflow: hidden;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.75rem;
  background:
    radial-gradient(circle at top right, rgba(41, 182, 246, 0.09), transparent 42%),
    var(--md-code-bg-color);
}

.sensor-diagram--passive {
  padding-block: 0.95rem;
}

.sensor-diagram__lane {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  justify-content: center;
}

.sensor-diagram__node {
  display: grid;
  min-width: 7.4rem;
  min-height: 3.3rem;
  padding: 0.65rem 0.8rem;
  place-content: center;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.65rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font-size: 0.76rem;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, 0.05);
}

.sensor-diagram__node small {
  display: block;
  margin-top: 0.18rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.62rem;
  font-weight: 500;
}

.sensor-diagram__node--sensor {
  border-color: rgba(41, 182, 246, 0.5);
  background: linear-gradient(135deg, rgba(41, 182, 246, 0.15), rgba(126, 87, 194, 0.1));
}

.sensor-diagram__node--queue {
  border-style: dashed;
  border-color: var(--md-accent-fg-color);
  background: rgba(126, 87, 194, 0.09);
}

.sensor-diagram__arrow {
  display: grid;
  min-width: 3.5rem;
  place-items: center;
  color: var(--md-accent-fg-color);
}

.sensor-diagram__arrow b {
  font-size: 1.7rem;
  line-height: 1;
}

.sensor-diagram__arrow small,
.sensor-diagram__copy-label {
  color: var(--md-default-fg-color--light);
  font-size: 0.6rem;
  font-weight: 650;
  white-space: nowrap;
}

.sensor-diagram__passive-branch {
  position: relative;
  width: 2rem;
  height: 2.15rem;
  margin: 0 auto;
}

.sensor-diagram__passive-branch::before {
  position: absolute;
  top: 0;
  bottom: 0.38rem;
  left: 50%;
  width: 2px;
  background: rgba(41, 182, 246, 0.62);
  content: "";
  transform: translateX(-50%);
}

.sensor-diagram__passive-branch::after {
  position: absolute;
  top: -0.13rem;
  left: 50%;
  width: 0.28rem;
  height: 0.28rem;
  border: 2px solid var(--md-default-bg-color);
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  content: "";
  transform: translateX(-50%);
}

.sensor-diagram__passive-branch span {
  position: absolute;
  top: 0.45rem;
  right: calc(50% + 0.65rem);
  color: var(--md-default-fg-color--light);
  font-size: 0.6rem;
  font-weight: 650;
  white-space: nowrap;
}

.sensor-diagram__passive-branch b {
  position: absolute;
  bottom: 0.16rem;
  left: 50%;
  width: 0.42rem;
  height: 0.42rem;
  border-right: 2px solid var(--md-accent-fg-color);
  border-bottom: 2px solid var(--md-accent-fg-color);
  transform: translateX(-50%) rotate(45deg);
}

.sensor-diagram__passive-destination {
  display: flex;
  justify-content: center;
}

.sensor-diagram__verdict {
  display: grid;
  gap: 0.2rem;
  min-width: 3.8rem;
  text-align: center;
}

.sensor-diagram__verdict span {
  padding: 0.18rem 0.35rem;
  border-radius: 999px;
  background: rgba(41, 182, 246, 0.13);
  color: var(--md-default-fg-color);
  font-size: 0.58rem;
  font-weight: 700;
}

.sensor-diagram__verdict span:last-child {
  background: rgba(239, 83, 80, 0.12);
}

.sensor-diagram__pair {
  display: flex;
  gap: 0.45rem;
  align-items: stretch;
  padding: 0.45rem;
  border: 1px solid rgba(41, 182, 246, 0.4);
  border-radius: 0.8rem;
  background: rgba(41, 182, 246, 0.045);
}

.sensor-diagram__inspection {
  display: grid;
  min-width: 4.5rem;
  place-content: center;
  color: var(--md-accent-fg-color);
  text-align: center;
}

.sensor-diagram__inspection b {
  font-size: 1.45rem;
}

.sensor-diagram__inspection small {
  color: var(--md-default-fg-color--light);
  font-size: 0.56rem;
  font-weight: 650;
}

@media screen and (max-width: 700px) {
  .sensor-placement-choices { grid-template-columns: 1fr; }

  .sensor-diagram {
    padding: 0.85rem;
  }

  .sensor-diagram__lane {
    flex-direction: column;
  }

  .sensor-diagram__node {
    width: min(100%, 15rem);
  }

  .sensor-diagram__arrow {
    min-width: 0;
    min-height: 2rem;
  }

  .sensor-diagram__arrow b {
    transform: rotate(90deg);
  }

  .sensor-diagram__arrow--roundtrip b {
    transform: rotate(90deg);
  }

  .sensor-diagram__pair {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .sensor-diagram__inspection b {
    transform: rotate(90deg);
  }
}

:is(.splunk-context, .guide-context) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 1rem 0;
}

:is(.splunk-context, .guide-context) span {
  padding: 0.25rem 0.55rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
  font-weight: 600;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 999px;
  background: var(--md-code-bg-color);
}

:is(.splunk-back-to-map, .guide-back-to-map) {
  margin: 2rem 0 0;
  font-size: 0.78rem;
}

:is(.splunk-complete, .guide-complete) {
  display: grid;
  gap: 0.25rem;
  margin: 2rem 0 0;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(45, 170, 115, 0.35);
  border-left: 0.22rem solid #2daa73;
  border-radius: 0.45rem;
  background: rgba(45, 170, 115, 0.07);
}

:is(.splunk-complete, .guide-complete) strong {
  color: var(--md-default-fg-color);
  font-size: 0.88rem;
}

:is(.splunk-complete, .guide-complete) span {
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
  line-height: 1.5;
}

:is(.splunk-checkpoint-title, .guide-checkpoint-title) {
  margin: 1.8rem 0 0.65rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.015em;
}

:is(.splunk-screenshot-sequence, .guide-screenshot-sequence) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: start;
  margin: 1.1rem 0;
}

:is(.splunk-screenshot-sequence, .guide-screenshot-sequence) > p {
  margin: 0;
}

:is(.splunk-screenshot-sequence, .guide-screenshot-sequence) img {
  width: 100%;
  margin: 0;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.35rem;
}

.guide-screenshot-caption {
  display: block;
  margin-top: 0.35rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.62rem;
  line-height: 1.4;
  text-align: center;
}

.guide-screenshot-sequence > p:is(.guide-screenshot--portrait, .guide-screenshot--wide) {
  grid-column: 1 / -1;
  justify-self: center;
}

.guide-screenshot-sequence > p.guide-screenshot--portrait {
  width: min(100%, 30rem);
}

:is(.splunk-screenshot-disclosure, .guide-screenshot-disclosure) {
  margin: 1.1rem 0;
  padding: 0 0.85rem 0.85rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.45rem;
}

:is(.splunk-screenshot-disclosure, .guide-screenshot-disclosure) > summary {
  padding: 0.75rem 0;
  cursor: pointer;
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
  font-weight: 600;
}

:is(.splunk-next-steps, .guide-next-steps) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1.5rem 0;
}

:is(.splunk-next-steps, .guide-next-steps) a {
  display: grid;
  gap: 0.2rem;
  padding: 0.8rem;
  color: var(--md-default-fg-color) !important;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.45rem;
}

:is(.splunk-next-steps, .guide-next-steps) a:hover {
  border-color: var(--md-accent-fg-color);
}

:is(.splunk-next-steps, .guide-next-steps) span {
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
  line-height: 1.4;
}

:is(.splunk-optional, .guide-optional) {
  margin: 1.5rem 0;
  padding: 0.15rem 0.85rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.45rem;
  background: var(--md-code-bg-color);
}

:is(.splunk-optional, .guide-optional) > summary {
  padding: 0.7rem 0;
  cursor: pointer;
  color: var(--md-default-fg-color);
  font-weight: 600;
}

.guide-step-path {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 1rem 0 1.6rem;
}

.guide-step-path span {
  flex: 1 1 6.5rem;
  padding: 0.5rem 0.65rem;
  border-top: 0.16rem solid var(--md-accent-fg-color);
  border-radius: 0.25rem;
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color--light);
  font-size: 0.7rem;
  font-weight: 650;
  text-align: center;
}

.guide-video {
  position: relative;
  width: 100%;
  margin: 1.2rem 0;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: 0.6rem;
  background: #000;
}

.guide-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.guide-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.35rem 0 1.5rem;
}

.guide-choice-card {
  position: relative;
  min-width: 0;
  padding: 1.25rem;
  overflow: hidden;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.85rem;
  background: linear-gradient(145deg, var(--md-default-bg-color), rgba(126, 87, 194, 0.035));
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.055);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.guide-choice-card::after {
  content: "";
  position: absolute;
  top: -3.5rem;
  right: -3.5rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(41, 182, 246, 0.16), transparent 70%);
  pointer-events: none;
}

.guide-choice-card--recommended {
  border-color: rgba(41, 182, 246, 0.42);
  background: linear-gradient(145deg, var(--md-default-bg-color), rgba(41, 182, 246, 0.075));
}

.guide-choice-card:hover {
  transform: translateY(-3px);
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0.85rem 1.8rem rgba(20, 60, 100, 0.12);
}

.guide-choice-card__eyebrow {
  display: inline-flex;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
  background: rgba(41, 182, 246, 0.12);
  color: var(--md-accent-fg-color);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.guide-choice-card h3 {
  margin: 0.75rem 0 0.55rem !important;
  font-size: 1.05rem !important;
}

.guide-choice-card p {
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
}

.md-typeset .guide-choice-card__facts {
  display: grid;
  gap: 0.4rem;
  margin: 1rem 0 !important;
  padding: 0 !important;
  list-style: none;
}

.md-typeset .guide-choice-card__facts li {
  display: grid;
  grid-template-columns: 5.2rem 1fr;
  gap: 0.55rem;
  margin: 0 !important;
  padding: 0.45rem 0;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  font-size: 0.72rem;
}

.guide-choice-card__facts strong {
  color: var(--md-default-fg-color--light);
  font-size: 0.65rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.guide-choice-card .md-button {
  position: relative;
  z-index: 1;
  margin-top: 0.35rem;
}

/* Reusable hands-on practice experience */

.cdk-try-card {
  position: relative;
  margin: 1.6rem 0;
  padding: 1.15rem 1.25rem 1.15rem 4rem;
  overflow: hidden;
  border: 1px solid rgba(126, 87, 194, 0.38);
  border-radius: 0.8rem;
  background: linear-gradient(135deg, rgba(126, 87, 194, 0.12), rgba(41, 182, 246, 0.06));
  box-shadow: 0 0.45rem 1.2rem rgba(45, 35, 90, 0.08);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.cdk-try-card::before {
  content: "⚡";
  position: absolute;
  top: 1.15rem;
  left: 1.15rem;
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 0.55rem;
  background: linear-gradient(145deg, #7e57c2, #29b6f6);
  box-shadow: 0 0.35rem 0.8rem rgba(65, 75, 180, 0.25);
  color: #fff;
  font-size: 1rem;
}

.cdk-try-card:hover {
  transform: translateY(-2px);
  border-color: rgba(126, 87, 194, 0.68);
  box-shadow: 0 0.75rem 1.6rem rgba(45, 35, 90, 0.13);
}

.cdk-try-card__eyebrow,
.cdk-practice__kicker {
  color: #7e57c2;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cdk-try-card h3,
.cdk-try-card__title {
  margin: 0.2rem 0 0.35rem !important;
  color: var(--md-default-fg-color);
  font-size: 1rem !important;
  font-weight: 700;
  line-height: 1.4;
}

.cdk-try-card p {
  margin: 0.35rem 0;
}

.cdk-try-card__payoff {
  display: block;
  margin-top: 0.75rem;
  padding-top: 0.65rem;
  border-top: 1px solid rgba(126, 87, 194, 0.2);
  color: var(--md-default-fg-color--light);
  font-size: 0.76rem;
  font-weight: 600;
}

.cdk-practice {
  margin-top: 3rem;
}

.cdk-practice__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.85fr);
  column-gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  margin: 1rem 0 1.5rem;
  padding: clamp(1.35rem, 3vw, 2rem);
  overflow: hidden;
  border: 1px solid rgba(75, 159, 255, 0.3);
  border-radius: 0.85rem;
  background:
    radial-gradient(circle at 90% 16%, rgba(114, 183, 255, 0.14), transparent 14rem),
    linear-gradient(135deg, rgba(168, 212, 255, 0.13), rgba(75, 159, 255, 0.035));
  box-shadow: 0 0.55rem 1.4rem rgba(20, 70, 120, 0.06);
  color: var(--md-default-fg-color);
}

.cdk-practice__summary {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: 37rem;
}

.cdk-practice__actions {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  align-self: center;
  align-content: center;
  gap: 1rem;
  grid-column: 2;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(75, 159, 255, 0.24);
  border-radius: 0.7rem;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(168, 212, 255, 0.11));
  box-shadow: 0 0.45rem 1rem rgba(20, 70, 120, 0.055);
}

.cdk-practice__hero::after {
  content: "";
  position: absolute;
  top: -6rem;
  right: -5rem;
  width: 13rem;
  height: 13rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(41, 182, 246, 0.11), transparent 68%);
  pointer-events: none;
}

.cdk-practice__hero .cdk-practice__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--md-accent-fg-color);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cdk-practice__hero .cdk-practice__kicker::before {
  width: 1.25rem;
  height: 0.1rem;
  border-radius: 1rem;
  background: currentColor;
  content: "";
}

.md-typeset .cdk-practice__title {
  position: relative;
  z-index: 1;
  margin: 0.55rem 0 0.55rem !important;
  color: var(--md-default-fg-color) !important;
  font-size: clamp(1.2rem, 2.1vw, 1.4rem);
  font-weight: 750;
  line-height: 1.3;
}

.cdk-practice__hero p {
  position: relative;
  z-index: 1;
  max-width: 42rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.86rem;
  line-height: 1.6;
}

.cdk-practice__meta {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  align-items: center;
  margin: 0.9rem 0 0;
  padding-top: 0.7rem;
  border-top: 1px solid rgba(75, 159, 255, 0.16);
}

.cdk-practice__meta span {
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: var(--md-default-fg-color--light);
  font-size: 0.7rem;
  font-weight: 650;
  white-space: nowrap;
}

.cdk-practice__meta span + span::before {
  content: none;
}

.cdk-practice__meta span + span {
  margin-left: 0.75rem;
  padding-left: 0.75rem;
  border-left: 1px solid var(--md-default-fg-color--lightest);
}

@media screen and (max-width: 37.5em) {
  .cdk-practice__meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.35rem;
  }

  .cdk-practice__meta span + span {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}

.cdk-practice__path {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0.15rem 0.2rem 0;
}

.cdk-practice__path-label {
  display: block;
  margin-bottom: 0.55rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
}

.md-typeset .cdk-practice__path ol {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.md-typeset .cdk-practice__path ol::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0.78rem;
  left: 12.5%;
  right: 12.5%;
  height: 2px;
  background: linear-gradient(90deg, rgba(41, 182, 246, 0.24), rgba(41, 182, 246, 0.55));
}

.md-typeset .cdk-practice__path--two ol {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.md-typeset .cdk-practice__path--two ol::before {
  left: 25%;
  right: 25%;
}

.md-typeset .cdk-practice__path--three ol {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.md-typeset .cdk-practice__path--three ol::before {
  left: 16.66%;
  right: 16.66%;
}

.md-typeset .cdk-practice__path li {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.md-typeset .cdk-practice__path a {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 0.3rem;
  color: var(--md-default-fg-color--light) !important;
  font-size: 0.65rem;
  text-align: center;
}

.md-typeset .cdk-practice__path b {
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  place-items: center;
  border: 2px solid rgba(41, 182, 246, 0.58);
  border-radius: 50%;
  background: var(--md-default-bg-color);
  box-shadow: 0 0 0 0.22rem var(--md-default-bg-color);
  color: var(--md-accent-fg-color);
  font-size: 0.64rem;
  transition:
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.md-typeset .cdk-practice__path a:is(:hover, :focus-visible) {
  color: var(--md-accent-fg-color) !important;
}

.md-typeset .cdk-practice__path a:is(:hover, :focus-visible) b {
  transform: scale(1.08);
  background: color-mix(
    in srgb,
    var(--md-default-bg-color) 86%,
    rgb(41, 182, 246) 14%
  );
  color: var(--md-accent-fg-color);
}

.cdk-practice__cta {
  position: relative;
  z-index: 1;
  display: inline-flex !important;
  width: auto;
  justify-self: center;
  min-width: 6.4rem;
  min-height: 2.2rem;
  padding: 0.45rem 0.8rem !important;
  align-items: center;
  justify-content: center;
  border-color: var(--md-accent-fg-color) !important;
  background: var(--md-accent-fg-color) !important;
  color: var(--md-primary-bg-color) !important;
  box-shadow: 0 0.45rem 1rem rgba(41, 182, 246, 0.18);
  font-size: 0.7rem;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

.cdk-practice__cta:is(:hover, :focus-visible) {
  transform: translateY(-0.1rem);
  filter: brightness(1.06);
}

/* Beginner-first orientation for every Full Lab activity. */
.cdk-activity-guide {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(12rem, 0.75fr);
  gap: 0.65rem;
  margin: 0.65rem 0 1rem;
}

.cdk-activity-guide > div {
  display: grid;
  align-content: start;
  gap: 0.18rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--md-default-bg-color) 97%, var(--md-accent-fg-color) 3%);
}

.cdk-activity-guide span {
  color: var(--md-accent-fg-color);
  font-size: 0.52rem;
  font-weight: 750;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.cdk-activity-guide strong {
  color: var(--md-default-fg-color);
  font-size: 0.66rem;
  line-height: 1.5;
}

.cdk-activity-guide small {
  color: var(--md-default-fg-color--light);
  font-size: 0.59rem;
  line-height: 1.5;
}

.md-typeset h4.cdk-activity-step {
  margin-top: 1.25rem;
  font-size: 0.78rem;
  font-weight: 700;
}

.cdk-activity-support {
  margin: 1rem 0;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--md-default-bg-color) 98%, var(--md-default-fg-color) 2%);
}

.cdk-activity-support summary {
  padding: 0.6rem 2.2rem 0.6rem 2.25rem !important;
  color: var(--md-default-fg-color);
  font-size: 0.64rem;
  font-weight: 700;
  cursor: pointer;
}

.cdk-activity-support > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  padding: 0 0.75rem 0.7rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.cdk-activity-support section {
  padding-top: 0.65rem;
}

.cdk-activity-support section > strong {
  font-size: 0.62rem;
}

.md-typeset .cdk-activity-support :is(ul, p) {
  margin: 0.35rem 0 0;
  color: var(--md-default-fg-color--light);
  font-size: 0.59rem;
  line-height: 1.5;
}

.md-typeset .cdk-activity-support li {
  margin-bottom: 0.18rem;
}

@media screen and (max-width: 50em) {
  .cdk-practice__hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .cdk-practice__summary,
  .cdk-practice__actions {
    grid-column: 1;
  }

  .cdk-practice__actions {
    width: 100%;
    margin-top: 0.8rem;
  }

  .cdk-activity-guide,
  .cdk-activity-support > div {
    grid-template-columns: 1fr;
  }
}

/* Low-resource interactive lab shared by the full lab guides. */
.cdk-browser-lab {
  margin: 1.5rem 0 2.25rem;
}

.cdk-full-lab-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 0.7rem;
  row-gap: 0.18rem;
  margin: 2.5rem 0 1rem;
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.7rem;
  background: linear-gradient(105deg, var(--md-accent-fg-color--transparent), transparent 48%);
  scroll-margin-top: 5rem;
}

.cdk-full-lab-heading > div {
  display: contents;
}

.cdk-full-lab-heading span {
  display: block;
  grid-column: 1 / 3;
  grid-row: 1;
  margin: 0;
  padding: 0;
  color: var(--md-accent-fg-color);
  font-size: 0.52rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cdk-full-lab-heading .cdk-full-lab-heading__icon {
  display: grid;
  grid-column: 1;
  grid-row: 2;
  width: 2rem;
  height: 2rem;
  padding: 0;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--md-accent-fg-color) 32%, transparent);
  border-radius: 0.55rem;
  color: var(--md-accent-fg-color);
  background: color-mix(in srgb, var(--md-accent-fg-color) 11%, var(--md-default-bg-color));
  transform: translateY(0.62rem);
}

.cdk-full-lab-heading__icon svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.md-typeset .cdk-full-lab-heading h3 {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  color: var(--md-default-fg-color);
  font-size: 1rem;
  line-height: 1.2;
}

.cdk-full-lab-heading em {
  display: inline-flex;
  grid-column: 3;
  grid-row: 1 / 3;
  padding: 0.3rem 0.5rem;
  align-items: center;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 999px;
  color: var(--md-default-fg-color--light);
  background: var(--md-default-fg-color--lightest);
  font-size: 0.55rem;
  font-style: normal;
  font-weight: 650;
  white-space: nowrap;
}

.cdk-browser-lab__routes {
  display: grid;
  grid-template-columns: minmax(12rem, 0.9fr) repeat(2, minmax(13rem, 1fr));
  gap: 0.7rem;
  margin-bottom: 1rem;
}

.cdk-browser-lab__routes[data-route-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cdk-browser-lab__routes[data-route-count="3"] > div {
  grid-column: 1 / -1;
  align-items: flex-start;
  padding: 0 0 0.15rem;
}

.cdk-browser-lab__routes > div,
.md-typeset .cdk-browser-lab__routes > a {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 0.8rem 0.9rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.55rem;
  color: var(--md-default-fg-color) !important;
  background: color-mix(in srgb, var(--md-default-bg-color) 96%, var(--md-default-fg-color) 4%);
}

.cdk-browser-lab__routes > div {
  border-color: transparent;
  background: transparent;
}

.cdk-browser-lab__routes > div span,
.cdk-browser-lab__routes small {
  margin-bottom: 0.18rem;
  color: var(--md-accent-fg-color);
  font-size: 0.55rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cdk-browser-lab__routes strong {
  font-size: 0.78rem;
  line-height: 1.35;
}

.cdk-browser-lab__routes a span {
  margin-top: 0.22rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.62rem;
  line-height: 1.45;
}

.md-typeset .cdk-browser-lab__routes > a:is(:hover, :focus-visible) {
  border-color: var(--md-accent-fg-color);
  background: var(--md-accent-fg-color--transparent);
}

.cdk-browser-lab__app {
  overflow: hidden;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.7rem;
  background: color-mix(in srgb, var(--md-default-bg-color) 97%, var(--md-default-fg-color) 3%);
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.08);
}

.cdk-browser-lab__app > header,
.cdk-browser-lab__app > p,
.cdk-browser-lab__notice,
.cdk-browser-lab__workspace,
.cdk-browser-lab__decision,
.cdk-browser-lab__validate,
.cdk-browser-lab__app > footer {
  padding-right: 1rem;
  padding-left: 1rem;
}

.cdk-browser-lab__app > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  min-height: 0;
  column-gap: 0.65rem;
  row-gap: 0.18rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  background: linear-gradient(105deg, var(--md-accent-fg-color--transparent), transparent 48%);
}

.cdk-browser-lab__heading-icon {
  display: grid;
  grid-column: 1;
  grid-row: 2;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--md-accent-fg-color) 32%, transparent);
  border-radius: 0.55rem;
  color: var(--md-accent-fg-color);
  background: color-mix(in srgb, var(--md-accent-fg-color) 11%, var(--md-default-bg-color));
  transform: translateY(0.62rem);
}

.cdk-browser-lab__heading-icon svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cdk-browser-lab__heading-icon circle {
  fill: currentColor;
  stroke: none;
}

.cdk-browser-lab__heading-copy {
  display: contents;
}

.cdk-browser-lab__app > header .cdk-browser-lab__eyebrow {
  display: block;
  grid-column: 1 / 3;
  grid-row: 1;
  margin: 0;
  color: var(--md-accent-fg-color);
  font-size: 0.5rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.md-typeset .cdk-browser-lab__app h3,
.md-typeset .cdk-browser-lab__app h4 {
  margin: 0;
  color: var(--md-default-fg-color);
}

.md-typeset .cdk-browser-lab__app h3 {
  grid-column: 2;
  grid-row: 2;
  font-size: 1rem;
  line-height: 1.2;
}

.md-typeset .cdk-browser-lab__app h4 {
  margin-bottom: 0.45rem;
  font-size: 0.7rem;
  font-weight: 700;
}

.cdk-browser-lab__app > header em {
  display: inline-flex;
  grid-column: 3;
  grid-row: 1 / 3;
  padding: 0.3rem 0.5rem;
  align-items: center;
  gap: 0.25rem;
  border: 1px solid color-mix(in srgb, #2f8f54 28%, var(--md-default-fg-color--lightest));
  border-radius: 999px;
  color: var(--md-default-fg-color--light);
  background: color-mix(in srgb, #2f8f54 8%, var(--md-default-bg-color));
  font-size: 0.55rem;
  font-style: normal;
  font-weight: 650;
  white-space: nowrap;
}

.cdk-browser-lab__app > header em span {
  color: #2f8f54;
  font-weight: 850;
}

.cdk-browser-lab__app > p {
  margin: 0;
  padding-top: 0.8rem;
  padding-bottom: 0.55rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.68rem;
}

.cdk-browser-lab__notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.6rem;
  margin: 0 1rem 0.85rem;
  padding: 0.55rem 0.65rem;
  border-left: 0.15rem solid var(--md-accent-fg-color);
  background: var(--md-accent-fg-color--transparent);
  font-size: 0.66rem;
}

.cdk-browser-lab__notice span {
  color: var(--md-default-fg-color);
}

.cdk-browser-lab__workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(12rem, 0.8fr);
  gap: 0.8rem;
  padding-bottom: 0.9rem;
}

.cdk-browser-lab__workspace > div,
.cdk-browser-lab__workspace aside,
.cdk-browser-lab__decision,
.cdk-browser-lab__validate {
  padding: 0.75rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.45rem;
  background: var(--md-default-bg-color);
}

.cdk-browser-lab__evidence {
  display: grid;
  gap: 0.35rem;
}

.cdk-browser-lab__evidence button {
  display: grid;
  gap: 0.12rem;
  padding: 0.45rem 0.55rem;
  border: 1px solid transparent;
  border-radius: 0.32rem;
  color: var(--md-default-fg-color);
  background: var(--md-default-fg-color--lightest);
  cursor: pointer;
  font-size: 0.59rem;
  text-align: left;
}

.cdk-browser-lab__evidence button span {
  overflow: hidden;
  color: var(--md-default-fg-color--light);
  font-family: var(--md-code-font-family);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cdk-browser-lab__evidence button:is(:hover, [aria-pressed="true"]) {
  border-color: var(--md-accent-fg-color);
  background: var(--md-accent-fg-color--transparent);
}

.cdk-browser-lab__workspace aside p {
  margin: 0;
  color: var(--md-default-fg-color--light);
  font-family: var(--md-code-font-family);
  font-size: 0.6rem;
  overflow-wrap: anywhere;
}

.cdk-browser-lab__decision,
.cdk-browser-lab__validate {
  margin: 0 1rem 0.8rem;
}

.cdk-browser-lab__decision > p {
  margin: 0 0 0.55rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.62rem;
}

.cdk-browser-lab button {
  font-family: inherit;
}

.cdk-browser-lab__decision button,
.cdk-browser-lab__validate button,
.cdk-browser-lab__app > footer button {
  padding: 0.38rem 0.58rem;
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 0.3rem;
  color: var(--md-default-fg-color);
  background: transparent;
  cursor: pointer;
  font-size: 0.6rem;
  font-weight: 650;
}

.cdk-browser-lab__decision button:is(:hover, [aria-pressed="true"]),
.cdk-browser-lab__validate button:is(:hover, [data-passed="true"]),
.cdk-browser-lab__app > footer button:not(:disabled):hover {
  border-color: var(--md-accent-fg-color);
  color: var(--md-accent-fg-color);
  background: var(--md-accent-fg-color--transparent);
}

.cdk-browser-lab__decision output,
.cdk-browser-lab__validate span {
  display: block;
  margin-top: 0.55rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.6rem;
}

.cdk-browser-lab__validate button + button {
  margin-left: 0.3rem;
}

.cdk-browser-lab__app > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
  font-size: 0.62rem;
}

.cdk-browser-lab__completion,
.cdk-browser-lab__footer-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.cdk-browser-lab__complete-icon {
  display: grid;
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #2f7d4b;
  font-size: 0.72rem;
  font-weight: 750;
}

.cdk-browser-lab__complete-icon[hidden],
.cdk-browser-lab__footer-actions button[hidden] {
  display: none;
}

.cdk-browser-lab__app > footer[data-complete="true"] {
  border-top-color: color-mix(in srgb, #2f8f54 42%, var(--md-default-fg-color--lightest));
  background: color-mix(in srgb, #2f8f54 9%, var(--md-default-bg-color));
}

.cdk-browser-lab__app > footer[data-complete="true"] [data-browser-report] {
  border-color: #2f7d4b;
  color: #fff;
  background: #2f7d4b;
}

.cdk-browser-lab__app > footer[data-complete="true"] [data-browser-report]:hover {
  border-color: #24633b;
  color: #fff;
  background: #24633b;
}

.cdk-browser-lab__app > footer button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

/* Product-specific Interactive Lab simulations. */

.cdk-product-lab {
  --cdk-product-accent: var(--md-accent-fg-color);
  margin: 0.2rem 1rem 1rem;
  overflow: hidden;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.55rem;
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
  font-size: 0.68rem;
}

/* Product simulations keep their own application palette in either docs theme. */
.cdk-product-lab:is(
  .cdk-product-lab--splunk,
  .cdk-product-lab--wazuh,
  .cdk-product-lab--suricata,
  .cdk-product-lab--zeek,
  .cdk-product-lab--zui
) {
  --md-default-bg-color: #ffffff;
  --md-code-bg-color: #f1f4f6;
  --md-default-fg-color: rgba(20, 30, 40, 0.9);
  --md-default-fg-color--light: rgba(35, 50, 65, 0.7);
  --md-default-fg-color--lighter: rgba(50, 65, 80, 0.5);
  --md-default-fg-color--lightest: rgba(55, 75, 90, 0.18);
  color-scheme: light;
}

.cdk-product-lab:is(
  .cdk-product-lab--aurora,
  .cdk-product-lab--securityonion,
  .cdk-product-lab--snort
) {
  --md-default-bg-color: #18212a;
  --md-code-bg-color: #111820;
  --md-default-fg-color: rgba(240, 245, 249, 0.92);
  --md-default-fg-color--light: rgba(216, 227, 235, 0.72);
  --md-default-fg-color--lighter: rgba(190, 204, 214, 0.52);
  --md-default-fg-color--lightest: rgba(175, 195, 208, 0.2);
  color-scheme: dark;
}

.cdk-product-lab--splunk { --cdk-product-accent: #65a637; }
.cdk-product-lab--aurora { --cdk-product-accent: #73c2b1; }
.cdk-product-lab--wazuh { --cdk-product-accent: #3978f6; }
.cdk-product-lab--securityonion { --cdk-product-accent: #e59a2f; }
.cdk-product-lab--snort { --cdk-product-accent: #e45858; }
.cdk-product-lab--suricata { --cdk-product-accent: #ee7d32; }
.cdk-product-lab--wireshark { --cdk-product-accent: #1676c4; }

/* Beginner guidance for the Splunk search workflow. */
.cdk-splunk-guide {
  display: grid;
  margin: 0.2rem 1rem 0.75rem;
  padding: 0.7rem 0.8rem;
  grid-template-columns: minmax(13rem, 1fr) auto minmax(12rem, 0.7fr);
  align-items: center;
  gap: 0.8rem;
  border: 1px solid #b9d7b7;
  border-left: 0.18rem solid #65a637;
  border-radius: 0.4rem;
  color: #263746;
  background: #f3f9f1;
}
.cdk-splunk-guide > div { display: grid; gap: 0.12rem; }
.cdk-splunk-guide > div > span { color: #4b8c38; font-size: 0.54rem; font-weight: 800; letter-spacing: 0.055em; text-transform: uppercase; }
.cdk-splunk-guide > div > strong { font-size: 0.74rem; }
.cdk-splunk-guide p { margin: 0 !important; color: #586b79; font-size: 0.61rem; line-height: 1.45; }
.cdk-splunk-guide ol { display: grid !important; margin: 0 !important; padding: 0 !important; grid-template-columns: repeat(4, minmax(3.8rem, 1fr)); gap: 0.28rem; list-style: none; }
.cdk-splunk-guide li { display: grid !important; min-width: 0; margin: 0 !important; padding: 0 !important; justify-items: center; gap: 0.18rem; color: #71808c; font-size: 0.53rem; list-style: none; }
.cdk-splunk-guide li b { display: grid; width: 1.15rem; height: 1.15rem; place-items: center; border: 1px solid #aab5bc; border-radius: 50%; background: #fff; font-size: 0.51rem; }
.cdk-splunk-guide li[aria-current="step"] { color: #315b27; font-weight: 750; }
.cdk-splunk-guide li[aria-current="step"] b { border-color: #65a637; color: #fff; background: #65a637; }
.cdk-splunk-guide li[data-complete="true"] { color: #34713d; }
.cdk-splunk-guide li[data-complete="true"] b { border-color: #347d48; color: #fff; background: #347d48; }
.cdk-splunk-guide details { margin: 0 !important; padding: 0; overflow: hidden; border: 1px solid #b9c9d2; border-radius: 0.3rem; background: #fff; box-shadow: none; }
.cdk-splunk-guide details summary { display: flex; width: 100%; min-height: 0; margin: 0 !important; padding: 0.48rem 0.6rem !important; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 0.5rem; color: #315c75; background: #fff !important; font-size: 0.59rem; font-weight: 750; list-style: none; }
.cdk-splunk-guide details summary::-webkit-details-marker { display: none; }
.cdk-splunk-guide details summary::before { display: none !important; content: none !important; }
.cdk-splunk-guide details summary::after { position: static !important; display: block; width: 0.35rem; height: 0.35rem; flex: 0 0 auto; border: 0; border-right: 0.08rem solid currentColor; border-bottom: 0.08rem solid currentColor; content: ""; background: transparent !important; -webkit-mask-image: none !important; mask-image: none !important; transform: rotate(45deg); }
.cdk-splunk-guide details[open] summary::after { transform: rotate(225deg); }
.cdk-splunk-guide details > p { padding: 0 0.6rem 0.55rem; }

@media screen and (max-width: 900px) {
  .cdk-splunk-guide { grid-template-columns: 1fr; }
  .cdk-splunk-guide ol { width: 100%; }
}

/* Beginner guidance and product-faithful Aurora Lite dashboard simulation. */
.cdk-aurora-guide {
  display: grid;
  margin: 0.2rem 1rem 0.75rem;
  padding: 0.7rem 0.8rem;
  grid-template-columns: minmax(13rem, 1fr) auto minmax(11rem, 0.65fr);
  align-items: center;
  gap: 0.8rem;
  border: 1px solid #abd9d0;
  border-left: 0.18rem solid #56ad9b;
  border-radius: 0.4rem;
  color: #263746;
  background: #f0f8f6;
}
.cdk-aurora-guide > div { display: grid; gap: 0.12rem; }
.cdk-aurora-guide > div > span { color: #327f72; font-size: 0.6rem; font-weight: 800; letter-spacing: 0.055em; text-transform: uppercase; }
.cdk-aurora-guide > div > strong { font-size: 0.82rem; }
.cdk-aurora-guide p { margin: 0 !important; color: #4f6472; font-size: 0.68rem; line-height: 1.5; }
.cdk-aurora-guide ol { display: grid !important; margin: 0 !important; padding: 0 !important; grid-template-columns: repeat(4, minmax(3.2rem, 1fr)); gap: 0.28rem; list-style: none; }
.cdk-aurora-guide li { display: grid !important; min-width: 0; margin: 0 !important; padding: 0 !important; justify-items: center; gap: 0.18rem; color: #617481; font-size: 0.61rem; list-style: none; }
.cdk-aurora-guide li b { display: grid; width: 1.3rem; height: 1.3rem; place-items: center; border: 1px solid #91aaa5; border-radius: 50%; background: #fff; font-size: 0.58rem; }
.cdk-aurora-guide li[aria-current="step"] { color: #286c61; font-weight: 750; }
.cdk-aurora-guide li[aria-current="step"] b { border-color: #56ad9b; color: #fff; background: #56ad9b; }
.cdk-aurora-guide li[data-complete="true"] b { border-color: #347d62; color: #fff; background: #347d62; }
.cdk-aurora-guide details { margin: 0 !important; padding: 0; overflow: hidden; border: 1px solid #b9c9d2; border-radius: 0.3rem; background: #fff; box-shadow: none; }
.cdk-aurora-guide details summary { display: flex; width: 100%; min-height: 0; margin: 0 !important; padding: 0.55rem 0.65rem !important; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 0.5rem; color: #286c61; background: #fff !important; font-size: 0.67rem; font-weight: 750; list-style: none; }
.cdk-aurora-guide details summary::-webkit-details-marker { display: none; }
.cdk-aurora-guide details summary::before { display: none !important; content: none !important; }
.cdk-aurora-guide details summary::after { position: static !important; display: block; width: 0.38rem; height: 0.38rem; flex: 0 0 auto; border: 0; border-right: 0.09rem solid currentColor; border-bottom: 0.09rem solid currentColor; content: ""; background: transparent !important; -webkit-mask-image: none !important; mask-image: none !important; transform: rotate(45deg); }
.cdk-aurora-guide details[open] summary::after { transform: rotate(225deg); }
.cdk-aurora-guide details > p { padding: 0 0.6rem 0.55rem; }

.cdk-product-lab--aurora {
  overflow: hidden;
  border-color: #1b242a;
  border-radius: 0.08rem;
  color: #f2f5f6;
  background: #1f2529;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.74rem;
  line-height: 1.5;
  container: cdk-aurora / inline-size;
}

.cdk-browser-lab__app--auroralite > header span { color: #328979; }
.cdk-browser-lab__app--auroralite .cdk-browser-lab__notice { border-left-color: #56ad9b; }
.cdk-aurora-terminal {
  display: grid;
  margin: 0 1rem 0.75rem;
  padding: 0.6rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #384551;
  border-radius: 0.3rem;
  color: #e7eef3;
  background: #17212a;
  font-size: 0.68rem;
}
.cdk-aurora-terminal header { display: flex; grid-column: 1 / -1; justify-content: space-between; color: #aebdca; }
.cdk-aurora-terminal code { padding: 0.45rem; color: #d9f4ed; background: #0f171e; overflow-wrap: anywhere; }
.cdk-aurora-terminal__output { display: block; margin-top: 0.35rem; padding-top: 0.35rem; border-top: 1px solid #2b3a44; color: #b8c9d3; line-height: 1.55; white-space: pre-line; }
.cdk-aurora-terminal__output[hidden] { display: none; }
.cdk-aurora-terminal button { padding: 0.42rem 0.58rem; border: 1px solid #68bbaa; border-radius: 0.2rem; color: #fff; background: #397e70; cursor: pointer; font: inherit; font-weight: 700; }
.cdk-aurora-terminal button:disabled { cursor: not-allowed; color: #d2ddda; background: #315d55; opacity: 0.72; }
.cdk-aurora-top { display: flex; min-width: 0; height: 2.25rem; align-items: stretch; background: #30363d; }
.cdk-aurora-brand { display: flex; width: 10.5rem; flex: 0 0 10.5rem; align-items: center; justify-content: flex-start; gap: 0.7rem; }
.cdk-aurora-brand img { display: block; width: 8rem; height: 2.25rem; object-fit: contain; object-position: left top; }
.cdk-product-lab--aurora .cdk-aurora-brand button { display: grid; width: 1.7rem; height: 100%; padding: 0; place-items: center; border: 0; border-radius: 0; color: #fff; background: transparent; box-shadow: none; font-size: 0.85rem; }
.cdk-product-lab--aurora .cdk-aurora-brand button:hover:not(:disabled),
.cdk-product-lab--aurora .cdk-aurora-brand button:focus-visible { border: 0; color: #fff; background: transparent !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55) inset; }
.cdk-aurora-top nav { display: flex; align-items: stretch; color: #d0d7dc; }
.cdk-aurora-top nav :is(strong, span) { display: flex; padding: 0 0.72rem; align-items: center; font-size: 0.67rem; }
.cdk-aurora-top nav strong { color: #fff; background: #70b9ad; }
.cdk-aurora-shell { display: grid; min-width: 0; grid-template-columns: minmax(8.5rem, 10.5rem) minmax(0, 1fr); }
.cdk-aurora-shell aside { display: flex; min-height: 25rem; padding: 0.2rem 0; flex-direction: column; color: #fff; background: #30363d; }
.cdk-aurora-shell aside > :is(strong, button, span) { display: flex; min-height: 2.1rem; padding: 0.45rem 0.7rem; align-items: center; gap: 0.68rem; border: 0; border-radius: 0; color: #fff; background: transparent; font-size: 0.66rem; font-weight: 700; line-height: 1.2; text-align: left; }
.cdk-aurora-shell aside > :is(strong, button, span) > svg { width: 0.82rem; height: 0.82rem; flex: 0 0 0.82rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.cdk-aurora-shell aside > :is(strong, button, span) > :is(span, b) { min-width: 0; color: inherit; font: inherit; }
.cdk-aurora-shell aside > [aria-current="page"] { background: #70b9ad; }
.cdk-aurora-shell aside > button:hover:not([aria-current="page"]) { color: #fff; background: #3d454c; }
.cdk-aurora-shell aside > button:focus-visible,
.cdk-aurora-expand:focus-visible { position: relative; z-index: 1; outline: 2px solid #b9f1e6; outline-offset: -3px; }
.cdk-aurora-shell aside em { display: grid; margin: 0.75rem 0.45rem; padding: 0.65rem 0.5rem; gap: 0.18rem; border-radius: 0.16rem; color: #fff; background: linear-gradient(120deg, #74a7d1, #75c8ad); font-size: 1rem; font-style: normal; }
.cdk-aurora-shell aside small { font-size: 0.6rem; }
.cdk-product-lab--aurora main { min-width: 0; padding: 1rem 0.8rem 0.85rem; color: #f2f5f6; background: #1f2529; }
.cdk-aurora-toolbar { display: flex; margin-bottom: 0.45rem; align-items: center; justify-content: flex-end; gap: 0.35rem; }
.cdk-aurora-toolbar > span { margin-right: 0.3rem; color: #f5f7f8; font-size: 0.62rem; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-toolbar label { display: flex; min-width: auto; align-items: center; grid-auto-flow: column; gap: 0.22rem; color: #f7f9fa !important; font-size: 0.63rem; font-weight: 700; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-toolbar :is(select, button) { box-sizing: border-box; height: 1.65rem; margin: 0; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-toolbar select { width: 2.75rem; min-width: 2.75rem; padding: 0 0.28rem; color: #20262b; background: #fff; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-toolbar button { width: 1.65rem; min-width: 1.65rem; padding: 0; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-toolbar button svg { width: 0.75rem; height: 0.75rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-toolbar button:disabled { cursor: not-allowed; opacity: 0.48; }
.cdk-product-lab--aurora button { border-color: #5cae9f; color: #fff; background: #354047; }
.cdk-product-lab--aurora button:hover:not(:disabled) { color: #fff; background: #5cae9f; }
.md-typeset .cdk-product-lab--aurora output { margin-bottom: 0.55rem; padding: 0.5rem 0.6rem; border-left-color: #70b9ad; color: #f5fbfa !important; background: #263638 !important; font-size: 0.66rem; font-weight: 600; }
.cdk-aurora-status { display: grid; margin-bottom: 0.65rem; padding: 0.55rem; grid-template-columns: repeat(3, 1fr) auto; align-items: center; gap: 0.4rem; border: 1px solid #495158; background: #30373d; }
.cdk-aurora-status > div { display: grid; gap: 0.1rem; }
.cdk-aurora-status span { color: #e0e6e9; font-size: 0.62rem; font-weight: 600; }
.cdk-aurora-status strong { color: #80d2bc; }
.cdk-aurora-table-wrap { width: 100%; overflow: hidden; }
.md-typeset .cdk-product-lab--aurora table { width: 100%; min-width: 0; table-layout: fixed; border: 1px solid #50585f; color: #fff; background: #3b4249; font-size: 0.64rem; line-height: 1.5; }
.md-typeset .cdk-product-lab--aurora th { color: #fff !important; background: #30373d !important; font-size: 0.63rem; font-weight: 700; overflow-wrap: anywhere; }
.md-typeset .cdk-product-lab--aurora td { color: #fff !important; background: #3b4249 !important; overflow-wrap: anywhere; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-filters th { color: #d0d7dc !important; background: #353c42 !important; font-size: 0.6rem; font-weight: 600; }
.cdk-product-lab--aurora :is(th, td) { padding: 0.52rem 0.48rem; border-right: 1px solid #50585f; border-bottom-color: #50585f; vertical-align: top; }
.md-typeset .cdk-product-lab--aurora :is(th, td):nth-child(1) { width: 1.25rem !important; min-width: 1.25rem; max-width: 1.25rem; padding-right: 0.18rem; padding-left: 0.18rem; text-align: center; }
.cdk-product-lab--aurora :is(th, td):nth-child(2) { width: 4.4rem; }
.cdk-product-lab--aurora :is(th, td):nth-child(3) { width: 4.8rem; }
.cdk-product-lab--aurora :is(th, td):nth-child(4) { width: 6.8rem; }
.cdk-product-lab--aurora :is(th, td):nth-child(8) { width: 6rem; }
.cdk-product-lab--aurora tbody tr { cursor: default; }
.cdk-product-lab--aurora tbody tr:is(.is-alert, .is-benign) { cursor: pointer; }
.md-typeset .cdk-product-lab--aurora tbody tr.is-alert:hover td,
.md-typeset .cdk-product-lab--aurora tbody tr.is-selected td { background: #485158 !important; }
.md-typeset .cdk-product-lab--aurora tbody tr.is-benign:hover td,
.md-typeset .cdk-product-lab--aurora tbody tr.is-reviewed td { background: #424b50 !important; }
.cdk-product-lab--aurora tbody tr:focus-visible { outline: 2px solid #8fe0d0; outline-offset: -2px; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-expand { display: grid; width: 1rem; height: 1rem; min-width: 1rem; margin: 0 auto; padding: 0; place-items: center; border: 0; color: #fff; background: transparent; box-shadow: none; font-size: 0.9rem; line-height: 1; transition: transform 160ms ease; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-expand[aria-expanded="true"] { transform: rotate(90deg); }
.cdk-aurora-level { display: inline-block; padding: 0.1rem 0.3rem; border-radius: 0.13rem; color: #fff; font-size: 0.6rem; font-weight: 700; }
.cdk-aurora-level.is-notice { background: #08a9c6; }
.cdk-aurora-level.is-warning { background: #e69b2d; }
.cdk-aurora-detail { margin-top: 0.6rem; border: 1px solid #566169; background: #30373d; }
.cdk-aurora-detail > header { display: flex; padding: 0.55rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #566169; }
.cdk-aurora-detail > header div { display: flex; align-items: center; gap: 0.45rem; }
.cdk-aurora-detail > header small { color: #c2cbd0; font-size: 0.63rem; }
.cdk-aurora-fields { display: grid; padding: 0.55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.35rem 0.8rem; }
.cdk-aurora-fields span { min-width: 0; overflow-wrap: anywhere; font-size: 0.68rem; }
.cdk-aurora-fields b { display: inline-block; min-width: 4.8rem; color: #80d2bc; }
.cdk-aurora-checks { display: flex; padding: 0.5rem 0.55rem; flex-wrap: wrap; gap: 0.3rem; border-top: 1px solid #566169; }
.cdk-aurora-checks span { padding: 0.18rem 0.4rem; border: 1px solid #5b666d; border-radius: 999px; color: #d5dde1; background: #394148; font-size: 0.61rem; }
.cdk-aurora-checks span.is-complete { border-color: #5faf9e; color: #d9fff6; background: #31564f; }
.cdk-aurora-reason { padding: 0.75rem; border-top: 1px solid #566169; background: #252c31; }
.cdk-aurora-reason > header { display: grid; gap: 0.08rem; }
.cdk-aurora-reason > header > span { color: #80d2bc; font-size: 0.56rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.cdk-aurora-reason > header > strong { color: #fff; font-size: 0.79rem; }
.cdk-aurora-reason > header > p { margin: 0 !important; color: #b8c4ca; font-size: 0.64rem; }
.cdk-aurora-reason__context { display: grid; margin: 0.6rem 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.35rem; }
.cdk-aurora-reason__context > span { display: grid; min-width: 0; padding: 0.38rem 0.45rem; gap: 0.05rem; border: 1px solid #4b575e; border-radius: 0.2rem; background: #30383e; }
.cdk-aurora-reason__context > span.is-command { grid-column: 1 / -1; grid-template-columns: 4.5rem minmax(0, 1fr); align-items: center; }
.cdk-aurora-reason__context small { color: #9fadb5; font-size: 0.56rem; }
.cdk-aurora-reason__context b,
.cdk-aurora-reason__context code { min-width: 0; color: #eff6f5; font-size: 0.63rem; overflow-wrap: anywhere; }
.cdk-aurora-reason__context code { width: fit-content; padding: 0.08rem 0.25rem; color: #d8fff5; background: #182226; }
.cdk-aurora-reason__choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4rem; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-reason__choices button { display: grid; min-height: 3.4rem; padding: 0.5rem 0.55rem; align-content: center; gap: 0.12rem; border-color: #5d6a70; color: #edf2f3; background: #354047; text-align: left; }
.cdk-aurora-reason__choices button strong { color: inherit; font-size: 0.67rem; line-height: 1.25; }
.cdk-aurora-reason__choices button small { color: #bac5ca; font-size: 0.57rem; font-weight: 500; line-height: 1.35; }
.cdk-aurora-reason__help { display: block; margin-top: 0.45rem; color: #aebbc2; font-size: 0.59rem; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-reason__choices button.is-correct { border-color: #79d5a4; color: #10291d; background: #79d5a4; box-shadow: 0 0 0 1px #79d5a4; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-reason__choices button.is-correct small { color: #254c38; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-reason__choices button.is-incorrect { border-color: #f08a8a; color: #fff; background: #963c45; box-shadow: 0 0 0 1px #f08a8a; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-reason__choices button.is-incorrect small { color: #ffe6e8; }
.md-typeset .cdk-product-lab--aurora .cdk-aurora-reason__choices button:disabled:not(.is-correct) { cursor: not-allowed; color: #cad3d6; background: #313a3f; opacity: 0.7; }

.cdk-product-lab--aurora.is-nav-collapsed .cdk-aurora-shell { grid-template-columns: 2.7rem minmax(0, 1fr); }
.cdk-product-lab--aurora.is-nav-collapsed .cdk-aurora-shell aside > :is(button, span) { justify-content: center; padding-inline: 0; }
.cdk-product-lab--aurora.is-nav-collapsed .cdk-aurora-shell aside > :is(button, span) > :is(span, b),
.cdk-product-lab--aurora.is-nav-collapsed .cdk-aurora-shell aside em { display: none; }

@container cdk-aurora (max-width: 55rem) {
  .cdk-aurora-brand { width: 9.5rem; flex-basis: 9.5rem; }
  .cdk-aurora-brand img { width: 7.1rem; }
  .cdk-aurora-shell { grid-template-columns: 9.5rem minmax(0, 1fr); }
  .cdk-product-lab--aurora :is(th, td):nth-child(6),
  .cdk-product-lab--aurora :is(th, td):nth-child(7),
  .cdk-product-lab--aurora :is(th, td):nth-child(9) { display: none; }
}

@container cdk-aurora (max-width: 40rem) {
  .cdk-aurora-shell { grid-template-columns: 1fr; }
  .cdk-aurora-shell aside { display: none; min-height: 0; padding: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdk-product-lab--aurora.is-nav-open .cdk-aurora-shell aside { display: grid; }
  .cdk-product-lab--aurora.is-nav-open .cdk-aurora-shell aside em { grid-column: 1 / -1; }
  .cdk-aurora-fields { grid-template-columns: 1fr; }
  .cdk-aurora-reason__context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdk-aurora-reason__choices { grid-template-columns: 1fr; }
  .cdk-aurora-status { grid-template-columns: 1fr 1fr; }
  .cdk-aurora-top nav span:last-child { display: none; }
  .cdk-product-lab--aurora :is(th, td):nth-child(4) { display: none; }
}

@media screen and (max-width: 900px) {
  .cdk-aurora-guide { grid-template-columns: 1fr; }
  .cdk-aurora-terminal { grid-template-columns: 1fr; }
  .cdk-aurora-terminal header { align-items: flex-start; flex-direction: column; gap: 0.1rem; }
}

.aurora-test-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}
.aurora-test-gallery > ul { display: contents; }
.aurora-test-gallery li { padding: 0.7rem; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 0.45rem; background: color-mix(in srgb, var(--md-default-bg-color) 96%, #70b9ad 4%); }
.aurora-test-gallery img { margin-top: 0.55rem; }
@media screen and (max-width: 700px) { .aurora-test-gallery { grid-template-columns: 1fr; } }

body:has([data-section-progress-label="Aurora Lite"]) .md-typeset > p > img,
body:has([data-section-progress-label="Aurora Lite"]) .md-typeset > img {
  display: block;
  max-height: 34rem;
  margin-inline: auto;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.45rem;
  box-shadow: 0 0.45rem 1.4rem rgba(28, 46, 60, 0.1);
}

.md-typeset .aurora-config-table {
  margin: 0.8rem 0 1rem;
  overflow-x: auto;
}
.md-typeset .aurora-config-table table {
  min-width: 42rem;
  table-layout: fixed;
}
.md-typeset .aurora-config-table th:first-child,
.md-typeset .aurora-config-table td:first-child {
  width: 22%;
  font-weight: 700;
}
.md-typeset .aurora-config-table th,
.md-typeset .aurora-config-table td {
  padding: 0.65rem 0.7rem;
  vertical-align: top;
  line-height: 1.55;
}
.md-typeset .aurora-config-table tbody tr:nth-child(odd) {
  background: color-mix(in srgb, var(--md-default-bg-color) 96%, #70b9ad 4%);
}

.cdk-product-lab__topbar {
  display: flex;
  min-height: 2.25rem;
  padding: 0.5rem 0.7rem;
  align-items: center;
  gap: 0.8rem;
  color: var(--md-default-fg-color);
  background: color-mix(in srgb, var(--md-default-bg-color) 88%, var(--md-default-fg-color) 12%);
}

.cdk-product-lab__topbar b { color: var(--cdk-product-accent); }
.cdk-product-lab__topbar small {
  margin-left: auto;
  color: var(--md-default-fg-color);
  font-size: 0.62rem;
}

.cdk-product-lab main { min-width: 0; padding: 0.8rem; }

.cdk-product-lab label {
  display: grid;
  gap: 0.22rem;
  color: var(--md-default-fg-color);
  font-weight: 650;
}

.cdk-product-lab :is(input, select, textarea) {
  box-sizing: border-box;
  width: 100%;
  padding: 0.4rem 0.48rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.25rem;
  color: var(--md-default-fg-color);
  background: var(--md-code-bg-color);
  font: inherit;
}

.cdk-product-lab textarea,
.cdk-product-lab pre,
.cdk-product-lab__console {
  font-family: var(--md-code-font-family);
}

.cdk-product-lab pre,
.cdk-product-lab__console {
  margin: 0.7rem 0;
  padding: 0.65rem;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.cdk-product-lab__controls {
  display: flex;
  margin: 0.7rem 0;
  align-items: end;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.cdk-product-lab__controls label { min-width: 9rem; flex: 1 1 10rem; }

.cdk-product-lab button {
  padding: 0.4rem 0.58rem;
  border: 1px solid color-mix(in srgb, var(--cdk-product-accent) 62%, transparent);
  border-radius: 0.28rem;
  color: var(--md-default-fg-color);
  background: color-mix(in srgb, var(--cdk-product-accent) 12%, var(--md-default-bg-color));
  cursor: pointer;
  font: inherit;
  font-weight: 650;
}

.cdk-product-lab button:is(:hover, :focus-visible, [aria-pressed="true"]) {
  border-color: var(--cdk-product-accent);
  color: var(--cdk-product-accent);
}

.cdk-product-lab button:disabled { cursor: not-allowed; opacity: 0.45; }

.cdk-product-lab output {
  display: block;
  padding: 0.55rem 0.65rem;
  border-left: 0.15rem solid var(--cdk-product-accent);
  color: var(--md-default-fg-color);
  background: color-mix(in srgb, var(--cdk-product-accent) 7%, transparent);
}

.cdk-product-lab__heading,
.cdk-product-lab__panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.md-typeset .cdk-product-lab h4 { margin: 0.1rem 0 0.6rem; font-size: 0.82rem; }
.cdk-product-lab__heading small,
.cdk-product-lab__panel header span { color: var(--md-default-fg-color--light); }

.cdk-product-lab table { width: 100%; margin: 0; font-size: 0.6rem; }
.cdk-product-lab th { color: var(--md-default-fg-color--light); text-align: left; }
.cdk-product-lab :is(th, td) { padding: 0.38rem 0.45rem; border-bottom: 1px solid var(--md-default-fg-color--lightest); }

.cdk-product-lab__panel {
  margin: 0.7rem 0;
  border: 1px solid var(--md-default-fg-color--lightest);
  background: var(--md-default-bg-color);
}

.cdk-product-lab__panel header { padding: 0.5rem 0.6rem; border-bottom: 1px solid var(--md-default-fg-color--lightest); }

.cdk-splunk-dashboard {
  margin-top: 0.8rem;
  padding: 0.7rem;
  border-top: 0.18rem solid var(--cdk-product-accent);
  background: color-mix(in srgb, var(--md-default-bg-color) 96%, var(--md-default-fg-color) 4%);
}

.cdk-splunk-dashboard__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.cdk-splunk-dashboard__bar :is(h4, small),
.cdk-splunk-dashboard__bar span { margin: 0; }
.cdk-splunk-dashboard__bar :is(small, span) { color: var(--md-default-fg-color--light); }

.cdk-splunk-dashboard__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  margin: 0.65rem 0;
}

.cdk-splunk-dashboard__metrics > div {
  display: grid;
  gap: 0.18rem;
  padding: 0.55rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  background: var(--md-default-bg-color);
}

.cdk-splunk-dashboard__metrics small { color: var(--md-default-fg-color--light); }
.cdk-splunk-dashboard__metrics strong { color: var(--cdk-product-accent); font-size: 1rem; }

.cdk-splunk-dashboard__visuals {
  display: grid;
  grid-template-columns: minmax(15rem, 0.85fr) minmax(16rem, 1.15fr);
  gap: 0.55rem;
}

.cdk-splunk-dashboard__visuals > :is(figure, div) {
  margin: 0;
  padding: 0.6rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  background: var(--md-default-bg-color);
}

.cdk-splunk-dashboard figure {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  gap: 0.65rem;
}
.cdk-splunk-dashboard figcaption { grid-column: 1 / -1; justify-self: start; font-weight: 700; }

.cdk-splunk-dashboard__pie {
  display: grid;
  width: 7rem;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#65a637 0 63.16%, #f2a900 63.16% 100%);
}

.cdk-splunk-dashboard__pie::before {
  width: 58%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--md-default-bg-color);
  content: "";
  grid-area: 1 / 1;
}

.cdk-splunk-dashboard__pie span {
  display: grid;
  z-index: 1;
  color: var(--md-default-fg-color);
  font-size: 0.9rem;
  font-weight: 750;
  grid-area: 1 / 1;
  text-align: center;
}

.cdk-splunk-dashboard__pie small { color: var(--md-default-fg-color--light); font-size: 0.5rem; font-weight: 600; }
.cdk-splunk-dashboard ul { display: grid; width: 100%; gap: 0.38rem; margin: 0; padding: 0; list-style: none; }
.cdk-splunk-dashboard li { display: grid; grid-template-columns: 0.55rem minmax(0, 1fr) auto; align-items: center; gap: 0.35rem; }
.cdk-splunk-dashboard li i { width: 0.48rem; height: 0.48rem; border-radius: 0.1rem; background: #65a637; }
.cdk-splunk-dashboard li:nth-child(2) i { background: #f2a900; }
.cdk-splunk-dashboard li :is(span, b) { white-space: nowrap; }
.cdk-splunk-dashboard li b { font-variant-numeric: tabular-nums; text-align: right; }
.cdk-splunk-dashboard__events > strong { display: block; margin-bottom: 0.45rem; }

.cdk-product-lab--splunk .cdk-product-lab__shell {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
}

.cdk-product-lab--splunk .cdk-product-lab__shell > nav {
  display: flex;
  padding: 0.55rem;
  flex-direction: column;
  gap: 0.25rem;
  background: color-mix(in srgb, var(--md-default-bg-color) 91%, var(--md-default-fg-color) 9%);
}

.cdk-product-lab--splunk .cdk-product-lab__shell > nav :is(span, strong) { padding: 0.35rem 0.4rem; }
.cdk-product-lab--splunk .cdk-product-lab__shell > nav .is-current { border-left: 0.14rem solid var(--cdk-product-accent); }

/* Splunk Enterprise Search & Reporting shell. */
.cdk-product-lab--splunk {
  color: #253040;
  background: #f5f6f7;
  border-color: #c7cdd3;
  border-radius: 0.15rem;
  container: cdk-splunk / inline-size;
}

.cdk-product-lab--splunk .cdk-product-lab__topbar {
  min-height: 1.9rem;
  padding: 0.28rem 0.65rem;
  color: #edf2f5;
  background: #171e24;
}

.cdk-product-lab--splunk .cdk-splunk-logo { position: relative; display: block; width: 7.1rem; height: 1.05rem; flex: 0 0 7.1rem; overflow: hidden; }
.cdk-product-lab--splunk .cdk-splunk-logo img { position: absolute; top: 50%; left: 0; display: block; width: 7.1rem; max-width: none; height: auto; transform: translateY(-50%); }
.cdk-product-lab--splunk .cdk-product-lab__topbar b { color: #fff; font-size: 0.76rem; }
.cdk-product-lab--splunk .cdk-product-lab__topbar b span { color: #5cc05c; font-weight: 500; }
.cdk-product-lab--splunk .cdk-product-lab__topbar > span,
.cdk-product-lab--splunk .cdk-product-lab__topbar small { color: #dbe3e8; }
.cdk-product-lab--splunk .cdk-product-lab__topbar > span:not(.cdk-splunk-logo) { font-size: 0.62rem; }
.cdk-product-lab--splunk .cdk-product-lab__topbar small { font-size: 0.59rem; }

.cdk-product-lab--splunk .cdk-product-lab__shell { display: block; }
.cdk-product-lab--splunk .cdk-product-lab__shell > nav {
  display: flex;
  min-height: 1.95rem;
  padding: 0 0.65rem;
  align-items: stretch;
  flex-direction: row;
  gap: 0.5rem;
  color: #e8edf1;
  background: #3d4752;
  font-size: 0.62rem;
}

.cdk-product-lab--splunk .cdk-product-lab__shell > nav :is(span, strong) { display: flex; padding: 0.4rem 0.12rem; align-items: center; font-weight: 400; }
.cdk-product-lab--splunk .cdk-product-lab__shell > nav strong { border-bottom: 0.14rem solid #59b957; }
.cdk-product-lab--splunk .cdk-product-lab__shell > nav .is-current { border-left: 0; }
.cdk-product-lab--splunk .cdk-product-lab__shell > nav > b { display: flex; margin-left: auto; padding: 0 0.55rem; align-items: center; color: #fff; background: #303942; font-weight: 500; }

.cdk-product-lab--splunk main { padding: 0.65rem 0.75rem 0.8rem; color: #253040; background: #f5f6f7; }
.cdk-product-lab--splunk .cdk-product-lab__heading { margin-bottom: 0.35rem; }
.cdk-product-lab--splunk .cdk-product-lab__heading h4 { margin: 0.1rem 0 0; color: #253040; font-size: 1rem; font-weight: 500; }
.cdk-product-lab--splunk .cdk-product-lab__heading small { color: #637383; }
.cdk-product-lab--splunk .cdk-product-lab__heading button { min-width: 4.8rem; border: 1px solid #84939e; border-radius: 0.15rem; color: #263746; background: #fff; }
.cdk-product-lab--splunk .cdk-product-lab__heading button:hover:not(:disabled) { border-color: #4f7f32; color: #315f21; background: #f2f8ef; }
.cdk-product-lab--splunk .cdk-product-lab__heading button:disabled { border-color: #c4cbd0; color: #71808b; background: #eef0f2; opacity: 1; }

.cdk-splunk-search-title { display: flex !important; margin-bottom: 0.2rem; align-items: center; gap: 0.35rem; color: #253040 !important; font-weight: 600 !important; }
.cdk-splunk-search-title small { padding: 0.08rem 0.25rem; border-radius: 0.15rem; color: #52687a; background: #e2e7ea; font-size: 0.48rem; font-weight: 750; }
.cdk-splunk-searchbar { display: grid; grid-template-columns: minmax(0, 1fr) 7.2rem 2.5rem; }
.cdk-product-lab--splunk .cdk-splunk-searchbar textarea,
.cdk-product-lab--splunk .cdk-splunk-searchbar select { height: 2rem; min-height: 2rem; border-radius: 0; border-color: #aeb9c3; color: #253040; background: #fff; }
.cdk-product-lab--splunk .cdk-splunk-searchbar textarea { resize: vertical; border-right: 0; font-family: var(--md-code-font-family); line-height: 1.45; }
.cdk-product-lab--splunk .cdk-splunk-searchbar select { border-right: 0; }
.cdk-product-lab--splunk .cdk-splunk-searchbar button { display: grid; height: 2rem; min-height: 2rem; padding: 0; place-items: center; border-radius: 0; border-color: #137839; color: #fff; background: #159447; }
.cdk-product-lab--splunk .cdk-splunk-searchbar button:hover { border-color: #0d672f; color: #fff; background: #117c3b; }
.cdk-splunk-searchbar button svg { width: 0.85rem; height: 0.85rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }

.cdk-product-lab--splunk .cdk-splunk-search-feedback {
  margin-top: 0.3rem;
  padding: 0.3rem 0.45rem;
  border-left-width: 0.12rem;
  color: #31465a;
  background: #eef3f6;
}

.md-typeset .cdk-product-lab--splunk .cdk-splunk-query-help { margin: 0.35rem 0 0 !important; padding: 0 !important; overflow: hidden; border: 1px solid #cbd3d9; border-radius: 0.15rem; background: #fff; box-shadow: none; }
.md-typeset .cdk-product-lab--splunk .cdk-splunk-query-help summary { display: flex; width: 100%; margin: 0 !important; padding: 0.38rem 0.55rem !important; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 0.5rem; border-radius: 0; color: #31566d; background: #f0f2f4 !important; font-size: 0.57rem; font-weight: 700; list-style: none; }
.cdk-splunk-query-help summary::-webkit-details-marker { display: none; }
.cdk-splunk-query-help summary::before { display: none !important; content: none !important; }
.md-typeset .cdk-product-lab--splunk .cdk-splunk-query-help summary::after { position: static !important; display: block; width: 0.48rem; height: 0.3rem; flex: 0 0 auto; border: 0; clip-path: polygon(0 0, 50% 62%, 100% 0, 100% 32%, 50% 100%, 0 32%); content: ""; background: currentColor !important; -webkit-mask-image: none !important; mask-image: none !important; transform: rotate(0) !important; transition: transform 160ms ease; }
.cdk-splunk-query-help[open] summary { border-bottom: 1px solid #d9dfe3; }
.md-typeset .cdk-product-lab--splunk .cdk-splunk-query-help[open] summary::after { transform: rotate(180deg) !important; }
.cdk-splunk-query-help ol { display: grid !important; margin: 0 !important; padding: 0.5rem 0.65rem 0.55rem 1.7rem !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.35rem 1rem; }
.cdk-splunk-query-help li { margin: 0 !important; padding-left: 0.1rem; color: #526476; font-size: 0.55rem; line-height: 1.45; }
.cdk-splunk-query-help code { color: #315f21; background: #edf5e9; font-size: 0.52rem; }

.cdk-splunk-jobbar,
.cdk-splunk-tabs { display: flex; padding: 0.4rem 0; align-items: center; gap: 1.2rem; border-bottom: 1px solid #d5dadd; color: #53697b; }
.cdk-splunk-jobbar strong { color: #3b9138; font-weight: 500; }
.cdk-splunk-jobbar span:last-child { margin-left: auto; }
.cdk-product-lab--splunk .cdk-splunk-tabs button { padding: 0.38rem 0.05rem; border: 0; border-radius: 0; color: #53697b; background: transparent; font-weight: 400; }
.cdk-product-lab--splunk .cdk-splunk-tabs button[aria-selected="true"] { border-bottom: 0.14rem solid #168cca; color: #253040; }

.cdk-product-lab--splunk .cdk-product-lab__controls { margin: 0.6rem 0; padding: 0.55rem; background: #e9ecef; border: 1px solid #d3d8dc; }
.cdk-product-lab--splunk .cdk-product-lab__controls[hidden] { display: none !important; }
.cdk-splunk-viz-controls > strong { align-self: center; color: #33495a; font-size: 0.58rem; }
.cdk-splunk-viz-controls label { max-width: 11rem; margin-left: auto; }
.cdk-product-lab--splunk label { color: #253040; }
.cdk-product-lab--splunk :is(input, select) { border-radius: 0; border-color: #adb7c0; color: #253040; background: #fff; }
.cdk-product-lab--splunk .cdk-product-lab__panel { border-color: #c9d0d5; background: #fff; }
.cdk-product-lab--splunk .cdk-product-lab__panel header { color: #253040; background: #f1f3f4; border-bottom-color: #c9d0d5; }
.cdk-product-lab--splunk table { color: #253040; background: #fff; }
.cdk-product-lab--splunk table:not([hidden]) { display: table; width: 100%; }
.cdk-product-lab--splunk table[hidden] { display: none !important; }
.cdk-product-lab--splunk th { color: #43576a; background: #e6ebef; }
.md-typeset .cdk-product-lab--splunk tbody td {
  color: #253040;
  background: #fff;
}
.cdk-product-lab--splunk :is(th, td) { border-bottom-color: #d5dadd; }
.cdk-product-lab--splunk output { color: #253040; background: #eef5e9; }

.cdk-splunk-save-dialog {
  margin-top: 0.65rem;
  padding: 0.75rem;
  border: 1px solid #9aa8b2;
  border-top: 0.18rem solid #65a637;
  color: #263746;
  background: #fff;
  box-shadow: 0 0.45rem 1rem rgba(31, 44, 55, 0.15);
}
.cdk-splunk-save-dialog[hidden] { display: none !important; }
.cdk-splunk-save-dialog > div:first-child > span { color: #4f7f32; font-size: 0.52rem; font-weight: 750; text-transform: uppercase; }
.cdk-product-lab--splunk .cdk-splunk-save-dialog h4 { margin: 0.15rem 0 0.3rem; color: #253040; font-size: 0.82rem; }
.cdk-splunk-save-dialog p { margin: 0 !important; color: #607181; font-size: 0.57rem; }
.cdk-splunk-save-dialog__fields { display: grid; margin-top: 0.65rem; grid-template-columns: 1fr 1.4fr; gap: 0.55rem; }
.cdk-splunk-save-dialog footer { display: flex; margin-top: 0.7rem; justify-content: flex-end; gap: 0.4rem; }
.cdk-product-lab--splunk .cdk-splunk-save-dialog footer button.is-primary { border-color: #387c34; color: #fff; background: #4a8f3d; }
.cdk-product-lab--splunk .cdk-splunk-save-dialog footer button.is-primary:hover { border-color: #2e672b; color: #fff; background: #397530; }

.cdk-product-lab--splunk .cdk-splunk-dashboard { color: #253040; background: #eef0f2; }
.cdk-product-lab--splunk .cdk-splunk-dashboard :is(h4, strong, b, span) { color: #253040; }
.cdk-product-lab--splunk .cdk-splunk-dashboard__metrics > div,
.cdk-product-lab--splunk .cdk-splunk-dashboard__visuals > :is(figure, div) { border-color: #c9d0d5; background: #fff; }
.cdk-product-lab--splunk .cdk-splunk-dashboard__pie::before { background: #fff; }
.cdk-product-lab--splunk .cdk-splunk-dashboard__bar { align-items: flex-start; }
.cdk-product-lab--splunk .cdk-splunk-dashboard__bar h4 {
  display: block;
  margin: 0.18rem 0 0 !important;
  font-size: 0.9rem;
  line-height: 1.3;
}
.cdk-product-lab--splunk .cdk-splunk-dashboard__bar small {
  display: block;
  margin: 0 !important;
}
.cdk-product-lab--splunk .cdk-splunk-dashboard figcaption {
  margin: 0;
  font-style: normal;
  line-height: 1.35;
}
.cdk-product-lab--splunk .cdk-splunk-dashboard__visuals > :is(figure, div) {
  min-width: 0;
  overflow: hidden;
}

.cdk-splunk-preview { min-height: 8rem; padding: 0.65rem; color: #253040; background: #fff; }
.cdk-splunk-empty { margin: 0; color: #607185; }
.cdk-splunk-mini-viz { display: grid; grid-template-columns: 8rem minmax(11rem, 1fr); align-items: center; gap: 1rem; }
.cdk-splunk-mini-viz ul { display: grid; gap: 0.4rem; margin: 0; padding: 0; list-style: none; }
.cdk-splunk-mini-viz li { display: grid; grid-template-columns: 0.55rem minmax(0, 1fr) auto; gap: 0.45rem; align-items: center; }
.cdk-splunk-mini-viz li i { width: 0.5rem; height: 0.5rem; background: #65a637; }
.cdk-splunk-mini-viz li:nth-child(2) i { background: #f2a900; }
.cdk-product-lab--splunk .cdk-splunk-mini-viz {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  grid-template-columns: minmax(5.8rem, 6.2rem) minmax(0, 1fr);
  gap: 0.65rem;
}
.cdk-product-lab--splunk .cdk-splunk-mini-viz .cdk-splunk-dashboard__pie {
  width: min(6.2rem, 100%);
}
.cdk-product-lab--splunk .cdk-splunk-mini-viz ul { min-width: 0; }
.cdk-product-lab--splunk .cdk-splunk-mini-viz li {
  grid-template-columns: 0.45rem minmax(0, 1fr) auto;
  gap: 0.25rem;
  font-size: 0.55rem;
}
.cdk-product-lab--splunk .cdk-splunk-mini-viz li span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cdk-splunk-columns { display: flex; min-height: 9rem; padding: 0.5rem 1rem 0; align-items: end; justify-content: space-around; gap: 1rem; border-bottom: 1px solid #8997a5; }
.cdk-splunk-columns > div { display: grid; width: min(8rem, 38%); height: 8rem; grid-template-rows: 1fr auto auto; justify-items: center; gap: 0.15rem; }
.cdk-splunk-columns span { width: 70%; height: var(--cdk-column); align-self: end; background: #65a637; }
.cdk-splunk-columns b { color: #253040; }
.cdk-splunk-columns small { color: #526579; text-align: center; overflow-wrap: anywhere; }
.cdk-splunk-events { display: grid; gap: 0.35rem; }
.cdk-splunk-events code { padding: 0.45rem; color: #253040; background: #eef2f5; overflow-wrap: anywhere; }
.cdk-splunk-pattern { display: grid; gap: 0.3rem; padding: 0.65rem; border-left: 0.14rem solid #65a637; background: #eef5e9; }
.cdk-splunk-pattern span { color: #526579; }

@container cdk-splunk (max-width: 44rem) {
  .cdk-product-lab--splunk .cdk-product-lab__topbar small { display: none; }
  .cdk-product-lab--splunk .cdk-product-lab__shell > nav { overflow-x: auto; flex-wrap: nowrap; }
  .cdk-product-lab--splunk .cdk-product-lab__shell > nav > b { display: none; }
  .cdk-splunk-searchbar { grid-template-columns: minmax(0, 1fr) 2.5rem; }
  .cdk-splunk-searchbar select { grid-column: 1 / -1; grid-row: 2; }
  .cdk-splunk-searchbar button { grid-column: 2; grid-row: 1; }
  .cdk-splunk-jobbar { flex-wrap: wrap; }
  .cdk-splunk-jobbar span:last-child { margin-left: 0; }
  .cdk-product-lab--splunk .cdk-splunk-mini-viz { grid-template-columns: 1fr; justify-items: center; }
  .cdk-product-lab--splunk .cdk-splunk-mini-viz ul { width: 100%; }
  .cdk-splunk-query-help ol { grid-template-columns: 1fr; }
}

@container cdk-splunk (max-width: 30rem) {
  .cdk-product-lab--splunk main { padding: 0.55rem; }
  .cdk-splunk-tabs { gap: 0.65rem; overflow-x: auto; }
  .cdk-product-lab--splunk .cdk-product-lab__controls { align-items: stretch; flex-direction: column; }
  .cdk-product-lab--splunk .cdk-product-lab__controls label { width: 100%; }
  .cdk-splunk-save-dialog__fields { grid-template-columns: 1fr; }
  .cdk-splunk-save-dialog footer { align-items: stretch; flex-direction: column-reverse; }
}

@media (max-width: 44rem) {
  .cdk-product-lab--splunk .cdk-product-lab__topbar small { display: none; }
  .cdk-product-lab--splunk .cdk-product-lab__shell > nav { overflow-x: auto; flex-wrap: nowrap; }
  .cdk-product-lab--splunk .cdk-product-lab__shell > nav > b { display: none; }
  .cdk-splunk-searchbar { grid-template-columns: minmax(0, 1fr) 2.5rem; }
  .cdk-splunk-searchbar select { grid-column: 1 / -1; grid-row: 2; }
  .cdk-splunk-searchbar button { grid-column: 2; grid-row: 1; }
  .cdk-splunk-jobbar { flex-wrap: wrap; }
  .cdk-splunk-jobbar span:last-child { margin-left: 0; }
}

.cdk-product-lab--wazuh {
  display: block;
}

.cdk-product-lab--wazuh .cdk-wazuh__shell > aside {
  display: flex;
  padding: 0.7rem 0.55rem;
  flex-direction: column;
  gap: 0.2rem;
  color: #d5def0;
  background: color-mix(in srgb, #101d3d 92%, var(--md-default-bg-color));
}

.cdk-product-lab--wazuh .cdk-wazuh__shell > aside :is(b, span) { padding: 0.38rem 0.42rem; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside b { color: #8ab4ff; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside span { color: #d5def0; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside .is-current { border-radius: 0.25rem; color: #fff; background: #3978f6; }

/* Wazuh dashboard and server-management shell. */
.cdk-product-lab--wazuh {
  color: #253041;
  background: #f5f7fa;
  border-color: #cfd8e5;
  border-radius: 0.15rem;
  container: cdk-wazuh / inline-size;
}

.cdk-wazuh__shell { display: grid; grid-template-columns: 10.5rem minmax(0, 1fr); }

.cdk-wazuh__masthead {
  display: flex;
  min-height: 2.55rem;
  padding: 0 0.55rem;
  align-items: center;
  gap: 0.55rem;
  grid-column: 1 / -1;
  color: #1d2837;
  background: #fff;
  border-bottom: 1px solid #d4dce7;
}

.cdk-wazuh__masthead button { padding: 0.25rem; border: 0; color: #263547; background: transparent; font-size: 0.85rem; }
.cdk-wazuh__masthead > b { padding: 0 0.55rem; border-left: 1px solid #d4dce7; border-right: 1px solid #d4dce7; color: #172235; font-size: 1.05rem; }
.cdk-wazuh__masthead > b span { color: #1476c9; }
.cdk-wazuh__masthead > strong { padding: 0.34rem 0.8rem; color: #203047; background: #dcecf7; clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); font-weight: 500; }
.cdk-wazuh__masthead small { margin-left: auto; color: #536274; }
.cdk-wazuh__masthead > span { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border-radius: 50%; color: #272006; background: #f2d65c; }
.cdk-wazuh__masthead i { display: grid; width: 1.5rem; height: 1.75rem; place-items: center; border-left: 1px solid #d4dce7; font-style: normal; }

.cdk-product-lab--wazuh .cdk-wazuh__shell > aside {
  min-height: 27rem;
  padding: 0.45rem;
  gap: 0.08rem;
  color: #dce7f5;
  background: #18253b;
}

.cdk-product-lab--wazuh .cdk-wazuh__shell > aside :is(b, span, small) { padding: 0.38rem 0.48rem; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside b { color: #8fc0ff; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside small { margin-top: 0.35rem; color: #97a9c2; text-transform: uppercase; letter-spacing: 0.04em; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside span { color: #e8eff8; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside .is-current { border-radius: 0.15rem; color: #fff; background: #176fc1; border-left: 0.16rem solid #8ec8ff; }

.cdk-product-lab--wazuh main { padding: 0; color: #253041; background: #f5f7fa; }
.cdk-product-lab--wazuh main > .cdk-product-lab__topbar {
  min-height: 3.2rem;
  padding: 0.55rem 0.75rem;
  color: #253041;
  background: #fff;
  border-bottom: 1px solid #d4dce7;
}
.cdk-product-lab--wazuh main > .cdk-product-lab__topbar > div { display: grid; gap: 0.08rem; }
.cdk-product-lab--wazuh main > .cdk-product-lab__topbar strong { color: #1f2e42; font-size: 0.82rem; }
.cdk-product-lab--wazuh main > .cdk-product-lab__topbar small { margin: 0; color: #66778c; }
.cdk-product-lab--wazuh main > .cdk-product-lab__topbar a { margin-left: auto; color: #1476c9; font-weight: 500; }

.cdk-wazuh__tabs { display: flex; padding: 0 0.75rem; gap: 1.1rem; color: #53657b; background: #fff; border-bottom: 1px solid #d4dce7; }
.cdk-wazuh__tabs :is(strong, span) { padding: 0.5rem 0; }
.cdk-wazuh__tabs strong { border-bottom: 0.14rem solid #1476c9; color: #1f2e42; font-weight: 500; }

.cdk-wazuh__panel { margin: 0.7rem; border: 1px solid #cad5e2; background: #fff; box-shadow: 0 0.1rem 0.28rem rgba(32, 52, 78, 0.1); }
.cdk-wazuh__panel > header { display: flex; padding: 0.55rem 0.7rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #d6dee8; background: #f8fafc; }
.cdk-wazuh__panel > header > div { display: grid; gap: 0.08rem; }
.cdk-wazuh__panel > header strong { color: #1f2e42; font-weight: 500; }
.cdk-wazuh__panel > header small { color: #697b90; }
.cdk-wazuh__panel > header > span { padding: 0.2rem 0.4rem; color: #176fc1; background: #e4f0fb; }
.cdk-wazuh__panel > header > span[data-status="validated"] { color: #176833; background: #e3f4e8; }
.cdk-wazuh__panel > header > span[data-status="attention"] { color: #7b5100; background: #fff0c7; }
.cdk-wazuh__panel > header > span[data-status="reverted"] { color: #0d5f66; background: #dcf1f2; }
.cdk-product-lab--wazuh .cdk-product-lab__form { padding: 0.65rem; }
.cdk-product-lab--wazuh label { color: #263448; }
.cdk-product-lab--wazuh label small { color: #5e7187; font-weight: 400; }
.cdk-product-lab--wazuh :is(input, select) {
  height: 2.2rem;
  min-height: 2.2rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  border-radius: 0.12rem;
  border-color: #bac7d5;
  color: #263448;
  background: #fff;
}
.cdk-product-lab--wazuh pre { margin: 0.2rem 0.65rem 0.65rem; border-left: 0.16rem solid #1476c9; color: #2f4358; background: #f3f6f9; }
.cdk-product-lab--wazuh .cdk-product-lab__controls { margin: 0.55rem 0.65rem; }
.cdk-product-lab--wazuh button { border-color: #1476c9; color: #145e9f; background: #edf6fd; }
.cdk-product-lab--wazuh [data-wazuh-test]:not(:disabled) { color: #fff; background: #1476c9; }
.cdk-product-lab--wazuh .cdk-product-lab__timeline { margin: 0.55rem 0.65rem; }
.cdk-product-lab--wazuh .cdk-product-lab__timeline span { border-left-color: #1476c9; color: #263448; background: #f1f4f7; }
.cdk-product-lab--wazuh output { margin: 0.6rem; color: #263448; background: #edf4fb; }

@media (max-width: 44rem) {
  .cdk-wazuh__shell { grid-template-columns: 3rem minmax(0, 1fr); }
  .cdk-product-lab--wazuh .cdk-wazuh__shell > aside :is(b, small) { display: none; }
  .cdk-product-lab--wazuh .cdk-wazuh__shell > aside span { overflow: hidden; white-space: nowrap; font-size: 0; }
  .cdk-product-lab--wazuh .cdk-wazuh__shell > aside span::first-letter { font-size: 0.75rem; }
  .cdk-wazuh__masthead small { display: none; }
  .cdk-wazuh__tabs { overflow-x: auto; }
}

.cdk-product-lab--wazuh.is-nav-collapsed .cdk-wazuh__shell { grid-template-columns: 3rem minmax(0, 1fr); }
.cdk-product-lab--wazuh.is-nav-collapsed .cdk-wazuh__shell > aside :is(b, small) { display: none; }
.cdk-product-lab--wazuh.is-nav-collapsed .cdk-wazuh__shell > aside span { overflow: hidden; white-space: nowrap; font-size: 0; }
.cdk-product-lab--wazuh.is-nav-collapsed .cdk-wazuh__shell > aside span::first-letter { font-size: 0.75rem; }

@container cdk-wazuh (max-width: 44rem) {
  .cdk-wazuh__shell { grid-template-columns: 3rem minmax(0, 1fr); }
  .cdk-wazuh__shell > aside :is(b, small) { display: none; }
  .cdk-wazuh__shell > aside span { overflow: hidden; white-space: nowrap; font-size: 0; }
  .cdk-wazuh__shell > aside span::first-letter { font-size: 0.75rem; }
  .cdk-wazuh__masthead small { display: none; }
  .cdk-wazuh__tabs { overflow-x: auto; }
}

@container cdk-wazuh (max-width: 32rem) {
  .cdk-wazuh__masthead > strong { max-width: 8rem; overflow: hidden; white-space: nowrap; }
  .cdk-product-lab--wazuh .cdk-product-lab__form { grid-template-columns: 1fr; }
  .cdk-wazuh__panel > header { align-items: flex-start; flex-direction: column; gap: 0.4rem; }
}

/* Guided Wazuh Active Response simulation. */
.cdk-product-lab--wazuh [hidden] { display: none !important; }
.cdk-product-lab--wazuh .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cdk-product-lab--wazuh svg {
  width: 0.85rem;
  height: 0.85rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cdk-wazuh__masthead {
  min-height: 2.7rem;
  padding: 0 0.65rem;
  gap: 0.65rem;
}

.cdk-wazuh__masthead > button {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  min-height: 0;
  padding: 0;
  place-items: center;
  border: 0;
  color: #34465a;
  background: transparent;
}

.cdk-wazuh__masthead .cdk-wazuh__brand {
  display: flex;
  min-width: 3.7rem;
  padding: 0 0.55rem 0 0.12rem;
  align-items: center;
  border: 0;
  border-right: 1px solid #d4dce7;
  color: #12243a;
  font-size: 0;
}

.cdk-product-lab--wazuh .cdk-wazuh__masthead .cdk-wazuh__logo {
  display: block;
  width: 3.15rem;
  height: 2rem;
  object-fit: contain;
}

.cdk-wazuh__masthead > strong {
  padding: 0.3rem 0.9rem;
  color: #203047;
  background: #dcecf7;
  clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
  font-size: 0.66rem;
  font-weight: 650;
}

.cdk-wazuh__masthead small {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 0.3rem;
  color: #627286;
}

.cdk-wazuh__masthead small i {
  width: 0.38rem;
  height: 0.38rem;
  border: 0;
  border-radius: 50%;
  background: #38a169;
}

.cdk-wazuh__masthead .cdk-wazuh__avatar {
  display: grid;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #536b86;
  font-size: 0.58rem;
  font-weight: 700;
}

.cdk-wazuh__lesson {
  display: grid;
  padding: 0.75rem 0.8rem;
  grid-template-columns: minmax(0, 1.35fr) minmax(13rem, 0.85fr);
  gap: 0.8rem;
  border-bottom: 1px solid #bdd5ea;
  background: #edf6fc;
}

.cdk-wazuh__lesson-copy { min-width: 0; }
.cdk-wazuh__lesson-copy > small {
  color: #116db8;
  font-size: 0.56rem;
  font-weight: 750;
  letter-spacing: 0.045em;
}

.md-typeset .cdk-wazuh__lesson-copy h4,
.cdk-product-lab--wazuh .cdk-wazuh__lesson-copy h4 {
  margin: 0.15rem 0 0.2rem;
  color: #203047;
  font-size: 0.76rem;
  line-height: 1.35;
}

.cdk-wazuh__lesson-copy p {
  margin: 0;
  color: #53677d;
  font-size: 0.64rem;
  line-height: 1.45;
}

.cdk-wazuh__lesson details {
  align-self: center;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid #a8c9e6;
  border-radius: 0.2rem;
  background: #fff;
}

.cdk-wazuh__lesson summary {
  display: flex;
  min-height: 2.1rem;
  margin: 0 !important;
  padding: 0.48rem 0.65rem !important;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  color: #1769aa;
  background: #fff !important;
  font-size: 0.58rem;
  font-weight: 700;
  list-style: none;
}

.cdk-wazuh__lesson summary::-webkit-details-marker { display: none; }
.cdk-wazuh__lesson summary::before { display: none !important; content: none !important; }
.cdk-wazuh__lesson summary::after {
  position: static !important;
  width: 0.36rem;
  height: 0.36rem;
  flex: 0 0 auto;
  border: 0;
  border-right: 0.08rem solid currentColor;
  border-bottom: 0.08rem solid currentColor;
  content: "";
  background: transparent !important;
  transform: rotate(45deg);
}
.cdk-wazuh__lesson details[open] summary::after { transform: rotate(225deg); }
.cdk-wazuh__lesson details > div { padding: 0.55rem 0.65rem; border-top: 1px solid #d7e5f1; color: #3d5269; font-size: 0.62rem; line-height: 1.5; }

.md-typeset ol.cdk-wazuh__progress,
.cdk-product-lab--wazuh ol.cdk-wazuh__progress {
  display: grid !important;
  width: 100%;
  margin: 0 !important;
  padding: 0.55rem 0.8rem !important;
  grid-template-columns: repeat(5, minmax(7rem, 1fr)) !important;
  gap: 0;
  overflow-x: auto;
  border-bottom: 1px solid #cfd8e5;
  background: #fff;
  list-style: none;
}

.cdk-product-lab--wazuh .cdk-wazuh__progress > li {
  position: relative;
  display: flex !important;
  min-width: 0;
  margin: 0 !important;
  align-items: center;
  gap: 0.35rem;
  color: #78879a;
  font-size: 0.59rem;
}

.cdk-wazuh__progress li:not(:last-child)::after {
  height: 1px;
  flex: 1;
  margin-right: 0.35rem;
  content: "";
  background: #cdd8e4;
}

.cdk-wazuh__progress b {
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #b8c6d5;
  border-radius: 50%;
  color: #6c7d91;
  background: #fff;
  font-size: 0.55rem;
}

.cdk-wazuh__progress li[aria-current="step"] { color: #1f2e42; font-weight: 700; }
.cdk-wazuh__progress li[aria-current="step"] b { border-color: #1476c9; color: #fff; background: #1476c9; }
.cdk-wazuh__progress li[data-complete] { color: #28744a; }
.cdk-wazuh__progress li[data-complete] b { border-color: #38a169; color: #fff; background: #38a169; }
.cdk-wazuh__progress li[data-complete]:not(:last-child)::after { background: #69b58a; }

.cdk-product-lab--wazuh .cdk-wazuh__shell > aside {
  min-height: 31rem;
  padding: 0.45rem 0.4rem;
  gap: 0.08rem;
  background: #17243a;
}

.cdk-product-lab--wazuh .cdk-wazuh__shell > aside small {
  margin: 0.55rem 0.35rem 0.16rem;
  padding: 0;
  color: #8fa3bc;
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cdk-product-lab--wazuh .cdk-wazuh__shell > aside button {
  display: flex;
  width: 100%;
  min-height: 1.85rem;
  padding: 0.35rem 0.45rem;
  align-items: center;
  gap: 0.45rem;
  border: 0;
  border-left: 0.14rem solid transparent;
  border-radius: 0.12rem;
  color: #dce7f5;
  background: transparent;
  font-size: 0.61rem;
  font-weight: 450;
  text-align: left;
}

.cdk-product-lab--wazuh .cdk-wazuh__shell > aside button svg { width: 0.9rem; height: 0.9rem; flex: 0 0 auto; stroke-width: 1.8; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside button:hover { color: #fff; background: #233654; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside button.is-current { border-left-color: #8ec8ff; color: #fff; background: #176fc1; }
.cdk-product-lab--wazuh .cdk-wazuh__shell > aside button:disabled { color: #8798ad; background: transparent; cursor: not-allowed; opacity: 0.72; }
.cdk-product-lab--wazuh.is-nav-collapsed .cdk-wazuh__shell > aside button { justify-content: center; padding-right: 0; padding-left: 0; }
.cdk-product-lab--wazuh.is-nav-collapsed .cdk-wazuh__shell > aside button span,
.cdk-product-lab--wazuh.is-nav-collapsed .cdk-wazuh__shell > aside small { display: none; }
.cdk-product-lab--wazuh.is-nav-collapsed .cdk-wazuh__shell > aside button svg { width: 0.8rem; height: 0.8rem; }

.cdk-product-lab--wazuh main > section > .cdk-product-lab__topbar {
  display: flex;
  min-height: 3.25rem;
  padding: 0.55rem 0.75rem;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #d4dce7;
}

.cdk-product-lab--wazuh main > section > .cdk-product-lab__topbar > div {
  display: grid;
  min-width: 0;
  gap: 0.1rem;
}

.cdk-product-lab--wazuh main > section > .cdk-product-lab__topbar small {
  display: block;
  margin: 0;
  color: #66778c;
  font-size: 0.55rem;
}

.cdk-product-lab--wazuh main > section > .cdk-product-lab__topbar strong {
  display: block;
  color: #1f2e42;
  font-size: 0.78rem;
}

.cdk-product-lab--wazuh main > section > .cdk-product-lab__topbar a {
  margin-left: auto;
  color: #1476c9;
  font-size: 0.6rem;
  white-space: nowrap;
}

.cdk-wazuh__toolbar {
  display: grid;
  padding: 0.6rem 0.7rem;
  grid-template-columns: minmax(0, 1fr) 8rem 3.8rem;
  gap: 0.4rem;
  background: #f5f7fa;
}

.cdk-wazuh__toolbar label {
  position: relative;
  display: block;
}

.cdk-wazuh__toolbar label svg {
  position: absolute;
  top: 50%;
  left: 0.55rem;
  width: 0.7rem;
  height: 0.7rem;
  color: #66788d;
  transform: translateY(-50%);
}

.cdk-product-lab--wazuh .cdk-wazuh__toolbar input { width: 100%; padding-left: 1.65rem; }
.cdk-product-lab--wazuh .cdk-wazuh__toolbar :is(input, select, button) { height: 2rem; min-height: 2rem; }

.cdk-wazuh__events-panel { min-width: 0; }
.cdk-wazuh__table-wrap { overflow-x: auto; }
.cdk-product-lab--wazuh table { width: 100%; margin: 0; color: #263448; background: #fff; font-size: 0.62rem; }
.md-typeset .cdk-product-lab--wazuh table.cdk-wazuh__events-table,
.cdk-product-lab--wazuh table.cdk-wazuh__events-table {
  display: table !important;
  width: 100% !important;
  max-width: none;
  table-layout: auto;
  border-collapse: collapse;
}
.cdk-wazuh__events-table th:last-child,
.cdk-wazuh__events-table td:last-child { width: 5rem; }
.cdk-product-lab--wazuh :is(th, td) { padding: 0.48rem 0.55rem; border-bottom: 1px solid #d9e0e8; text-align: left; vertical-align: middle; }
.cdk-product-lab--wazuh th { color: #5f7084; background: #edf1f5; font-size: 0.53rem; text-transform: uppercase; }
.md-typeset .cdk-product-lab--wazuh tbody td {
  color: #263448;
  background: #fff;
}
.cdk-product-lab--wazuh td small { display: block; margin-top: 0.12rem; color: #74859a; font-size: 0.58rem; line-height: 1.4; }
.cdk-product-lab--wazuh .cdk-wazuh__events-table code { font-size: 0.59rem; }
.cdk-product-lab--wazuh td.cdk-wazuh__empty-row { padding: 1.2rem 0.6rem; color: #687b90; text-align: center; }
.cdk-wazuh__alert-row { cursor: pointer; }
.cdk-wazuh__alert-row:is(:hover, :focus, .is-selected) { outline: 0; background: #edf6fc; }
.cdk-wazuh__level { display: inline-grid; min-width: 1.4rem; min-height: 1.4rem; place-items: center; border-radius: 999px; color: #84292d !important; background: #f8d7da; font-weight: 700; }
.cdk-wazuh__level.is-response { color: #77510a !important; background: #f9e9b9; }

.cdk-wazuh__event-detail {
  margin: 0.65rem;
  padding: 0.65rem;
  border: 1px solid #b9cce0;
  border-left: 0.16rem solid #1476c9;
  background: #f8fbfe;
}

.cdk-wazuh__event-detail > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.6rem; }
.cdk-wazuh__event-detail > header > div { display: grid; gap: 0.12rem; }
.cdk-wazuh__event-detail > header small { color: #176fc1; font-size: 0.54rem; font-weight: 750; }
.cdk-wazuh__event-detail > header span { color: #176833; font-size: 0.56rem; }
.cdk-wazuh__event-detail dl { display: grid; margin: 0.6rem 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem; }
.cdk-wazuh__event-detail dl div { min-width: 0; padding: 0.4rem; border: 1px solid #d6e0ea; background: #fff; }
.cdk-wazuh__event-detail :is(dt, dd) { margin: 0; overflow-wrap: anywhere; }
.cdk-wazuh__event-detail dt { color: #6b7e93; font-size: 0.53rem; }
.cdk-wazuh__event-detail dd { margin-top: 0.12rem; color: #213147; font-family: var(--md-code-font-family); font-size: 0.62rem; font-weight: 700; }
.cdk-wazuh__event-detail p { margin: 0.5rem 0 !important; color: #43576d; font-size: 0.62rem; line-height: 1.5; }
.cdk-wazuh__event-detail button { margin-left: auto; }

.cdk-wazuh__trigger {
  display: flex;
  margin: 0.65rem;
  padding: 0.65rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  border: 1px solid #bed2e5;
  background: #f4f9fd;
}
.cdk-wazuh__trigger > div { display: grid; gap: 0.12rem; }
.cdk-wazuh__trigger span { color: #607389; font-size: 0.61rem; }

.cdk-wazuh__connections {
  display: grid;
  margin: 0.65rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
}
.cdk-wazuh__connections article { display: grid; min-width: 0; padding: 0.55rem; gap: 0.12rem; border: 1px solid #cfdae5; background: #fff; }
.cdk-wazuh__connections small { color: #6e8094; font-size: 0.52rem; font-weight: 700; }
.cdk-wazuh__connections strong { color: #213147; overflow-wrap: anywhere; }
.cdk-wazuh__connections span { color: #9a3438; font-size: 0.59rem; }
.cdk-wazuh__connections span.is-allowed { color: #26764b; }

.cdk-wazuh__editor-heading {
  display: flex;
  padding: 0.55rem 0.65rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
}
.cdk-wazuh__editor-heading > div { display: grid; gap: 0.1rem; }
.cdk-wazuh__editor-heading small { color: #66798e; font-size: 0.59rem; }

.cdk-wazuh__editor {
  display: grid;
  min-height: 13rem;
  margin: 0 0.65rem;
  grid-template-columns: 2.15rem minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid #9eacba;
  background: #172235;
}
.md-typeset .cdk-wazuh__editor ol,
.cdk-product-lab--wazuh .cdk-wazuh__editor ol {
  margin: 0 !important;
  padding: 0.65rem 0.45rem !important;
  color: #71849a;
  background: #111a29;
  font-family: var(--md-code-font-family);
  font-size: 0.6rem;
  line-height: 1.65;
  list-style: none;
  text-align: right;
  user-select: none;
}
.cdk-product-lab--wazuh .cdk-wazuh__editor textarea {
  width: 100%;
  min-height: 13rem;
  padding: 0.65rem 0.7rem;
  resize: vertical;
  border: 0;
  border-radius: 0;
  outline-offset: -2px;
  color: #dce9f7;
  background: #172235;
  font-family: var(--md-code-font-family);
  font-size: 0.6rem;
  line-height: 1.65;
  tab-size: 2;
}
.cdk-product-lab--wazuh .cdk-wazuh__editor textarea:focus { outline: 2px solid #55a7eb; }
.cdk-product-lab--wazuh .cdk-wazuh__editor textarea:disabled { color: #b8c7d8; opacity: 1; }

.cdk-wazuh__terminal {
  min-height: 4rem;
  margin: 0 0.65rem 0.65rem !important;
  padding: 0.6rem !important;
  border: 0 !important;
  border-left: 0.16rem solid #1476c9 !important;
  color: #d9e7f5 !important;
  background: #172235 !important;
  font-size: 0.59rem;
  white-space: pre-wrap;
}
.cdk-product-lab--wazuh output[data-status="success"] { border-left-color: #38a169; background: #edf8f1; }
.cdk-product-lab--wazuh output[data-status="error"] { border-left-color: #c8464b; background: #fff0f0; }
.cdk-wazuh__recovery { justify-content: flex-end; }

@container cdk-wazuh (max-width: 44rem) {
  .cdk-wazuh__lesson { grid-template-columns: 1fr; }
  .cdk-product-lab--wazuh .cdk-wazuh__shell > aside button { justify-content: center; padding-right: 0; padding-left: 0; }
  .cdk-product-lab--wazuh .cdk-wazuh__shell > aside button span,
  .cdk-product-lab--wazuh .cdk-wazuh__shell > aside small { display: none; }
  .cdk-product-lab--wazuh .cdk-wazuh__shell > aside button svg { width: 0.8rem; height: 0.8rem; }
  .cdk-wazuh__event-detail dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdk-wazuh__connections { grid-template-columns: 1fr; }
}

@container cdk-wazuh (max-width: 32rem) {
  .cdk-wazuh__masthead .cdk-wazuh__brand { min-width: 3.05rem; padding-right: 0.35rem; font-size: 0; }
  .cdk-product-lab--wazuh .cdk-wazuh__masthead .cdk-wazuh__logo { width: 2.65rem; height: 1.8rem; }
  .cdk-wazuh__masthead > strong { max-width: none; }
  .cdk-wazuh__progress li { justify-content: center; }
  .cdk-wazuh__progress li span,
  .cdk-wazuh__progress li::after { display: none; }
  .cdk-wazuh__toolbar { grid-template-columns: minmax(0, 1fr) 3.8rem; }
  .cdk-wazuh__toolbar select { grid-column: 1 / -1; grid-row: 2; }
  .cdk-wazuh__event-detail dl { grid-template-columns: 1fr; }
  .cdk-wazuh__trigger,
  .cdk-wazuh__editor-heading { align-items: stretch; flex-direction: column; }
  .cdk-product-lab--wazuh .cdk-product-lab__controls { align-items: stretch; flex-direction: column; }
  .cdk-product-lab--wazuh .cdk-product-lab__controls button { width: 100%; }
}

.cdk-product-lab--securityonion .cdk-product-lab__topbar {
  color: #e7edf4;
  background: #17212b;
}

.cdk-product-lab--securityonion .cdk-product-lab__topbar b { color: #f0a43c; }
.cdk-product-lab--securityonion .cdk-product-lab__topbar .is-current { padding-bottom: 0.22rem; border-bottom: 0.12rem solid #f0a43c; }

.cdk-so-lab__toolbar {
  display: flex;
  padding: 0.5rem 0.65rem;
  align-items: center;
  gap: 0.55rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

.cdk-so-lab__toolbar :is(span, button) { margin-left: auto; }
.cdk-so-lab__toolbar span + span { margin-left: 0; }

.cdk-so-lab__workspace {
  display: grid;
  grid-template-columns: minmax(13rem, 0.78fr) minmax(18rem, 1.22fr);
  min-height: 18rem;
}

.cdk-so-lab__alerts {
  display: grid;
  align-content: start;
  border-right: 1px solid var(--md-default-fg-color--lightest);
  background: color-mix(in srgb, var(--md-default-bg-color) 95%, var(--md-default-fg-color) 5%);
}

.cdk-so-lab__alerts button {
  display: grid;
  gap: 0.18rem;
  padding: 0.65rem;
  border: 0;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0;
  color: var(--md-default-fg-color);
  background: transparent;
  text-align: left;
}

.cdk-so-lab__alerts button small,
.cdk-so-lab__alerts button span { color: var(--md-default-fg-color--light); }
.cdk-so-lab__alerts button[aria-pressed="true"] { border-left: 0.18rem solid var(--cdk-product-accent); color: inherit; background: color-mix(in srgb, var(--cdk-product-accent) 12%, transparent); }

.cdk-so-lab__detail { padding: 0.7rem; }
.cdk-so-lab__detail > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.7rem; }
.cdk-so-lab__detail > header small { color: var(--md-default-fg-color--light); }
.cdk-so-lab__detail > header span { padding: 0.2rem 0.38rem; border-radius: 0.2rem; color: #1b1307; background: #f0a43c; font-weight: 750; }

.cdk-so-lab__detail dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  margin: 0.6rem 0;
}

.cdk-so-lab__detail dl div { padding: 0.4rem; border: 1px solid var(--md-default-fg-color--lightest); }
.cdk-so-lab__detail :is(dt, dd) { margin: 0; }
.cdk-so-lab__detail dt { color: var(--md-default-fg-color--light); }
.cdk-so-lab__detail dd { font-family: var(--md-code-font-family); overflow-wrap: anywhere; }

.cdk-so-lab__evidence { display: grid; gap: 0.35rem; }
.cdk-so-lab__evidence span { padding: 0.45rem 0.5rem; border-left: 0.12rem solid var(--cdk-product-accent); background: var(--md-code-bg-color); }
.cdk-product-lab--securityonion [data-reviewed="true"] { border-color: var(--cdk-product-accent); color: var(--cdk-product-accent); }

.cdk-so-lab__decision {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  padding: 0.7rem;
  align-items: end;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.cdk-so-lab__notes { grid-column: 1 / -1; grid-row: auto; }
.cdk-so-lab__decision > button { width: 100%; }
.cdk-product-lab--securityonion > output { margin: 0 0.7rem 0.7rem; }

/* Security Onion SOC-inspired application shell. */
.cdk-product-lab--securityonion {
  color: #f2f4f7;
  background: #1d1d1d;
  border-color: #333;
  font-size: 0.75rem;
  line-height: 1.45;
  container: cdk-soc / inline-size;
}

.cdk-so-lab__masthead {
  display: flex;
  min-height: 2.85rem;
  padding: 0 0.7rem;
  align-items: center;
  gap: 0.65rem;
  color: #fff;
  background: #11110f;
  border-bottom: 1px solid #303030;
}

.cdk-so-lab__masthead button { padding: 0.2rem; border: 0; color: inherit; background: transparent; }
.cdk-so-lab__masthead strong { font-size: 1.05rem; font-weight: 500; }
.cdk-so-lab__masthead strong span { color: #2fa4e7; }
.cdk-so-lab__masthead small { margin-left: auto; color: #8bd17c; }
.cdk-so-lab__masthead > span { color: #d3d3d3; }

.cdk-so-lab__shell { display: grid; grid-template-columns: 7rem minmax(0, 1fr); }
.cdk-so-lab__main { min-width: 0; }

.cdk-so-lab__nav {
  display: flex;
  flex-direction: column;
  min-height: 30rem;
  color: #f1f1f1;
  background: #353535;
  border-right: 1px solid #4a4a4a;
}

.cdk-so-lab__nav span { display: flex; min-height: 2rem; padding: 0.42rem 0.65rem; align-items: center; gap: 0.5rem; }
.cdk-so-lab__nav span.is-current { background: #575757; border-left: 0.18rem solid #2fa4e7; }
.cdk-so-lab__nav b { font-weight: 500; }

.cdk-so-lab__titlebar {
  display: flex;
  padding: 0.55rem 0.7rem 0.25rem;
  align-items: center;
  justify-content: space-between;
}

.md-typeset .cdk-product-lab--securityonion .cdk-so-lab__titlebar h4 { margin: 0; color: #fff !important; }
.cdk-so-lab__titlebar strong { font-weight: 500; }

.cdk-so-lab__toolbar {
  margin: 0 0.7rem 0.55rem;
  padding: 0.45rem 0;
  border-bottom-color: #686868;
}

.cdk-so-lab__toolbar label { display: flex; align-items: center; gap: 0.3rem; color: #d7d7d7; }
.cdk-so-lab__toolbar label b { color: #fff; font-weight: 500; }
.cdk-so-lab__toolbar .cdk-so-lab__time { margin-left: auto; }
.cdk-so-lab__toolbar button { margin-left: 0; border-color: #2097dc; color: #fff; background: #168ed5; }

.cdk-so-lab__workspace {
  grid-template-columns: minmax(22rem, 1.45fr) minmax(15rem, 0.75fr);
  min-height: 17rem;
  border-top: 1px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
}

.cdk-so-lab__alerts { border-right-color: #424242; background: #222; }
.cdk-so-lab__table-head { display: grid; grid-template-columns: 8.5rem 1fr; padding: 0.38rem 0.55rem; color: #aeb4ba; background: #252525; border-bottom: 1px solid #454545; }
.cdk-so-lab__alerts button { grid-template-columns: 8.5rem minmax(0, 1fr); padding: 0.5rem 0.55rem; border-bottom-color: #424242; color: #fff; }
.cdk-so-lab__alerts button small,
.cdk-so-lab__alerts button span { color: #c5c9ce; }
.cdk-so-lab__alerts button strong { overflow-wrap: anywhere; font-weight: 500; }
.cdk-so-lab__alerts button[aria-pressed="true"] { border-left-color: #2fa4e7; color: #fff; background: #3a3a3a; }

.cdk-so-lab__detail { color: #eee; background: #1a1a1a; }
.cdk-so-lab__detail > header { padding-bottom: 0.45rem; border-bottom: 1px solid #444; }
.cdk-so-lab__detail > header small,
.cdk-so-lab__detail dt { color: #afb4ba; }
.cdk-so-lab__detail > header span { color: #1b1307; background: #f0a43c; }
.md-typeset .cdk-product-lab--securityonion .cdk-so-lab__detail h4 { color: #fff !important; font-size: 0.9rem; }
.cdk-so-lab__detail > header small,
.cdk-so-lab__detail > header [data-so-status] { color: #c8ced5; }
.cdk-so-lab__detail dl div { border-color: #444; background: #232323; }
.cdk-so-lab__evidence span { color: #f0f0f0; background: #292929; }

.cdk-so-lab__decision { border-top: 0; background: #262626; }
.cdk-so-lab__decision label { color: #f1f1f1; }
.cdk-so-lab__decision :is(select, textarea) { border-color: #666; color: #fff; background: #171717; }
.cdk-so-lab__decision textarea::placeholder { color: #b9bdc2; opacity: 1; }
.cdk-so-lab__decision button { border-color: #d99029; color: #fff; background: #8b5c1b; }
.cdk-so-lab__decision button:disabled { color: #aaa; background: #353535; border-color: #555; }
.cdk-product-lab--securityonion > .cdk-so-lab__shell output { margin: 0.6rem 0.7rem 0.7rem; color: #f2f2f2; background: #292929; }

.cdk-product-lab--securityonion button { color: #f4f6f8; background: #303030; }
.cdk-product-lab--securityonion button:disabled { color: #c6cbd0; background: #393939; border-color: #5b5b5b; opacity: 1; }
.cdk-product-lab--securityonion :is(select, textarea) { min-width: 0; color: #fff; background: #171717; }
.cdk-product-lab--securityonion textarea::placeholder { color: #c1c6cc; opacity: 1; }

@media (max-width: 64rem) {
  .cdk-so-lab__shell { grid-template-columns: 3.2rem minmax(0, 1fr); }
  .cdk-so-lab__nav span { justify-content: center; }
  .cdk-so-lab__nav b { display: none; }
  .cdk-so-lab__decision { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdk-so-lab__notes { grid-column: 1 / -1; grid-row: auto; }
  .cdk-so-lab__decision > button { width: 100%; }
}

@media (max-width: 52rem) {
  .cdk-so-lab__shell { grid-template-columns: 3.2rem minmax(0, 1fr); }
  .cdk-so-lab__nav span { justify-content: center; }
  .cdk-so-lab__nav b { display: none; }
  .cdk-so-lab__workspace { grid-template-columns: 1fr; }
  .cdk-so-lab__alerts { border-right: 0; border-bottom: 1px solid #424242; }
  .cdk-so-lab__decision { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdk-so-lab__notes { grid-column: 1 / -1; }
}

@media (max-width: 34rem) {
  .cdk-so-lab__masthead small { display: none; }
  .cdk-so-lab__toolbar { flex-wrap: wrap; }
  .cdk-so-lab__toolbar .cdk-so-lab__time { margin-left: 0; }
  .cdk-so-lab__toolbar button { width: 100%; }
  .cdk-so-lab__alerts button,
  .cdk-so-lab__table-head { grid-template-columns: 7rem minmax(0, 1fr); }
  .cdk-so-lab__decision { grid-template-columns: 1fr; }
  .cdk-so-lab__notes { grid-column: auto; }
}

@container cdk-soc (max-width: 64rem) {
  .cdk-so-lab__shell { grid-template-columns: 3.2rem minmax(0, 1fr); }
  .cdk-so-lab__nav span { justify-content: center; }
  .cdk-so-lab__nav b { display: none; }
}

@container cdk-soc (max-width: 52rem) {
  .cdk-so-lab__workspace { grid-template-columns: 1fr; }
  .cdk-so-lab__alerts { border-right: 0; border-bottom: 1px solid #424242; }
}

@container cdk-soc (max-width: 36rem) {
  .cdk-so-lab__masthead small { display: none; }
  .cdk-so-lab__toolbar { align-items: stretch; flex-direction: column; }
  .cdk-so-lab__toolbar :is(span, button),
  .cdk-so-lab__toolbar .cdk-so-lab__time { width: 100%; margin-left: 0; }
  .cdk-so-lab__decision,
  .cdk-so-lab__detail dl { grid-template-columns: 1fr; }
  .cdk-so-lab__notes { grid-column: auto; }
}

/* Guided Security Onion SOC investigation. */
.cdk-product-lab--securityonion {
  position: relative;
  color: #e8edf3;
  background: #181b20;
  border-color: #343a42;
  font-size: 0.72rem;
}
.cdk-product-lab--securityonion [hidden] { display: none !important; }
.cdk-product-lab--securityonion svg {
  width: 0.85rem;
  height: 0.85rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cdk-so-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cdk-product-lab--securityonion .cdk-so-lab__masthead {
  min-height: 2.7rem;
  padding: 0 0.65rem;
  gap: 0.65rem;
  color: #f5f7fa;
  background: #111419;
  border-bottom-color: #353b44;
}
.cdk-product-lab--securityonion .cdk-so-lab__masthead > button { display: grid; width: 1.7rem; height: 1.7rem; min-height: 0; padding: 0; place-items: center; }
.cdk-product-lab--securityonion .cdk-so-lab__masthead > strong { color: #fff; font-size: 0.8rem; font-weight: 650; }
.cdk-product-lab--securityonion .cdk-so-lab__masthead > strong span { color: #3aa4e6; }
.cdk-product-lab--securityonion .cdk-so-brand { position: relative; display: block; width: 8.2rem; height: 2.1rem; flex: 0 0 8.2rem; overflow: hidden; color: #fff; }
.cdk-product-lab--securityonion .cdk-so-brand img { position: absolute; top: 50%; left: 0; display: block; width: 100%; max-width: none; height: auto; transform: translateY(-50%); }
.cdk-product-lab--securityonion .cdk-so-lab__masthead > b { padding: 0.28rem 0.7rem; border-left: 1px solid #343a42; color: #fff; background: #292e35; font-size: 0.62rem; font-weight: 650; }
.cdk-product-lab--securityonion .cdk-so-lab__masthead small { display: flex; margin-left: auto; align-items: center; gap: 0.3rem; color: #aeb8c4; font-size: 0.55rem; }
.cdk-product-lab--securityonion .cdk-so-lab__masthead small i { width: 0.38rem; height: 0.38rem; border-radius: 50%; background: #5bc878; }
.cdk-product-lab--securityonion .cdk-so-lab__masthead > span { color: #d5dbe2; font-size: 0.56rem; }

.cdk-so-guide {
  display: grid;
  padding: 0.75rem 0.8rem;
  grid-template-columns: minmax(0, 1.35fr) minmax(13rem, 0.85fr);
  gap: 0.8rem;
  color: #263447;
  background: #eef5fa;
  border-bottom: 1px solid #bdd3e4;
}
.cdk-so-guide > div > small { color: #187fbc; font-size: 0.55rem; font-weight: 750; letter-spacing: 0.045em; }
.md-typeset .cdk-so-guide h4,
.cdk-product-lab--securityonion .cdk-so-guide h4 { margin: 0.15rem 0 0.2rem; color: #253347 !important; font-size: 0.78rem; line-height: 1.35; }
.cdk-so-guide > div > p { margin: 0; color: #53677d; font-size: 0.63rem; }
.cdk-so-guide details { align-self: center; margin: 0 !important; overflow: hidden; border: 1px solid #a7c9e4; border-radius: 0.2rem; background: #fff; }
.cdk-so-guide summary,
.cdk-so-terms summary { display: flex; min-height: 2rem; margin: 0 !important; padding: 0.46rem 0.62rem !important; align-items: center; justify-content: space-between; gap: 0.5rem; color: #176da9; background: transparent !important; font-size: 0.6rem; font-weight: 700; list-style: none; }
.cdk-so-guide summary::-webkit-details-marker,
.cdk-so-terms summary::-webkit-details-marker { display: none; }
.cdk-so-guide summary::before,
.cdk-so-terms summary::before { display: none !important; content: none !important; }
.cdk-so-guide summary::after,
.cdk-so-terms summary::after { position: static !important; width: 0.35rem; height: 0.35rem; flex: 0 0 auto; border: 0; border-right: 0.08rem solid currentColor; border-bottom: 0.08rem solid currentColor; content: ""; background: transparent !important; transform: rotate(45deg); }
.cdk-so-guide details[open] summary::after,
.cdk-so-terms[open] summary::after { transform: rotate(225deg); }
.cdk-so-guide details p { margin: 0 !important; padding: 0.55rem 0.65rem; border-top: 1px solid #d7e5f1; color: #40556b; font-size: 0.61rem; }

.md-typeset ol.cdk-so-progress,
.cdk-product-lab--securityonion ol.cdk-so-progress {
  display: grid !important;
  width: 100%;
  margin: 0 !important;
  padding: 0.52rem 0.8rem !important;
  grid-template-columns: repeat(5, minmax(7rem, 1fr)) !important;
  overflow-x: auto;
  color: #66788d;
  background: #fff;
  border-bottom: 1px solid #cfd9e3;
  list-style: none;
}
.cdk-so-progress > li { display: flex !important; min-width: 0; margin: 0 !important; align-items: center; gap: 0.35rem; color: #718296; font-size: 0.58rem; }
.cdk-so-progress > li:not(:last-child)::after { height: 1px; flex: 1; margin: 0 0.4rem 0 0.12rem; content: ""; background: #cbd6e1; }
.cdk-so-progress b { display: grid; width: 1.32rem; height: 1.32rem; flex: 0 0 auto; place-items: center; border: 1px solid #b5c4d3; border-radius: 50%; color: #61758b; background: #fff; }
.cdk-so-progress li[aria-current="step"] { color: #223247; font-weight: 700; }
.cdk-so-progress li[aria-current="step"] b { border-color: #168ed5; color: #fff; background: #168ed5; }
.cdk-so-progress li[data-complete] { color: #27734a; }
.cdk-so-progress li[data-complete] b { border-color: #43a76d; color: #fff; background: #43a76d; }
.cdk-so-progress li[data-complete]::after { background: #6eb68c; }

.md-typeset details.cdk-so-terms,
.cdk-product-lab--securityonion details.cdk-so-terms { margin: 0 !important; border: 0; border-bottom: 1px solid #b9cfe0; border-radius: 0; color: #31465b; background: #f6f9fc; box-shadow: none; }
.md-typeset .cdk-so-terms summary,
.cdk-product-lab--securityonion .cdk-so-terms summary { min-height: 2.35rem; color: #24506f !important; background: #edf5fb !important; font-size: 0.64rem; }
.cdk-so-terms summary > span { display: flex; align-items: center; gap: 0.45rem; }
.cdk-so-terms summary i { display: grid; width: 1.15rem; height: 1.15rem; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: #168ed5; font-style: normal; font-weight: 800; }
.cdk-so-terms dl { display: grid; margin: 0; padding: 0.7rem 0.8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem 0.9rem; border-top: 1px solid #c9dbe9; }
.cdk-so-terms dl div { display: grid; grid-template-columns: 4.8rem minmax(0, 1fr); gap: 0.4rem; }
.cdk-so-terms :is(dt, dd) { margin: 0; }
.cdk-so-terms dt { color: #166fa8; font-weight: 750; }
.cdk-so-terms dd { color: #43596d; }

.cdk-product-lab--securityonion .cdk-so-lab__shell { grid-template-columns: 9rem minmax(0, 1fr); min-height: 31rem; }
.cdk-product-lab--securityonion .cdk-so-lab__nav { min-height: 31rem; padding: 0.4rem; gap: 0.08rem; background: #2a2f36; border-right-color: #434a53; }
.cdk-product-lab--securityonion .cdk-so-lab__nav button { display: flex; width: 100%; min-height: 2.15rem; padding: 0.42rem 0.5rem; align-items: center; gap: 0.55rem; border: 0; border-left: 0.15rem solid transparent; border-radius: 0.12rem; color: #dfe5ec; background: transparent; font-size: 0.62rem; text-align: left; }
.cdk-product-lab--securityonion .cdk-so-lab__nav button svg { width: 0.92rem; height: 0.92rem; flex: 0 0 auto; }
.cdk-product-lab--securityonion .cdk-so-lab__nav button b { display: inline; font-weight: 500; }
.cdk-product-lab--securityonion .cdk-so-lab__nav button.is-current { border-left-color: #4cb2ec; color: #fff; background: #4a515a; }
.cdk-product-lab--securityonion .cdk-so-lab__nav button:disabled { color: #afb8c2; background: transparent; cursor: default; opacity: 0.75; }
.cdk-product-lab--securityonion.is-nav-collapsed .cdk-so-lab__shell { grid-template-columns: 3.2rem minmax(0, 1fr); }
.cdk-product-lab--securityonion.is-nav-collapsed .cdk-so-lab__nav button { justify-content: center; padding-right: 0; padding-left: 0; }
.cdk-product-lab--securityonion.is-nav-collapsed .cdk-so-lab__nav button b { display: none; }
.cdk-product-lab--securityonion.is-nav-collapsed .cdk-so-lab__nav button svg { width: 0.95rem; height: 0.95rem; }

.cdk-product-lab--securityonion .cdk-so-lab__main { position: relative; color: #e5e9ee; background: #1b1f24; }
.cdk-product-lab--securityonion .cdk-so-lab__titlebar { min-height: 3rem; padding: 0.55rem 0.7rem; color: #fff; background: #20252b; border-bottom: 1px solid #3b424a; }
.md-typeset .cdk-product-lab--securityonion .cdk-so-lab__titlebar h4,
.cdk-product-lab--securityonion .cdk-so-lab__titlebar h4 { margin: 0; color: #fff !important; font-size: 0.82rem; }
.cdk-so-lab__titlebar > div { display: flex; align-items: center; gap: 0.55rem; }
.cdk-so-lab__titlebar > div button { min-height: 1.8rem; padding: 0.3rem 0.5rem; }
.cdk-so-lab__titlebar > div strong { color: #b9c4cf; font-size: 0.57rem; }

.cdk-so-querybar {
  display: grid;
  padding: 0.55rem 0.65rem;
  grid-template-columns: minmax(12rem, 1fr) 5.5rem 7.4rem 3.8rem 3.3rem;
  align-items: end;
  gap: 0.4rem;
  color: #d9e0e7;
  background: #191d22;
  border-bottom: 1px solid #3b424a;
}
.cdk-so-querybar label { position: relative; display: grid; gap: 0.18rem; color: #c4ced8; font-size: 0.55rem; font-weight: 650; }
.cdk-so-querybar label:first-child svg { position: absolute; top: 50%; left: 0.55rem; z-index: 1; width: 0.7rem; height: 0.7rem; color: #9aa7b4; transform: translateY(-50%); pointer-events: none; }
.cdk-product-lab--securityonion .cdk-so-querybar :is(select, button) { width: 100%; height: 2rem; min-height: 2rem; border-color: #555e68; border-radius: 0.12rem; color: #eef2f6; background: #292f36; }
.cdk-product-lab--securityonion .cdk-so-querybar label:first-child select { padding-left: 0.55rem; }
.cdk-product-lab--securityonion .cdk-so-querybar button:not(:disabled) { border-color: #188fce; background: #168ed5; }

.cdk-so-alerts-panel { position: relative; margin: 0.65rem; overflow: hidden; border: 1px solid #414952; background: #20252b; }
.cdk-so-alerts-panel > [data-so-grouped] { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(13rem, 0.65fr); }
.cdk-so-table-wrap { overflow-x: auto; }
.md-typeset .cdk-product-lab--securityonion table.cdk-so-table,
.cdk-product-lab--securityonion table.cdk-so-table { display: table !important; width: 100% !important; max-width: none; margin: 0; border-collapse: collapse; color: #e6ebf0; background: #20252b; font-size: 0.63rem; }
.cdk-so-table :is(th, td) { padding: 0.5rem 0.55rem; border-bottom: 1px solid #3c444d; text-align: left; vertical-align: middle; }
.cdk-so-table th { color: #c0cad4; background: #292f36; font-size: 0.54rem; font-weight: 700; text-transform: uppercase; }
.cdk-so-table tbody tr { cursor: pointer; }
.cdk-so-table tbody tr:is(:hover, .is-selected) { background: #303740; }
.cdk-so-table td > button { min-height: 1.5rem; padding: 0.15rem 0.35rem; border-color: #56616d; color: #e5eaf0; background: #2b3138; }
.cdk-so-table td:first-child { width: 2rem; }
.cdk-so-table span:is(.is-low, .is-medium, .is-high) { display: inline-block; min-width: 3rem; padding: 0.15rem 0.3rem; border-radius: 999px; text-align: center; }
.cdk-so-table .is-low { color: #b9e5ca; background: #234534; }
.cdk-so-table .is-medium { color: #ffe19b; background: #51431e; }
.cdk-so-table .is-high { color: #ffc2c2; background: #592d31; }
.cdk-so-table .cdk-so-count { border-color: #259cdd; color: #75c7f3; background: transparent; text-decoration: underline; }
.cdk-so-details-panel { padding: 0.7rem; border-left: 1px solid #414952; background: #1a1e23; }
.cdk-so-details-panel header { padding-bottom: 0.5rem; border-bottom: 1px solid #3c444d; }
.cdk-so-details-panel header > div { display: grid; gap: 0.15rem; }
.cdk-so-details-panel small { color: #55afe2; font-size: 0.5rem; font-weight: 700; }
.cdk-so-details-panel strong { color: #f2f5f8; }
.cdk-so-details-panel p { color: #cbd3db; font-size: 0.64rem; line-height: 1.5; }
.cdk-so-details-panel__help { display: block; margin: 0.65rem 0 0.35rem; color: #9eabb8 !important; font-size: 0.56rem !important; font-weight: 500 !important; }
.cdk-so-details-panel button { width: 100%; min-height: 2rem; font-weight: 700; }
.cdk-product-lab--securityonion .cdk-so-details-panel button:disabled { border-color: #4a535d; color: #9da8b3; background: #2b3036; }
.cdk-product-lab--securityonion .cdk-so-details-panel button:not(:disabled) { border-color: #168ed5; color: #fff; background: #168ed5; }

.cdk-so-view-label { display: flex; min-height: 2.2rem; padding: 0.4rem 0.55rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #414952; background: #292f36; }
.cdk-so-view-label span { color: #62bae9; font-weight: 700; }
.cdk-product-lab--securityonion .cdk-so-view-label button { display: inline-flex; min-height: 1.8rem; padding: 0.3rem 0.55rem; align-items: center; gap: 0.25rem; border-color: #59636d; color: #e6ebf0; background: #242a31; }
.cdk-product-lab--securityonion .cdk-so-view-label button:is(:hover, :focus-visible) { border-color: #2fa4e7; color: #fff; background: #303841; }
.cdk-so-view-label button svg { width: 0.7rem; height: 0.7rem; }
.cdk-so-table--detailed { min-width: 46rem; }
.cdk-so-table--detailed th:nth-child(2) { min-width: 8.5rem; }
.cdk-so-table--detailed th:nth-child(3) { min-width: 13rem; }
.cdk-so-table--detailed td:last-child { white-space: nowrap; }
.cdk-product-lab--securityonion .cdk-so-table button.cdk-so-value { padding: 0; border: 0; color: #68c0ed; background: transparent; font-family: var(--md-code-font-family); }
.cdk-product-lab--securityonion .cdk-so-table button.cdk-so-row-toggle { display: grid; width: 1.55rem; height: 1.55rem; min-height: 0; padding: 0; place-items: center; color: #d7e0e8; }
.cdk-so-row-toggle svg { display: none; }
.cdk-so-row-toggle::before { width: 0.42rem; height: 0.42rem; border-right: 0.1rem solid currentColor; border-bottom: 0.1rem solid currentColor; content: ""; transform: rotate(-45deg); transition: transform 150ms ease; }
.cdk-so-row-toggle[aria-expanded="true"]::before { transform: rotate(45deg); }
.cdk-so-row-actions { display: inline-flex; align-items: center; gap: 0.12rem; }
.cdk-product-lab--securityonion .cdk-so-row-actions button { display: grid; width: 1.55rem; height: 1.55rem; min-height: 0; padding: 0.22rem; place-items: center; border-color: transparent; background: transparent; }
.cdk-product-lab--securityonion .cdk-so-row-actions button:is(:hover, :focus-visible) { border-color: #59636d; background: #303740; }
.cdk-product-lab--securityonion .cdk-so-row-actions [data-so-escalate] { color: #707b86; }
.cdk-product-lab--securityonion .cdk-so-row-actions [data-so-escalate].is-ready { border-color: transparent; color: #168ed5; background: transparent; }
.cdk-so-escalate-icon path:first-child { fill: currentColor; stroke: currentColor; }
.cdk-so-escalate-icon path:last-child { stroke: #fff; stroke-width: 1.9; }

.cdk-so-event { margin: 0.65rem; border: 1px solid #4a535d; background: #191d22; }
.cdk-so-event > nav { display: flex; min-height: 2.2rem; padding: 0 0.6rem; align-items: center; gap: 1rem; border-bottom: 1px solid #424a54; }
.cdk-so-event > nav strong { height: 2.2rem; padding-top: 0.55rem; border-bottom: 0.14rem solid #2fa4e7; color: #fff; }
.cdk-so-event > nav span { color: #aeb8c3; }
.cdk-so-event dl { display: grid; margin: 0; grid-template-columns: 1fr; }
.cdk-so-event dl div { display: grid; min-width: 0; padding: 0.45rem 0.6rem; grid-template-columns: minmax(9rem, 0.42fr) minmax(0, 1fr); gap: 0.65rem; border-bottom: 1px solid #343b44; }
.cdk-so-event :is(dt, dd) { margin: 0; overflow-wrap: anywhere; }
.cdk-so-event dt { color: #aab6c2; font-family: var(--md-code-font-family); }
.cdk-so-event dd { position: relative; color: #eef2f6; font-family: var(--md-code-font-family); }
.cdk-so-event dd > button { padding: 0; border: 0; color: #69c0ed; background: transparent; font-family: inherit; }
.cdk-so-event > p { margin: 0 !important; padding: 0.55rem 0.6rem; color: #c4ccd5; }
.cdk-product-lab--securityonion .cdk-so-context:not([hidden]) { display: grid !important; position: absolute; top: -0.3rem; left: 9rem; z-index: 3; width: 9rem; margin: 0; padding: 0.25rem; grid-template-columns: 1fr; gap: 0.12rem; border: 1px solid #59646f; background: #292f36; box-shadow: 0 0.35rem 0.8rem rgba(0,0,0,.35); }
.cdk-product-lab--securityonion .cdk-so-context button { width: 100%; min-height: 1.65rem; padding: 0.3rem 0.45rem !important; border-color: transparent; color: #eef2f6 !important; background: transparent; text-align: left; }
.cdk-product-lab--securityonion .cdk-so-context button:is(:hover, :focus-visible) { border-color: #168ed5; background: #35404a; }

.cdk-product-lab--securityonion output[data-so-feedback] { display: block; margin: 0 0.65rem 0.65rem; padding: 0.48rem 0.55rem; border-left: 0.15rem solid #2fa4e7; color: #dce3ea; background: #292f36; }

.cdk-so-hunt-query { display: grid; margin: 0.65rem; grid-template-columns: 2.2rem minmax(0, 1fr) auto; align-items: stretch; border: 1px solid #505963; background: #242a31; }
.cdk-so-hunt-query > svg { align-self: center; justify-self: center; color: #77bfe8; }
.cdk-so-hunt-query code { padding: 0.55rem; color: #e7edf3; background: transparent; overflow-wrap: anywhere; }
.cdk-so-hunt-query button { height: 100%; border-radius: 0; border-color: #168ed5; background: #168ed5; }
.cdk-so-hunt-results { display: block; margin: 0.65rem; overflow: hidden; border: 1px solid #4a535d; background: #20252b; }
.cdk-so-hunt-results > header { display: flex; min-height: 2.4rem; padding: 0.45rem 0.6rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #4a535d; background: #292f36; }
.cdk-so-hunt-results > header div { display: grid; gap: 0.05rem; }
.cdk-so-hunt-results > header small,
.cdk-so-hunt-results > header span { color: #aeb9c4; font-size: 0.54rem; }
.cdk-so-hunt-results > button { display: grid; width: 100%; min-height: 3rem; padding: 0.55rem 0.65rem; grid-template-columns: 4.6rem 5.2rem minmax(10rem, 1fr) minmax(10rem, 1fr); align-items: center; gap: 0.55rem; border: 0; border-bottom: 1px solid #414952; border-radius: 0; color: #ecf1f5; background: #20252b; text-align: left; }
.cdk-so-hunt-results > button:last-child { border-bottom: 0; }
.cdk-so-hunt-results > button small { color: #b5c1cc; font-size: 0.56rem; }
.cdk-so-hunt-results > button b { color: #69bce9; font-size: 0.52rem; letter-spacing: 0.02em; }
.cdk-so-hunt-results > button span { color: #b8c3ce; }
.cdk-so-hunt-results > button:is(:hover, :focus-visible) { background: #2a3138; }
.cdk-so-hunt-results > button[data-reviewed] { border-left: 0.16rem solid #46aa70; }
.cdk-so-hunt-results > button[aria-pressed="true"] { outline: 1px solid #2fa4e7; outline-offset: -1px; background: #263946; }
.cdk-so-hunt-detail { margin: 0.65rem; padding: 0.65rem; border: 1px solid #434c56; border-left: 0.16rem solid #2fa4e7; background: #20252b; }
.cdk-so-hunt-detail header small { color: #5fbae7; font-size: 0.5rem; font-weight: 700; }
.md-typeset .cdk-so-hunt-detail h4,
.cdk-product-lab--securityonion .cdk-so-hunt-detail h4 { margin: 0.15rem 0 0.4rem; color: #fff !important; font-size: 0.75rem; }
.cdk-so-hunt-detail > div { color: #c4ccd5; }
.cdk-so-hunt-checks { display: flex; margin: 0.65rem; padding: 0.55rem; align-items: center; gap: 0.65rem; border-top: 1px solid #414952; }
.cdk-so-hunt-checks span { color: #bfc8d1; }
.cdk-so-hunt-checks button { margin-left: auto; }

.cdk-so-assessment { display: grid; padding: 0.7rem; gap: 0.65rem; }
.cdk-so-assessment > section { padding: 0.65rem; border: 1px solid #414952; background: #20252b; }
.cdk-so-assessment > section small { color: #5db9e8; font-weight: 700; }
.cdk-so-assessment ul { margin-bottom: 0 !important; }
.cdk-so-assessment fieldset { display: grid; margin: 0; padding: 0.65rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45rem; border: 1px solid #414952; }
.cdk-so-assessment legend { padding: 0 0.3rem; color: #dfe5eb; font-weight: 700; }
.cdk-so-assessment fieldset button { display: grid; min-height: 5.1rem; padding: 0.6rem; align-content: start; gap: 0.2rem; border-color: #4d5660; color: #f0f3f6; background: #242a31; text-align: left; }
.cdk-so-assessment fieldset button span { color: #b8c1cb; font-size: 0.56rem; font-weight: 400; }
.cdk-so-assessment fieldset button[aria-pressed="true"] { border-color: #2fa4e7; background: #263946; }
.cdk-so-assessment > label { display: grid; gap: 0.25rem; color: #e5eaf0; }
.cdk-so-assessment :is(select, textarea) { width: 100%; }
.cdk-so-assessment > button { justify-self: end; }
.cdk-product-lab--securityonion .cdk-so-assessment output { margin: 0; padding: 0.5rem; border-left: 0.15rem solid #2fa4e7; color: #dfe5eb; background: #292f36; }

.cdk-so-dialog { position: absolute; top: 7rem; left: 50%; z-index: 20; width: min(34rem, calc(100% - 2rem)); color: #e8edf2; background: #22272e; border: 1px solid #5a646e; box-shadow: 0 0.8rem 2rem rgba(0,0,0,.55); transform: translateX(-50%); }
.cdk-so-dialog > header { display: flex; padding: 0.6rem 0.7rem; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #454d56; }
.cdk-so-dialog > header > div { display: grid; gap: 0.12rem; }
.cdk-so-dialog > header small { color: #5cb9e8; font-size: 0.5rem; font-weight: 700; }
.md-typeset .cdk-so-dialog h4,
.cdk-product-lab--securityonion .cdk-so-dialog h4 { margin: 0; color: #fff !important; }
.cdk-so-dialog > header button { padding: 0.1rem 0.35rem; border: 0; font-size: 1rem; }
.cdk-so-dialog__body { display: grid; padding: 0.7rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
.cdk-so-dialog__body label { display: grid; gap: 0.2rem; color: #dce3ea; }
.cdk-so-dialog__body .is-wide { grid-column: 1 / -1; }
.cdk-so-dialog__body :is(input, select) { width: 100%; color: #fff; background: #171b20; border-color: #59636d; }
.cdk-so-dialog__evidence { display: grid; padding: 0.55rem; gap: 0.12rem; border: 1px solid #46505a; background: #1a1e23; }
.cdk-so-dialog__evidence span { color: #b9c3cd; }
.cdk-so-dialog > footer { display: flex; padding: 0.6rem 0.7rem; justify-content: flex-end; gap: 0.4rem; border-top: 1px solid #454d56; }
.cdk-so-dialog > footer button:last-child { border-color: #168ed5; background: #168ed5; }

.cdk-so-case-summary { margin: 0.7rem; border: 1px solid #424b55; background: #20252b; }
.cdk-so-case-summary > header { display: flex; padding: 0.7rem; align-items: flex-start; justify-content: space-between; gap: 0.7rem; border-bottom: 1px solid #414952; }
.cdk-so-case-summary > header > div { display: grid; gap: 0.15rem; }
.cdk-so-case-summary > header small { color: #58b6e6; font-size: 0.51rem; font-weight: 700; }
.md-typeset .cdk-so-case-summary h4,
.cdk-product-lab--securityonion .cdk-so-case-summary h4 { margin: 0; color: #fff !important; font-size: 0.82rem; }
.cdk-so-case-summary > header span { color: #b8c3cd; }
.cdk-so-case-summary dl { display: grid; margin: 0; padding: 0.65rem; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.45rem; }
.cdk-so-case-summary dl div { padding: 0.5rem; border: 1px solid #414952; background: #191d22; }
.cdk-so-case-summary :is(dt, dd) { margin: 0; }
.cdk-so-case-summary dt { color: #9eabb8; }
.cdk-so-case-summary dd { margin-top: 0.15rem; color: #f0f3f6; font-weight: 700; }
.cdk-so-case-summary > section { padding: 0 0.7rem 0.7rem; }
.cdk-so-case-summary h5 { margin: 0.55rem 0 0.2rem; color: #63bae7; }
.cdk-so-case-summary p { margin: 0 !important; color: #c7d0d9; }
.cdk-so-case-summary > footer { display: grid; padding: 0.65rem 0.7rem; gap: 0.2rem; border-top: 1px solid #414952; color: #b7c1cb; }

@container cdk-soc (max-width: 52rem) {
  .cdk-so-guide { grid-template-columns: 1fr; }
  .cdk-so-alerts-panel > [data-so-grouped] { grid-template-columns: 1fr; }
  .cdk-so-details-panel { border-top: 1px solid #414952; border-left: 0; }
  .cdk-so-hunt-results { grid-template-columns: 1fr; }
}

@container cdk-soc (max-width: 44rem) {
  .cdk-so-querybar { grid-template-columns: minmax(0, 1fr) 3.8rem 3.3rem; }
  .cdk-so-querybar label:nth-child(2),
  .cdk-so-querybar label:nth-child(3) { grid-row: 2; }
  .cdk-so-querybar label:nth-child(2) { grid-column: 1; }
  .cdk-so-querybar label:nth-child(3) { grid-column: 2 / -1; }
  .cdk-so-hunt-results > button { grid-template-columns: 4.3rem 5rem minmax(0, 1fr); }
  .cdk-so-hunt-results > button span { grid-column: 3; }
  .cdk-so-assessment fieldset { grid-template-columns: 1fr; }
}

@container cdk-soc (max-width: 32rem) {
  .cdk-product-lab--securityonion .cdk-so-lab__shell { grid-template-columns: 3.2rem minmax(0, 1fr); }
  .cdk-product-lab--securityonion .cdk-so-lab__nav button { justify-content: center; padding-right: 0; padding-left: 0; }
  .cdk-product-lab--securityonion .cdk-so-lab__nav button b { display: none; }
  .cdk-product-lab--securityonion .cdk-so-lab__nav button svg { width: 0.95rem; height: 0.95rem; }
  .cdk-so-lab__masthead small,
  .cdk-so-lab__masthead > span { display: none; }
  .cdk-so-progress > li { justify-content: center; }
  .cdk-so-progress > li span,
  .cdk-so-progress > li::after { display: none; }
  .cdk-so-terms dl,
  .cdk-so-dialog__body,
  .cdk-so-case-summary dl { grid-template-columns: 1fr; }
  .cdk-so-terms dl div { grid-template-columns: 1fr; }
  .cdk-so-event dl div { grid-template-columns: 1fr; gap: 0.2rem; }
  .cdk-product-lab--securityonion .cdk-so-context:not([hidden]) { position: static; width: 100%; margin-top: 0.35rem; }
  .cdk-so-hunt-query { grid-template-columns: 2rem minmax(0, 1fr); }
  .cdk-so-hunt-query button { grid-column: 1 / -1; min-height: 1.9rem; }
  .cdk-so-hunt-results > button { grid-template-columns: 4.3rem minmax(0, 1fr); }
  .cdk-so-hunt-results > button strong,
  .cdk-so-hunt-results > button span { grid-column: 1 / -1; }
  .cdk-so-dialog__body .is-wide { grid-column: auto; }
  .cdk-so-hunt-checks { align-items: stretch; flex-direction: column; }
  .cdk-so-hunt-checks button { width: 100%; margin-left: 0; }
}

.cdk-product-lab__form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  padding: 0.7rem;
}

.cdk-product-lab__timeline { display: grid; gap: 0.28rem; margin: 0.65rem; }
.cdk-product-lab__timeline span { padding: 0.4rem 0.5rem; border-left: 0.12rem solid var(--cdk-product-accent); background: var(--md-code-bg-color); }

.cdk-product-lab--snort {
  container: cdk-snort / inline-size;
  color: #e8edf2;
  background: #111820;
}
.cdk-product-lab--snort .cdk-product-lab__topbar { color: #e8edf2; background: #1b2530; }
.cdk-product-lab--snort .cdk-product-lab__topbar b { color: #ff7373; }
.cdk-product-lab--snort .cdk-product-lab__topbar small { color: #c7d0da; }
.cdk-snort-state {
  padding: 0.16rem 0.42rem;
  border: 1px solid #6c7885;
  border-radius: 0.22rem;
  color: #e8edf2;
  background: #303b46;
  font-weight: 650;
}
.cdk-snort-state[data-status="validated"] { border-color: #65a7d9; color: #c9e8ff; background: #17334a; }
.cdk-snort-state[data-status="testing"] { border-color: #d8aa52; color: #ffe3a8; background: #493814; }
.cdk-snort-state[data-status="passed"] { border-color: #69bb78; color: #c9f5d0; background: #173d23; }
.cdk-snort-state[data-status="error"] { border-color: #f07979; color: #ffd2d2; background: #4a2025; }
.cdk-product-lab__editor { padding: 0.75rem; background: #0d1117; }
.cdk-product-lab__editor > div { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); }
.cdk-product-lab__editor span { padding: 0.45rem; color: #9aa7b4; text-align: right; }
.cdk-product-lab__editor textarea { min-height: 5.5rem; border: 1px solid #394654; color: #e8edf2; background: #10161d; resize: vertical; }
.cdk-product-lab--snort .cdk-product-lab__controls,
.cdk-product-lab--snort output { margin-right: 0.75rem; margin-left: 0.75rem; }
.cdk-product-lab--snort .cdk-snort-validation {
  margin: 0.65rem 0 0 1.5rem;
  border-left-color: #65a7d9;
  color: #dce7f1;
  background: #17212b;
}
.cdk-product-lab--snort .cdk-product-lab__controls { flex-wrap: wrap; gap: 0.45rem; }
.cdk-product-lab--snort button { border-color: #d86464; color: #f5f7f9; background: #29333d; }
.cdk-product-lab--snort button:is(:hover, :focus-visible) { border-color: #ff7373; color: #fff; background: #37424d; }
.cdk-product-lab--snort button:disabled { border-color: #5b6671; color: #c7cdd4; background: #353d46; opacity: 1; }
.cdk-snort-log { margin: 0.7rem 0.75rem; }
.cdk-snort-log > strong { display: block; margin-bottom: 0.3rem; color: #dce4ec; }
.cdk-product-lab--snort .cdk-product-lab__console {
  min-height: 4.5rem;
  margin: 0;
  border-left: 0.15rem solid #62b56f;
  color: #b9efc1;
  background: #090d12;
}
.cdk-product-lab--snort .cdk-product-lab__console--packets { border-left-color: #65a7d9; color: #c9e8ff; }
.cdk-product-lab--snort > output { color: #f1d9d9; background: #261a20; }

@container cdk-snort (max-width: 36rem) {
  .cdk-product-lab--snort .cdk-product-lab__topbar { flex-wrap: wrap; gap: 0.45rem; }
  .cdk-product-lab--snort .cdk-product-lab__topbar small { width: 100%; margin-left: 0; }
  .cdk-product-lab--snort .cdk-product-lab__controls { align-items: stretch; flex-direction: column; }
  .cdk-product-lab--snort .cdk-product-lab__controls button { width: 100%; }
  .cdk-product-lab--snort .cdk-snort-validation { margin-left: 0; }
}

/* Guided Snort 3 rule-engineering mission. */
.cdk-product-lab--snort { font-size: 0.72rem; border-color: #3b4652; background: #121820; }
.cdk-product-lab--snort [hidden] { display: none !important; }
.cdk-snort-topbar { display: flex; min-height: 3.1rem; padding: 0.5rem 0.7rem; align-items: center; justify-content: space-between; gap: 0.7rem; color: #f2f5f8; background: #10151c; border-bottom: 1px solid #3b4652; }
.cdk-snort-topbar > div { display: flex; align-items: center; gap: 0.45rem; }
.cdk-snort-topbar > div:first-child > span:last-child { display: grid; gap: 0.04rem; }
.cdk-snort-topbar strong { color: #fff; font-size: 0.76rem; }
.cdk-snort-topbar small { color: #aeb9c5; font-size: 0.52rem; }
.cdk-snort-topbar code { color: #d4dce4; background: #252d36; }
.cdk-snort-logo {
  display: block;
  width: 2.65rem;
  height: 2.65rem;
  object-fit: contain;
}
.cdk-snort-state { min-width: 4.9rem; text-align: center; }
.cdk-snort-state[data-status="active"] { border-color: #d86464; color: #ffd1d1; background: #47242a; }

.cdk-snort-guide { display: grid; padding: 0.72rem 0.8rem; grid-template-columns: minmax(0, 1.35fr) minmax(13rem, 0.85fr); align-items: center; gap: 0.8rem; color: #263447; background: #f3f6f9; border-bottom: 1px solid #cad6e0; }
.cdk-snort-guide > div > small { color: #b63f45; font-size: 0.55rem; font-weight: 800; letter-spacing: 0.045em; }
.md-typeset .cdk-snort-guide h4,
.cdk-product-lab--snort .cdk-snort-guide h4 { margin: 0.14rem 0 0.18rem; color: #263447 !important; font-size: 0.8rem; }
.cdk-snort-guide > div > p { margin: 0; color: #53677b; font-size: 0.63rem; }
.md-typeset .cdk-snort-guide details,
.cdk-product-lab--snort .cdk-snort-guide details { margin: 0 !important; overflow: hidden; border: 1px solid #d4a5a8; border-radius: 0.24rem; background: #fff; box-shadow: none; }
.cdk-snort-guide summary,
.cdk-snort-terms summary { display: flex; min-height: 2.05rem; margin: 0 !important; padding: 0.45rem 0.6rem !important; align-items: center; justify-content: space-between; color: #943239 !important; background: transparent !important; font-size: 0.61rem; font-weight: 750; list-style: none; }
.cdk-snort-guide summary::-webkit-details-marker,
.cdk-snort-terms summary::-webkit-details-marker { display: none; }
.cdk-snort-guide summary::before,
.cdk-snort-terms summary::before { display: none !important; content: none !important; }
.cdk-snort-guide summary::after,
.cdk-snort-terms summary::after { position: static !important; width: 0.36rem; height: 0.36rem; flex: 0 0 auto; border: 0; border-right: 0.08rem solid currentColor; border-bottom: 0.08rem solid currentColor; content: ""; background: transparent !important; transform: rotate(45deg); }
.cdk-snort-guide details[open] summary::after,
.cdk-snort-terms[open] summary::after { transform: rotate(225deg); }
.cdk-snort-guide details p { margin: 0 !important; padding: 0.52rem 0.62rem; border-top: 1px solid #ead5d7; color: #43566a; }

.md-typeset ol.cdk-snort-progress,
.cdk-product-lab--snort ol.cdk-snort-progress { display: grid !important; width: 100%; margin: 0 !important; padding: 0.48rem 0.75rem !important; grid-template-columns: repeat(6, minmax(6.2rem, 1fr)) !important; overflow-x: auto; color: #67798c; background: #fff; border-bottom: 1px solid #ced8e2; list-style: none; }
.cdk-snort-progress li { display: flex !important; min-width: 0; margin: 0 !important; align-items: center; gap: 0.3rem; font-size: 0.56rem; }
.cdk-snort-progress li:not(:last-child)::after { height: 1px; flex: 1; margin: 0 0.25rem; content: ""; background: #ced7df; }
.cdk-snort-progress b { display: grid; width: 1.25rem; height: 1.25rem; flex: 0 0 auto; place-items: center; border: 1px solid #b8c5d1; border-radius: 50%; color: #617488; background: #fff; }
.cdk-snort-progress li[aria-current="step"] { color: #27374a; font-weight: 750; }
.cdk-snort-progress li[aria-current="step"] b { border-color: #d34e4e; color: #fff; background: #d34e4e; }
.cdk-snort-progress li[data-complete] { color: #287147; }
.cdk-snort-progress li[data-complete] b { border-color: #43a76d; color: #fff; background: #43a76d; }
.cdk-snort-progress li[data-complete]::after { background: #70b78e; }
.cdk-snort-progress li[data-verified] { color: #287147; font-weight: 750; }
.cdk-snort-progress li[data-verified] b { border-color: #43a76d; color: #fff; background: #43a76d; }
.cdk-snort-progress li[data-verified]::after { background: #70b78e; }

.md-typeset details.cdk-snort-terms,
.cdk-product-lab--snort details.cdk-snort-terms { margin: 0 !important; border: 0; border-bottom: 1px solid #c9d7e2; border-radius: 0; background: #edf3f8; box-shadow: none; }
.cdk-snort-terms summary { min-height: 2.25rem; color: #334c62 !important; }
.cdk-snort-terms summary > span { display: flex; align-items: center; gap: 0.4rem; }
.cdk-snort-terms summary i { display: grid; width: 1.1rem; height: 1.1rem; place-items: center; border-radius: 50%; color: #fff; background: #d34e4e; font-style: normal; }
.cdk-snort-terms dl { display: grid; margin: 0; padding: 0.7rem 0.8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 0.85rem; border-top: 1px solid #c9d7e2; }
.cdk-snort-terms dl div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 0.4rem; }
.cdk-snort-terms :is(dt, dd) { margin: 0; }
.cdk-snort-terms dt { color: #a1373d; font-weight: 750; }
.cdk-snort-terms dd { color: #43596d; }

.cdk-snort-workbench { color: #e4eaf0; background: #151c24; }
.cdk-snort-workbench > header { display: flex; min-height: 2.3rem; padding: 0.45rem 0.7rem; align-items: center; justify-content: space-between; gap: 0.6rem; border-bottom: 1px solid #3a4652; background: #202934; }
.cdk-snort-workbench > header > div { display: flex; align-items: center; gap: 0.4rem; }
.cdk-snort-workbench > header .is-online { width: 0.42rem; height: 0.42rem; border-radius: 50%; background: #4fbc77; }
.cdk-snort-workbench > header small,
.cdk-snort-workbench > header > span { color: #aeb9c5; font-size: 0.55rem; }
.cdk-snort-step { padding: 0.75rem; }

.cdk-snort-mission { display: grid; padding: 0.7rem; grid-template-columns: minmax(0, 1.35fr) minmax(12rem, 0.65fr); gap: 0.7rem; border: 1px solid #414e5a; border-left: 0.16rem solid #d34e4e; background: #202934; }
.cdk-snort-mission small,
.cdk-snort-test-card small,
.cdk-snort-evidence section > small { color: #ff8585; font-size: 0.52rem; font-weight: 800; letter-spacing: 0.045em; }
.md-typeset .cdk-snort-mission h4,
.cdk-product-lab--snort .cdk-snort-mission h4 { margin: 0.14rem 0 0.25rem; color: #fff !important; font-size: 0.82rem; }
.cdk-snort-mission p { margin: 0 !important; color: #bdc8d2; }
.cdk-snort-mission dl { display: grid; margin: 0; gap: 0.35rem; }
.cdk-snort-mission dl div { padding: 0.42rem 0.5rem; border: 1px solid #465462; background: #18202a; }
.cdk-snort-mission :is(dt, dd) { margin: 0; }
.cdk-snort-mission dt { color: #9facb9; font-size: 0.52rem; }
.cdk-snort-mission dd { margin-top: 0.1rem; color: #eef2f6; font-family: var(--md-code-font-family); }

.cdk-snort-packets { display: grid; margin-top: 0.65rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; }
.cdk-product-lab--snort .cdk-snort-packets button { display: grid; min-height: 6.6rem; padding: 0.6rem; align-content: start; gap: 0.18rem; border-color: #465462; color: #ecf1f5; background: #202934; text-align: left; }
.cdk-snort-packets button > span { color: #ff8585; font-size: 0.5rem; font-weight: 800; }
.cdk-snort-packets button code { padding: 0; color: #b9ddf3; background: transparent; overflow-wrap: anywhere; }
.cdk-snort-packets button small { color: #aeb9c4; }
.cdk-snort-packets button[aria-pressed="true"] { border-color: #e06464; outline: 1px solid #e06464; outline-offset: -1px; background: #33252b; }
.cdk-snort-packets button[data-answer="correct"] { border-color: #45ad70; outline-color: #45ad70; background: #183528; }
.cdk-snort-packets button[data-answer="incorrect"] { border-color: #e06464; outline-color: #e06464; background: #3a242a; }

.cdk-product-lab--snort .cdk-snort-feedback { display: block; margin: 0.65rem 0 0; padding: 0.5rem 0.58rem; border-left: 0.16rem solid #d34e4e; color: #dce4ec; background: #252f39; }
.cdk-product-lab--snort .cdk-snort-feedback[data-state="correct"] { border-left-color: #45ad70; color: #dff7e8; background: #1b382b; }
.cdk-product-lab--snort .cdk-snort-feedback[data-state="incorrect"] { border-left-color: #e06464; color: #ffe1e1; background: #3a242a; }
.cdk-snort-step-actions { display: flex; margin-top: 0.65rem; justify-content: flex-end; gap: 0.4rem; }
.cdk-product-lab--snort .cdk-snort-step-actions button { min-height: 1.95rem; }
.cdk-product-lab--snort .cdk-snort-step-actions button:last-child:not(:disabled) { border-color: #d34e4e; color: #fff; background: #c8464d; }

.cdk-snort-builder { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(15rem, 0.95fr); gap: 0.65rem; }
.cdk-snort-builder form { display: grid; padding: 0.65rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; border: 1px solid #414e5a; background: #202934; }
.cdk-snort-builder label { display: grid; gap: 0.18rem; color: #dce3ea; font-size: 0.58rem; font-weight: 650; }
.cdk-snort-builder label.is-wide { grid-column: 1 / -1; }
.cdk-snort-builder :is(select, input) { width: 100%; min-height: 1.9rem; border-color: #536170; color: #f0f3f6; background: #141b23; }
.cdk-snort-builder aside { border: 1px solid #414e5a; background: #11171e; }
.cdk-snort-builder aside > header { display: flex; min-height: 2rem; padding: 0.4rem 0.55rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #3d4854; background: #202934; }
.cdk-snort-builder aside > header span { color: #ff8585; font-size: 0.52rem; font-weight: 800; }
.cdk-snort-builder aside > header small { color: #9facb8; }
.cdk-snort-builder pre { min-height: 8.4rem; margin: 0; padding: 0.65rem; color: #d7e8f3; background: #0b1016; white-space: pre-wrap; overflow-wrap: anywhere; }
.cdk-snort-builder aside dl { display: grid; margin: 0; padding: 0.55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem; }
.cdk-snort-builder aside dl div { padding: 0.4rem; border: 1px solid #38434e; background: #182029; }
.cdk-snort-builder aside :is(dt, dd) { margin: 0; }
.cdk-snort-builder aside dt { color: #ff8585; font-weight: 700; }
.cdk-snort-builder aside dd { margin-top: 0.12rem; color: #aeb9c4; font-size: 0.54rem; }

.cdk-snort-terminal { overflow: hidden; border: 1px solid #3f4b57; background: #090e13; }
.cdk-snort-terminal header { display: flex; min-height: 1.8rem; padding: 0.35rem 0.5rem; align-items: center; gap: 0.25rem; background: #252f39; }
.cdk-snort-terminal header > span { width: 0.42rem; height: 0.42rem; border-radius: 50%; background: #df6666; }
.cdk-snort-terminal header > span:nth-child(2) { background: #d6a84e; }
.cdk-snort-terminal header > span:nth-child(3) { background: #58b878; }
.cdk-snort-terminal header strong { margin-left: 0.25rem; color: #cbd4dd; font-size: 0.55rem; }
.cdk-snort-terminal pre { min-height: 6.8rem; margin: 0; padding: 0.65rem; color: #bfe7c9; background: #090e13; white-space: pre-wrap; overflow-wrap: anywhere; }
.cdk-snort-explainer { margin-top: 0.6rem; padding: 0.58rem; border: 1px solid #3f4b57; border-left: 0.16rem solid #65a7d9; background: #1b2631; }
.cdk-snort-explainer p { margin: 0.16rem 0 0 !important; color: #b9c5cf; }

.cdk-snort-flow { display: grid; padding: 0.8rem; grid-template-columns: minmax(9rem, 1fr) minmax(6rem, 0.7fr) minmax(9rem, 1fr); align-items: center; gap: 0.5rem; border: 1px solid #414e5a; background: #202934; text-align: center; }
.cdk-snort-flow > :is(span, strong) { display: grid; min-height: 4.2rem; padding: 0.55rem; place-content: center; gap: 0.12rem; border: 1px solid #4a5865; background: #18202a; }
.cdk-snort-flow small { color: #aeb9c4; font-family: var(--md-code-font-family); }
.cdk-snort-flow > i { position: relative; display: block; width: 100%; height: 2px; color: #91a0ae; background: #596775; font-style: normal; }
.cdk-snort-flow > i::after { position: absolute; top: 50%; right: 0.05rem; width: 0.46rem; height: 0.46rem; border-top: 2px solid currentColor; border-right: 2px solid currentColor; content: ""; transform: translateY(-50%) rotate(45deg); }
.cdk-snort-flow > strong span { margin-top: 0.2rem; color: #9eaab6; font-size: 0.52rem; }
.cdk-snort-flow[data-snort-flow="alert"] > i { color: #62c98a; background: #45ad70; }
.cdk-snort-flow[data-snort-flow="alert"] > strong { border-color: #45ad70; background: #183528; }
.cdk-snort-flow[data-snort-flow="alert"] > strong span { color: #83dfa6; font-weight: 800; }
.cdk-snort-test-card { display: flex; margin: 0.65rem 0; padding: 0.65rem; align-items: center; justify-content: space-between; gap: 0.7rem; border: 1px solid #414e5a; background: #202934; }
.md-typeset .cdk-snort-test-card h4,
.cdk-product-lab--snort .cdk-snort-test-card h4 { margin: 0.12rem 0; color: #fff !important; font-size: 0.75rem; }
.cdk-snort-test-card p { margin: 0 !important; color: #b8c4ce; }
.cdk-snort-test-card button { flex: 0 0 auto; }

.cdk-snort-negative-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; }
.cdk-snort-negative-grid article { padding: 0.65rem; border: 1px solid #414e5a; background: #202934; }
.cdk-snort-negative-grid article > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem; }
.cdk-snort-negative-grid article > header div { display: grid; gap: 0.1rem; }
.cdk-snort-negative-grid article small { color: #ff8585; font-size: 0.5rem; font-weight: 800; }
.cdk-snort-negative-grid article p { color: #b8c3cd; }
.cdk-snort-negative-grid article button { width: 100%; }
.cdk-product-lab--snort .cdk-snort-negative-grid output { display: block; margin: 0.45rem 0 0; padding: 0.4rem; color: #bec9d3; background: #182029; text-align: center; }
.cdk-snort-comparison { margin-top: 0.65rem; overflow-x: auto; border: 1px solid #414e5a; }
.cdk-snort-comparison > header { display: flex; padding: 0.48rem 0.58rem; align-items: center; justify-content: space-between; gap: 0.5rem; background: #252f39; }
.cdk-snort-comparison > header span { color: #aeb9c4; font-size: 0.54rem; }
.md-typeset .cdk-snort-comparison table,
.cdk-product-lab--snort .cdk-snort-comparison table { display: table !important; width: 100% !important; min-width: 30rem; margin: 0; border-collapse: collapse; color: #e5eaf0; background: #1a222b; }
.cdk-snort-comparison :is(th, td) { padding: 0.45rem 0.55rem; border-bottom: 1px solid #3b4652; text-align: left; }
.cdk-snort-comparison th { color: #aeb9c4; background: #202934; font-size: 0.52rem; text-transform: uppercase; }
.cdk-snort-comparison .is-pass { color: #bfe9ca; font-weight: 750; }

.cdk-snort-evidence { display: grid; grid-template-columns: minmax(14rem, 0.75fr) minmax(0, 1.25fr); gap: 0.65rem; }
.cdk-snort-evidence > :is(section, fieldset) { margin: 0; padding: 0.65rem; border: 1px solid #414e5a; background: #202934; }
.cdk-snort-evidence ul { display: grid; margin: 0.5rem 0 0 !important; padding: 0 !important; gap: 0.36rem; list-style: none; }
.cdk-snort-evidence li { display: flex; align-items: center; gap: 0.4rem; }
.cdk-snort-evidence li span { display: grid; width: 1.05rem; height: 1.05rem; place-items: center; border-radius: 50%; color: #d7f2de; background: #296642; font-size: 0.52rem; }
.cdk-snort-evidence legend { padding: 0 0.25rem; color: #e5eaf0; font-weight: 750; }
.cdk-snort-evidence fieldset { display: grid; gap: 0.4rem; }
.cdk-product-lab--snort .cdk-snort-evidence fieldset button { padding: 0.55rem; border-color: #4b5865; background: #182029; text-align: left; }
.cdk-product-lab--snort .cdk-snort-evidence fieldset button[aria-pressed="true"] { border-color: #e06464; background: #35242a; }
.cdk-product-lab--snort .cdk-snort-evidence fieldset button[data-answer="correct"] { border-color: #45ad70; color: #dff7e8; background: #183528; }
.cdk-product-lab--snort .cdk-snort-evidence fieldset button[data-answer="incorrect"] { border-color: #e06464; color: #ffe1e1; background: #3a242a; }
.cdk-product-lab--snort button[data-snort-negative][data-answer="correct"] { opacity: 1; border-color: #45ad70; color: #dff7e8; background: #183528; }
.cdk-snort-builder[data-valid="true"] form { border-color: #45ad70; box-shadow: inset 0 0 0 1px #45ad70; }

@container cdk-snort (max-width: 52rem) {
  .cdk-snort-guide,
  .cdk-snort-mission,
  .cdk-snort-builder,
  .cdk-snort-evidence { grid-template-columns: 1fr; }
  .cdk-snort-packets { grid-template-columns: 1fr; }
  .cdk-product-lab--snort .cdk-snort-packets button { min-height: 0; }
}

@container cdk-snort (max-width: 36rem) {
  .cdk-snort-topbar { align-items: flex-start; flex-direction: column; }
  .cdk-snort-topbar > div:last-child { width: 100%; justify-content: space-between; }
  .cdk-snort-progress li span,
  .cdk-snort-progress li::after { display: none; }
  .md-typeset ol.cdk-snort-progress,
  .cdk-product-lab--snort ol.cdk-snort-progress { grid-template-columns: repeat(6, minmax(2rem, 1fr)) !important; }
  .cdk-snort-progress li { justify-content: center; }
  .cdk-snort-terms dl,
  .cdk-snort-negative-grid { grid-template-columns: 1fr; }
  .cdk-snort-terms dl div { grid-template-columns: 1fr; }
  .cdk-snort-builder form { grid-template-columns: 1fr; }
  .cdk-snort-builder label.is-wide { grid-column: auto; }
  .cdk-snort-flow { grid-template-columns: 1fr; }
  .cdk-snort-flow > i { width: 2px; height: 1.6rem; justify-self: center; }
  .cdk-snort-flow > i::after { top: auto; right: 50%; bottom: 0.05rem; transform: translateX(50%) rotate(135deg); }
  .cdk-snort-test-card { align-items: stretch; flex-direction: column; }
  .cdk-snort-step-actions { align-items: stretch; flex-direction: column; }
  .cdk-snort-step-actions button { width: 100%; }
}

.cdk-product-lab__pipeline {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 0.5rem;
  padding: 0.9rem;
  align-items: center;
  text-align: center;
}

.cdk-product-lab__pipeline > :is(span, strong) { padding: 0.55rem; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 0.3rem; }
.cdk-product-lab--suricata {
  container: cdk-suricata / inline-size;
  --cdk-suricata-surface: color-mix(in srgb, var(--md-default-bg-color) 94%, var(--md-default-fg-color) 6%);
  --cdk-suricata-border: color-mix(in srgb, var(--md-default-fg-color) 22%, transparent);
  --cdk-suricata-secondary-text: color-mix(in srgb, var(--md-default-fg-color) 78%, transparent);
  font-size: 0.72rem;
}
.cdk-product-lab--suricata .cdk-product-lab__topbar { border-bottom: 0.12rem solid #ee7d32; }
.cdk-product-lab--suricata .cdk-product-lab__topbar small { color: var(--cdk-suricata-secondary-text); font-size: 0.65rem; }
.cdk-suricata-brand { display: flex; align-items: center; gap: 0.38rem; }
.cdk-suricata-logo { display: block; width: 2.8rem; height: 2rem; flex: 0 0 2.8rem; overflow: hidden; }
.cdk-suricata-logo img { display: block; width: 2.8rem; max-width: none; height: 2.8rem; object-fit: contain; transform: translateY(-0.42rem); }
.cdk-suricata-safety { display: flex; padding: 0.52rem 0.8rem; align-items: baseline; gap: 0.5rem; border-bottom: 1px solid #e1bd78; color: #60470f; background: color-mix(in srgb, #fff1c8 70%, var(--md-default-bg-color)); }
.cdk-suricata-safety strong { flex: 0 0 auto; }
.cdk-suricata-mission { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 1fr); gap: 0.8rem; padding: 0.8rem; border-bottom: 1px solid var(--cdk-suricata-border); background: color-mix(in srgb, #dceffc 45%, var(--md-default-bg-color)); }
.cdk-suricata-mission > div:first-child { display: grid; align-content: center; gap: 0.22rem; }
.cdk-suricata-mission > div:first-child > span { color: #0b6fae; font-size: 0.58rem; font-weight: 750; letter-spacing: 0.05em; text-transform: uppercase; }
.cdk-suricata-mission > div:first-child > strong { color: var(--md-default-fg-color); font-size: 0.82rem; }
.cdk-suricata-mission p { margin: 0.15rem 0 0; color: var(--cdk-suricata-secondary-text); }
.cdk-suricata-mission dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.35rem; margin: 0; }
.cdk-suricata-mission dl > div { padding: 0.38rem 0.45rem; border: 1px solid var(--cdk-suricata-border); border-radius: 0.22rem; background: var(--md-default-bg-color); }
.cdk-suricata-mission :is(dt, dd) { margin: 0; }
.cdk-suricata-mission dt { color: var(--md-default-fg-color); font-weight: 700; }
.cdk-suricata-mission dd { color: var(--cdk-suricata-secondary-text); font-size: 0.6rem; }
.md-typeset details.cdk-suricata-terms,
.cdk-product-lab--suricata details.cdk-suricata-terms { margin: 0; border: 0; border-bottom: 1px solid var(--cdk-suricata-border); border-radius: 0; background: color-mix(in srgb, #dceffc 48%, var(--md-default-bg-color)); box-shadow: none; }
.cdk-suricata-terms summary { display: flex; min-height: 2.3rem; padding: 0.5rem 0.8rem !important; align-items: center; color: var(--md-default-fg-color) !important; background: transparent !important; list-style: none; }
.cdk-suricata-terms summary::-webkit-details-marker { display: none; }
.cdk-suricata-terms summary::before { display: none !important; content: none !important; }
.cdk-suricata-terms summary > span { display: flex; align-items: center; gap: 0.42rem; }
.cdk-suricata-terms summary i { display: grid; width: 1.15rem; height: 1.15rem; place-items: center; border-radius: 50%; color: #fff; background: #2b91cb; font-style: normal; }
.cdk-suricata-terms dl { display: grid; margin: 0; padding: 0.7rem 0.8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 0.85rem; border-top: 1px solid var(--cdk-suricata-border); }
.cdk-suricata-terms dl div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 0.4rem; }
.cdk-suricata-terms :is(dt, dd) { margin: 0; }
.cdk-suricata-terms dt { color: #a94f17; font-weight: 750; }
.cdk-suricata-terms dd { color: var(--cdk-suricata-secondary-text); }
.md-typeset ol.cdk-suricata-progress,
.cdk-product-lab--suricata ol.cdk-suricata-progress { display: grid; width: 100%; margin: 0; padding: 0.58rem 0.8rem; grid-template-columns: repeat(6, minmax(6rem, 1fr)); overflow-x: auto; border-bottom: 1px solid var(--cdk-suricata-border); background: var(--md-default-bg-color); list-style: none; }
.cdk-suricata-progress li { display: flex; min-width: 0; margin: 0; align-items: center; gap: 0.3rem; color: var(--md-default-fg-color--light); font-size: 0.59rem; }
.cdk-suricata-progress li:not(:last-child)::after { height: 1px; flex: 1; margin: 0 0.28rem; content: ""; background: var(--cdk-suricata-border); }
.cdk-suricata-progress b { display: grid; width: 1.35rem; height: 1.35rem; flex: 0 0 1.35rem; place-items: center; border: 1px solid var(--cdk-suricata-border); border-radius: 50%; color: inherit; background: var(--md-default-bg-color); }
.cdk-suricata-progress li[aria-current="step"] { color: var(--md-default-fg-color); font-weight: 700; }
.cdk-suricata-progress li[aria-current="step"] b { border-color: #d86520; color: #fff; background: #d86520; }
.cdk-suricata-progress li[data-complete="true"] { color: #28713b; font-weight: 700; }
.cdk-suricata-progress li[data-complete="true"] b { border-color: #37804a; color: #fff; background: #37804a; }
.cdk-suricata-progress li[data-complete="true"]::after { background: #65a977; }
.cdk-suricata-state {
  padding: 0.16rem 0.42rem;
  border: 1px solid var(--cdk-suricata-border);
  border-radius: 0.24rem;
  color: var(--md-default-fg-color);
  background: var(--cdk-suricata-surface);
  font-weight: 650;
}
.cdk-suricata-state[data-status="validated"] { border-color: #2979b8; color: #0b5f99; background: color-mix(in srgb, #dceffc 72%, var(--md-default-bg-color)); }
.cdk-suricata-state[data-status="active"],
.cdk-suricata-state[data-status="testing"] { border-color: #c66727; color: #a04b15; background: color-mix(in srgb, #ffe5d1 72%, var(--md-default-bg-color)); }
.cdk-suricata-state[data-status="evidence"],
.cdk-suricata-state[data-status="rollback"] { border-color: #8b6a20; color: #765710; background: color-mix(in srgb, #fff1c8 72%, var(--md-default-bg-color)); }
.cdk-suricata-state[data-status="passed"] { border-color: #37804a; color: #246b37; background: color-mix(in srgb, #dcf2e2 72%, var(--md-default-bg-color)); }
.cdk-suricata-state[data-status="confirmed"] { border-color: #37804a; color: #246b37; background: color-mix(in srgb, #dcf2e2 72%, var(--md-default-bg-color)); }
.cdk-suricata-state[data-status="error"] { border-color: #b54848; color: #9d2929; background: color-mix(in srgb, #f9dddd 72%, var(--md-default-bg-color)); }
body[data-md-color-scheme="slate"] .cdk-suricata-state[data-status="validated"] { color: #a9d9fa; }
body[data-md-color-scheme="slate"] .cdk-suricata-state:is([data-status="active"], [data-status="testing"]) { color: #ffc28f; }
body[data-md-color-scheme="slate"] .cdk-suricata-state:is([data-status="evidence"], [data-status="rollback"]) { color: #f2d27d; }
body[data-md-color-scheme="slate"] .cdk-suricata-state[data-status="passed"] { color: #a9e1b6; }
body[data-md-color-scheme="slate"] .cdk-suricata-state[data-status="confirmed"] { color: #a9e1b6; }
body[data-md-color-scheme="slate"] .cdk-suricata-state[data-status="error"] { color: #ffb1b1; }
.cdk-product-lab--suricata .cdk-product-lab__pipeline { border-bottom: 1px solid var(--cdk-suricata-border); }
.cdk-product-lab--suricata .cdk-product-lab__pipeline > :is(span, strong) { display: grid; gap: 0.12rem; background: var(--cdk-suricata-surface); }
.cdk-product-lab--suricata .cdk-product-lab__pipeline strong { border-color: #ee7d32; }
.cdk-product-lab--suricata .cdk-product-lab__pipeline small { color: var(--cdk-suricata-secondary-text); font-size: 0.65rem; font-weight: 400; }
.cdk-product-lab--suricata .cdk-product-lab__pipeline strong em { color: var(--cdk-suricata-secondary-text); font-size: 0.58rem; font-style: normal; font-weight: 650; }
.cdk-product-lab--suricata .cdk-product-lab__pipeline[data-mode="inline"] strong { border-color: #2b91cb; box-shadow: inset 0 0 0 1px color-mix(in srgb, #2b91cb 18%, transparent); }
.cdk-product-lab--suricata .cdk-product-lab__pipeline[data-traffic="blocked"] strong { border-color: #b54848; }
.cdk-product-lab--suricata .cdk-product-lab__pipeline[data-traffic="verified"] strong { border-color: #37804a; }
.cdk-suricata-flow { position: relative; display: block; width: 2.2rem; height: 2px; color: var(--md-default-fg-color--light); background: var(--cdk-suricata-border); }
.cdk-suricata-flow::after { position: absolute; top: 50%; right: 0.05rem; width: 0.42rem; height: 0.42rem; border-top: 2px solid currentColor; border-right: 2px solid currentColor; content: ""; transform: translateY(-50%) rotate(45deg); }
.cdk-product-lab__pipeline[data-traffic="blocked"] .cdk-suricata-flow:first-of-type { color: #c94949; background: #c94949; }
.cdk-product-lab__pipeline[data-traffic="verified"] .cdk-suricata-flow { color: #37804a; background: #37804a; }
.cdk-suricata-traffic-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem; padding: 0 0.9rem 0.75rem; border-bottom: 1px solid var(--cdk-suricata-border); }
.cdk-suricata-traffic-results span { padding: 0.35rem 0.45rem; border-left: 0.15rem solid var(--cdk-suricata-border); color: var(--cdk-suricata-secondary-text); background: var(--cdk-suricata-surface); }
.cdk-suricata-traffic-results span[data-status="blocked"] { border-left-color: #b54848; color: var(--md-default-fg-color); }
.cdk-suricata-traffic-results span[data-status="allowed"] { border-left-color: #37804a; color: var(--md-default-fg-color); }
.cdk-suricata-step { padding: 0.8rem; border-top: 1px solid var(--cdk-suricata-border); }
.cdk-suricata-traffic-results + .cdk-suricata-step { border-top: 0; }
.cdk-suricata-step[aria-disabled="true"] { color: var(--md-default-fg-color--light); background: color-mix(in srgb, var(--md-default-bg-color) 97%, var(--md-default-fg-color) 3%); }
.cdk-suricata-step > header { display: flex; margin-bottom: 0.65rem; align-items: flex-start; gap: 0.55rem; }
.cdk-suricata-step > header > span { display: grid; width: 1.45rem; height: 1.45rem; flex: 0 0 1.45rem; place-items: center; border-radius: 0.22rem; color: #fff; background: #d86520; font-weight: 700; }
.cdk-suricata-step > header > div { display: grid; gap: 0.12rem; }
.cdk-suricata-step > header > [data-suricata-review] { margin-left: auto; padding: 0.22rem 0.42rem; border-color: var(--cdk-suricata-border); color: var(--md-default-fg-color); background: transparent; font-size: 0.58rem; }
.cdk-suricata-step > header strong { color: var(--md-default-fg-color); }
.cdk-suricata-step > header small { color: var(--cdk-suricata-secondary-text); font-size: 0.65rem; font-weight: 400; }
.cdk-suricata-step > header em { color: #28713b; font-style: normal; font-weight: 650; }
body[data-md-color-scheme="slate"] .cdk-suricata-step > header em { color: #a9e1b6; }
.cdk-suricata-step.is-complete { padding-top: 0.55rem; padding-bottom: 0.55rem; background: color-mix(in srgb, var(--md-default-bg-color) 96%, var(--md-default-fg-color) 4%); }
.cdk-suricata-step.is-complete > header { margin-bottom: 0; }
.cdk-suricata-step.is-complete > header > span { background: #37804a; }
.cdk-suricata-step.is-confirmed > header > span { background: #37804a; }
.cdk-suricata-step.is-complete:not(.is-reviewing) .cdk-suricata-step__body { display: none; }
.cdk-suricata-step.is-complete.is-reviewing { padding-top: 0.8rem; padding-bottom: 0.8rem; }
.cdk-suricata-step.is-complete.is-reviewing > header { margin-bottom: 0.65rem; }
.cdk-suricata-step__body > p { margin: 0 0 0.6rem; }
.cdk-suricata-config { padding: 0; }
.cdk-suricata-config[data-valid="true"] { padding: 0.45rem; border: 1px solid #4aa264; background: color-mix(in srgb, #dcf2e2 45%, var(--md-default-bg-color)); }
.cdk-product-lab--suricata [data-suricata-create] { margin-top: 0.65rem; }
.cdk-suricata-help { padding: 0.48rem 0.55rem; border-left: 0.15rem solid #2b91cb; background: color-mix(in srgb, #dceffc 55%, var(--md-default-bg-color)); }
.cdk-suricata-rule-preview { margin: 0.6rem 0; border-left: 0.15rem solid #ee7d32; color: var(--md-default-fg-color); background: var(--cdk-suricata-surface); }
.cdk-product-lab--suricata .cdk-suricata-inline-feedback { margin: 0.55rem 0 0; }
.cdk-product-lab--suricata .cdk-suricata-inline-feedback[data-status="success"] { border-left-color: #37804a; background: color-mix(in srgb, #dcf2e2 55%, var(--md-default-bg-color)); }
.cdk-product-lab--suricata .cdk-suricata-inline-feedback[data-status="error"] { border-left-color: #b54848; background: color-mix(in srgb, #f9dddd 55%, var(--md-default-bg-color)); }
.cdk-suricata-rule-label { margin-top: 0.7rem; }
.cdk-product-lab--suricata .cdk-suricata-rule-label textarea { min-height: 5.8rem; margin-top: 0.22rem; border-color: var(--cdk-suricata-border); font-family: var(--md-code-font-family); line-height: 1.55; }
.cdk-product-lab--suricata .cdk-product-lab__controls { flex-wrap: wrap; gap: 0.45rem; }
.cdk-product-lab--suricata button:disabled { border-color: var(--cdk-suricata-border); color: var(--md-default-fg-color--light); background: var(--cdk-suricata-surface); opacity: 1; }
.cdk-product-lab--suricata button[data-result="pass"]:disabled { border-color: #37804a; color: #246b37; background: color-mix(in srgb, #dcf2e2 62%, var(--md-default-bg-color)); }
.cdk-product-lab--suricata details { margin-top: 0.6rem; border-top: 1px solid var(--cdk-suricata-border); }
.cdk-product-lab--suricata details summary { padding: 0.5rem 0; color: var(--md-default-fg-color); cursor: pointer; font-weight: 650; }
.cdk-product-lab--suricata .cdk-suricata-validation { margin: 0.6rem 0 0; }
.cdk-suricata-terminal,
.cdk-suricata-eve { margin: 0.6rem 0 0; border-left: 0.15rem solid #ee7d32; color: #e7f1f7 !important; background: #111820; font-size: 0.68rem; line-height: 1.55; }
.cdk-suricata-terminal :is(code, span),
.cdk-suricata-eve :is(code, span) { color: inherit !important; }
.cdk-suricata-eve { border-left-color: #2b91cb; color: #d9f1fc !important; }
.cdk-suricata-counters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.45rem; margin-top: 0.6rem; }
.cdk-suricata-counters > span { display: grid; gap: 0.12rem; padding: 0.5rem; border: 1px solid var(--cdk-suricata-border); background: var(--cdk-suricata-surface); }
.cdk-suricata-counters small { color: var(--cdk-suricata-secondary-text); }
.cdk-suricata-counters b { color: var(--md-default-fg-color); font-size: 0.88rem; }
.cdk-suricata-test { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.55rem; padding: 0.65rem 0; align-items: center; border-bottom: 1px solid var(--cdk-suricata-border); }
.cdk-suricata-test > div { display: grid; gap: 0.1rem; }
.cdk-suricata-test small { color: var(--cdk-suricata-secondary-text); }
.cdk-product-lab--suricata .cdk-suricata-test output { grid-column: 1 / -1; margin: 0; color: var(--md-default-fg-color); }
.cdk-product-lab--suricata .cdk-suricata-hint { margin: 0 0 0.65rem; padding: 0 !important; overflow: hidden; border: 1px solid color-mix(in srgb, #2b91cb 55%, var(--cdk-suricata-border)); border-radius: 0.25rem; background: color-mix(in srgb, #dceffc 48%, var(--md-default-bg-color)); }
.cdk-product-lab--suricata .cdk-suricata-hint summary { display: flex; width: 100%; min-height: 2.2rem; margin: 0 !important; padding: 0.5rem 0.72rem !important; box-sizing: border-box; align-items: center; color: #0b6fae; list-style: none; }
.cdk-product-lab--suricata .cdk-suricata-hint summary::-webkit-details-marker { display: none; }
.cdk-product-lab--suricata .cdk-suricata-hint summary::before { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; content: none !important; background: none !important; }
.cdk-product-lab--suricata .cdk-suricata-hint p { margin: 0; padding: 0.52rem 0.62rem; border-top: 1px solid color-mix(in srgb, #2b91cb 30%, transparent); }
.cdk-suricata-eve-highlight { display: flex; flex-wrap: wrap; gap: 0.4rem; padding: 0.6rem; align-items: center; border-left: 0.15rem solid #2b91cb; background: var(--cdk-suricata-surface); }
.cdk-suricata-eve-highlight > span { width: 100%; color: var(--cdk-suricata-secondary-text); font-weight: 650; }
.cdk-suricata-eve-highlight :is(code, strong) { padding: 0.2rem 0.35rem; color: var(--md-default-fg-color); background: var(--md-code-bg-color); }
.cdk-suricata-eve-highlight strong.is-confirmed { color: #164d25; background: #bfe9c9; box-shadow: 0 0 0 2px color-mix(in srgb, #37804a 24%, transparent); }
.cdk-suricata-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; margin-top: 0.6rem; }
.cdk-suricata-results article { min-width: 0; padding: 0.6rem; border-left: 0.15rem solid #ee7d32; background: var(--cdk-suricata-surface); }
.cdk-suricata-results article:last-child { border-left-color: #3c8b50; }
.cdk-suricata-results article > strong { color: var(--md-default-fg-color); }
.cdk-suricata-results pre { margin: 0.4rem 0 0; padding: 0; color: var(--md-default-fg-color); background: transparent; }
.cdk-suricata-check { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.55rem; margin-top: 0.6rem; align-items: end; }
.cdk-product-lab--suricata [data-suricata-rollback] { margin-top: 0.15rem; }
.cdk-suricata-recovery { display: grid; margin-top: 0.65rem; padding: 0.65rem; gap: 0.5rem; border: 1px solid var(--cdk-suricata-border); background: var(--cdk-suricata-surface); }
.cdk-suricata-recovery > p { margin: -0.25rem 0 0; color: var(--cdk-suricata-secondary-text); }
.cdk-suricata-recovery > div { display: grid; grid-template-columns: minmax(11rem, auto) minmax(0, 1fr); align-items: center; gap: 0.5rem; }
.cdk-suricata-recovery output { margin: 0 !important; }
.cdk-suricata-recovery > [data-suricata-finish] { justify-self: end; }
.cdk-product-lab--suricata > output { margin: 0.7rem; }
.cdk-product-lab--suricata > output[data-status="success"] { border-left-color: #37804a; background: color-mix(in srgb, #dcf2e2 58%, var(--md-default-bg-color)); }
.cdk-product-lab--suricata > output[data-status="error"] { border-left-color: #b54848; background: color-mix(in srgb, #f9dddd 58%, var(--md-default-bg-color)); }

@container cdk-suricata (max-width: 40rem) {
  .cdk-product-lab--suricata .cdk-product-lab__topbar { flex-wrap: wrap; gap: 0.45rem; }
  .cdk-product-lab--suricata .cdk-product-lab__topbar small { width: 100%; margin-left: 0; }
  .cdk-suricata-safety { align-items: flex-start; flex-direction: column; gap: 0.18rem; }
  .cdk-suricata-mission { grid-template-columns: 1fr; }
  .cdk-suricata-terms dl { grid-template-columns: 1fr; }
  .cdk-suricata-terms dl div { grid-template-columns: 1fr; gap: 0.08rem; }
  .cdk-product-lab--suricata .cdk-product-lab__pipeline { grid-template-columns: 1fr; }
  .cdk-product-lab--suricata .cdk-product-lab__pipeline i { transform: rotate(90deg); }
  .cdk-suricata-traffic-results { grid-template-columns: 1fr; }
  .cdk-product-lab--suricata .cdk-product-lab__form,
  .cdk-suricata-results,
  .cdk-suricata-check,
  .cdk-suricata-test { grid-template-columns: 1fr; }
  .cdk-suricata-counters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdk-product-lab--suricata .cdk-product-lab__controls { align-items: stretch; flex-direction: column; }
  .cdk-product-lab--suricata .cdk-product-lab__controls button,
  .cdk-suricata-check button { width: 100%; }
  .cdk-suricata-recovery > div { grid-template-columns: 1fr; }
  .cdk-suricata-recovery > [data-suricata-finish] { width: 100%; justify-self: stretch; }
}

.cdk-product-lab--zeek {
  container: cdk-zeek / inline-size;
  --cdk-zeek-accent: #cb6f24;
  --cdk-zeek-border: color-mix(in srgb, var(--md-default-fg-color) 22%, transparent);
  --cdk-zeek-surface: color-mix(in srgb, var(--md-default-bg-color) 95%, var(--md-default-fg-color) 5%);
  font-size: 0.7rem;
}
.cdk-product-lab--zeek .cdk-product-lab__topbar { border-bottom: 0.12rem solid var(--cdk-zeek-accent); }
.cdk-product-lab--zeek .cdk-product-lab__topbar b { color: var(--cdk-zeek-accent); }
.cdk-product-lab--zeek .cdk-product-lab__topbar span { font-weight: 650; }
.cdk-zeek-brand { display: flex; align-items: center; gap: 0.55rem; }
.cdk-zeek-brand img { display: block; width: 5.4rem; max-width: 22vw; height: 1.5rem; object-fit: contain; object-position: left center; }
.cdk-zeek-brand span { padding-left: 0.55rem; border-left: 1px solid var(--cdk-zeek-border); color: var(--md-default-fg-color); white-space: nowrap; }
.cdk-zeek-brief { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(14rem, 1fr); gap: 0.7rem; padding: 0.75rem 0.8rem; border-bottom: 1px solid var(--cdk-zeek-border); background: var(--cdk-zeek-surface); }
.cdk-zeek-brief > div { display: grid; align-content: center; gap: 0.12rem; }
.cdk-zeek-brief > div > span { color: var(--cdk-zeek-accent); font-size: 0.58rem; font-weight: 750; letter-spacing: 0.05em; text-transform: uppercase; }
.cdk-zeek-brief > div > strong { color: var(--md-default-fg-color); font-size: 0.78rem; }
.cdk-zeek-brief p { margin: 0.18rem 0 0; color: var(--md-default-fg-color--light); }
.cdk-zeek-brief details { margin: 0; border: 1px solid var(--cdk-zeek-border); background: var(--md-default-bg-color); }
.cdk-zeek-brief summary { padding: 0.42rem 0.5rem; color: var(--md-default-fg-color); cursor: pointer; font-weight: 650; }
.cdk-zeek-brief dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.35rem; margin: 0; padding: 0 0.5rem 0.5rem; }
.cdk-zeek-brief dl > div { min-width: 0; }
.cdk-zeek-brief :is(dt, dd) { margin: 0; }
.cdk-zeek-brief dt { color: var(--md-default-fg-color); font-family: var(--md-code-font-family); font-weight: 650; }
.cdk-zeek-brief dd { color: var(--md-default-fg-color--light); }
.cdk-zeek-progress { display: flex; padding: 0.65rem 0.8rem; align-items: center; justify-content: center; }
.cdk-zeek-progress span { display: grid; width: 1.35rem; height: 1.35rem; flex: 0 0 1.35rem; place-items: center; border: 1px solid var(--cdk-zeek-border); border-radius: 50%; color: var(--md-default-fg-color--light); background: var(--md-default-bg-color); font-weight: 650; }
.cdk-zeek-progress i { width: min(3.2rem, 8vw); height: 1px; background: var(--cdk-zeek-border); }
.cdk-zeek-progress span[aria-current="step"] { border-color: var(--cdk-zeek-accent); color: #fff; background: var(--cdk-zeek-accent); }
.cdk-zeek-progress span[data-complete="true"] { border-color: #37804a; color: #fff; background: #37804a; }
.cdk-zeek-notebook { display: grid; grid-template-columns: auto repeat(5, minmax(0, 1fr)); gap: 0.35rem; padding: 0 0.8rem 0.65rem; align-items: stretch; }
.cdk-zeek-notebook > strong { display: flex; padding-right: 0.25rem; align-items: center; color: var(--md-default-fg-color); }
.cdk-zeek-notebook > span { display: grid; min-width: 0; gap: 0.08rem; padding: 0.35rem 0.4rem; border: 1px dashed var(--cdk-zeek-border); color: var(--md-default-fg-color--light); background: var(--cdk-zeek-surface); }
.cdk-zeek-notebook > span.is-found { border-style: solid; border-color: #37804a; color: var(--md-default-fg-color); background: color-mix(in srgb, #37804a 10%, var(--md-default-bg-color)); }
.cdk-zeek-notebook small { color: inherit; font-weight: 650; }
.cdk-zeek-notebook code { min-width: 0; overflow: hidden; color: inherit; background: transparent; text-overflow: ellipsis; white-space: nowrap; }
.cdk-zeek-task { display: grid; gap: 0.12rem; padding: 0.65rem 0.8rem; border-top: 1px solid var(--cdk-zeek-border); border-bottom: 1px solid var(--cdk-zeek-border); background: var(--cdk-zeek-surface); }
.cdk-zeek-task > span { color: var(--cdk-zeek-accent); font-size: 0.58rem; font-weight: 750; letter-spacing: 0.05em; text-transform: uppercase; }
.cdk-zeek-task > strong { color: var(--md-default-fg-color); font-size: 0.78rem; }
.cdk-zeek-task p { margin: 0; color: var(--md-default-fg-color--light); }
.cdk-zeek-log { overflow-x: auto; padding: 0.65rem 0.8rem 0; }
.cdk-zeek-log > header { display: flex; gap: 0.5rem; margin-bottom: 0.35rem; align-items: baseline; }
.cdk-zeek-log > header strong { color: var(--md-default-fg-color); font-family: var(--md-code-font-family); }
.cdk-zeek-log > header span { color: var(--md-default-fg-color--light); }
.cdk-zeek-row { display: grid; min-width: 42rem; width: 100%; padding: 0; border: 0; border-bottom: 1px solid var(--cdk-zeek-border); border-radius: 0; color: var(--md-default-fg-color); background: transparent; font-family: var(--md-code-font-family); text-align: left; }
.cdk-zeek-row--conn { grid-template-columns: 5.2rem 5.7rem 7rem 8.5rem 3.5rem 4rem; }
.cdk-zeek-row--dns { grid-template-columns: 5.2rem 5.7rem 7rem 11rem 9rem; }
.cdk-zeek-row--http { grid-template-columns: 5.2rem 5.7rem 4rem 11rem 8rem 4rem; }
.cdk-zeek-row--files { grid-template-columns: 5.2rem 5.7rem 5.7rem 11rem 7rem 5rem; }
.cdk-zeek-row > :is(span, code, b) { min-width: 0; padding: 0.42rem 0.38rem; overflow: hidden; color: inherit; background: transparent; text-overflow: ellipsis; white-space: nowrap; }
.cdk-zeek-row--head { color: var(--md-default-fg-color--light); background: var(--cdk-zeek-surface); }
.cdk-zeek-row:not(.cdk-zeek-row--head):is(:hover, :focus-visible) { color: var(--md-default-fg-color); background: color-mix(in srgb, var(--cdk-zeek-accent) 12%, var(--md-default-bg-color)); }
.cdk-zeek-row[aria-pressed="true"] { color: var(--md-default-fg-color); background: color-mix(in srgb, var(--cdk-zeek-accent) 20%, var(--md-default-bg-color)); box-shadow: inset 0.18rem 0 var(--cdk-zeek-accent); }
.cdk-zeek-conclusions { display: grid; gap: 0.45rem; padding: 0.8rem; }
.cdk-zeek-conclusions[hidden] { display: none; }
.cdk-zeek-conclusions button { padding: 0.55rem 0.65rem; border: 1px solid var(--cdk-zeek-border); color: var(--md-default-fg-color); background: var(--md-default-bg-color); text-align: left; }
.cdk-zeek-conclusions button:is(:hover, :focus-visible),
.cdk-zeek-conclusions button[aria-pressed="true"] { border-color: var(--cdk-zeek-accent); background: color-mix(in srgb, var(--cdk-zeek-accent) 14%, var(--md-default-bg-color)); }
.cdk-zeek-feedback { display: block; min-height: 2.1rem; margin: 0.65rem 0.8rem; padding: 0.5rem 0.6rem; border-left: 0.15rem solid var(--cdk-zeek-accent); color: var(--md-default-fg-color); background: var(--cdk-zeek-surface); }
.cdk-zeek-feedback[data-state="correct"] { border-left-color: #37804a; background: color-mix(in srgb, #37804a 14%, var(--md-default-bg-color)); }
.cdk-zeek-feedback[data-state="hint"] { border-left-color: #c45d08; background: color-mix(in srgb, #e87918 15%, var(--md-default-bg-color)); }
.cdk-zeek-actions { display: flex; gap: 0.45rem; padding: 0 0.8rem 0.8rem; }
.cdk-zeek-actions button { color: var(--md-default-fg-color); background: var(--md-default-bg-color); }
.cdk-zeek-actions button:first-child { border-color: var(--cdk-zeek-accent); }
.cdk-zeek-actions button:disabled { color: var(--md-default-fg-color--light); background: var(--cdk-zeek-surface); opacity: 1; }
@container cdk-zeek (max-width: 36rem) {
  .cdk-product-lab--zeek .cdk-product-lab__topbar { flex-wrap: wrap; gap: 0.4rem; }
  .cdk-product-lab--zeek .cdk-product-lab__topbar small { width: 100%; margin-left: 0; }
  .cdk-zeek-brief { grid-template-columns: 1fr; }
  .cdk-zeek-notebook { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdk-zeek-notebook > strong { grid-column: 1 / -1; }
  .cdk-zeek-notebook > span:last-child { grid-column: 1 / -1; }
  .cdk-zeek-log { overflow-x: visible; }
  .cdk-zeek-row { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.2rem; margin-bottom: 0.45rem; padding: 0.35rem; border: 1px solid var(--cdk-zeek-border); }
  .cdk-zeek-row--head { display: none; }
  .cdk-zeek-row > :is(span, code) { padding: 0.25rem; overflow: visible; text-overflow: clip; white-space: normal; }
  .cdk-zeek-row > :is(span, code)::before { display: block; margin-bottom: 0.06rem; color: var(--md-default-fg-color--light); font-family: var(--md-text-font-family); font-size: 0.55rem; font-weight: 650; }
  .cdk-zeek-row > :nth-child(1)::before { content: "Time"; }
  .cdk-zeek-row--conn > :nth-child(2)::before,
  .cdk-zeek-row--dns > :nth-child(2)::before,
  .cdk-zeek-row--http > :nth-child(2)::before { content: "UID"; }
  .cdk-zeek-row--conn > :nth-child(3)::before,
  .cdk-zeek-row--dns > :nth-child(3)::before { content: "Originator"; }
  .cdk-zeek-row--conn > :nth-child(4)::before { content: "Responder"; }
  .cdk-zeek-row--conn > :nth-child(5)::before { content: "Port"; }
  .cdk-zeek-row--conn > :nth-child(6)::before { content: "Service"; }
  .cdk-zeek-row--dns > :nth-child(4)::before { content: "Query"; }
  .cdk-zeek-row--dns > :nth-child(5)::before { content: "Answers"; }
  .cdk-zeek-row--http > :nth-child(3)::before { content: "Method"; }
  .cdk-zeek-row--http > :nth-child(4)::before { content: "Host"; }
  .cdk-zeek-row--http > :nth-child(5)::before { content: "URI"; }
  .cdk-zeek-row--http > :nth-child(6)::before { content: "Status"; }
  .cdk-zeek-row--files > :nth-child(2)::before { content: "FUID"; }
  .cdk-zeek-row--files > :nth-child(3)::before { content: "UID"; }
  .cdk-zeek-row--files > :nth-child(4)::before { content: "MIME type"; }
  .cdk-zeek-row--files > :nth-child(5)::before { content: "Filename"; }
  .cdk-zeek-row--files > :nth-child(6)::before { content: "Bytes"; }
  .cdk-zeek-actions { align-items: stretch; flex-direction: column; }
  .cdk-zeek-actions button { width: 100%; }
}

.cdk-product-lab--zui {
  --cdk-zui-blue: #0878dc;
  --cdk-zui-orange: #fa5b16;
  --cdk-zui-border: color-mix(in srgb, var(--md-default-fg-color) 22%, transparent);
  overflow: hidden;
  border: 1px solid var(--cdk-zui-border);
  border-radius: 0.12rem;
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
  font-family: var(--md-code-font-family);
  font-size: 0.61rem;
}

.cdk-zui__tabs {
  display: flex;
  min-height: 1.82rem;
  padding: 0 0.18rem;
  align-items: stretch;
  gap: 0.08rem;
  border-bottom: 1px solid var(--cdk-zui-border);
  background: color-mix(in srgb, var(--md-default-bg-color) 91%, var(--md-default-fg-color) 9%);
}
.cdk-zui__tabs > :is(span, button) { display: flex; min-height: 1.45rem; padding: 0.2rem 0.42rem; align-items: center; border: 0; border-radius: 0; color: var(--md-default-fg-color--light); background: transparent; font-size: inherit; font-weight: 400; }
.cdk-zui__tabs .cdk-zui__brand { width: 1.9rem; padding: 0.14rem 0.25rem; justify-content: center; }
.cdk-zui__brand img { display: block; width: 1.48rem; height: 1.48rem; max-width: none; object-fit: contain; }
.cdk-zui__tabs button.is-active { border-bottom: 2px solid var(--cdk-zui-blue); color: var(--md-default-fg-color); background: var(--md-default-bg-color); }

.cdk-zui__workspace { display: grid; grid-template-columns: minmax(0, 1fr) 14.5rem; min-height: 25rem; }
.cdk-zui__main { display: grid; min-width: 0; grid-template-rows: auto auto auto 5rem auto auto minmax(9.5rem, 1fr) auto; border-right: 1px solid var(--cdk-zui-border); }
.cdk-zui__query-toolbar { display: flex; min-height: 1.55rem; padding: 0.12rem 0.35rem; align-items: center; gap: 0.42rem; }
.cdk-zui__query-toolbar strong { font-family: var(--md-text-font-family); font-weight: 600; }
.cdk-zui__query-toolbar i { flex: 1; }
.cdk-product-lab--zui .cdk-zui__query-toolbar button { display: grid; width: 1.25rem; height: 1.25rem; padding: 0; place-items: center; border: 0; border-radius: 50%; color: var(--md-default-fg-color); background: transparent; }
.cdk-product-lab--zui .cdk-zui__query-toolbar button:last-child { border: 1px solid var(--cdk-zui-blue); color: var(--cdk-zui-blue); }
.cdk-product-lab--zui .cdk-zui__query-toolbar button:disabled { color: var(--md-default-fg-color--lighter); opacity: 0.55; }
.cdk-zui__source { display: flex; min-width: 0; padding: 0.25rem 0.65rem 0.08rem; align-items: center; gap: 0.35rem; }
.cdk-zui__source b { color: var(--cdk-zui-orange); }
.cdk-zui__source code { overflow: hidden; color: var(--md-default-fg-color); background: color-mix(in srgb, var(--md-default-bg-color) 92%, var(--md-default-fg-color) 8%); text-overflow: ellipsis; white-space: nowrap; }
.cdk-zui__editor { display: grid; min-height: 2.45rem; padding: 0.3rem 0.65rem; grid-template-columns: 1rem minmax(0, 1fr); align-items: start; gap: 0.45rem; border-bottom: 1px solid var(--cdk-zui-border); }
.cdk-zui__editor span { padding-top: 0.24rem; color: color-mix(in srgb, var(--cdk-zui-blue) 42%, var(--md-default-fg-color--light)); text-align: right; }
.cdk-product-lab--zui .cdk-zui__editor input { min-width: 0; padding: 0.18rem 0.24rem; border: 0; border-radius: 0; color: var(--md-default-fg-color); background: transparent; box-shadow: none; font-family: var(--md-code-font-family); font-size: 0.62rem; }
.cdk-zui__histogram { position: relative; padding: 0.5rem 0.55rem 0.25rem; border-bottom: 1px solid var(--cdk-zui-border); }
.cdk-zui__histogram > span { position: absolute; top: 0.3rem; left: 0.55rem; font-size: 0.48rem; }
.cdk-zui__histogram > small { position: absolute; top: 0.3rem; right: 0.55rem; color: var(--md-default-fg-color--light); font-size: 0.46rem; }
.cdk-zui__histogram > div { display: flex; height: 3.5rem; align-items: end; gap: 0.18rem; border-bottom: 1px solid var(--cdk-zui-border); }
.cdk-zui__histogram i { width: 8%; height: 4%; background: #8bc6b8; }
.cdk-zui__histogram i:nth-child(3) { height: 12%; background: #b78bbb; }
.cdk-zui__histogram i:nth-child(5) { height: 68%; background: #8d8d8d; }
.cdk-zui__histogram i:nth-child(8) { height: 18%; background: #d19d67; }
.cdk-zui__shape-summary { display: flex; min-height: 1.42rem; padding: 0.22rem 0.48rem; align-items: center; border-bottom: 1px solid var(--cdk-zui-border); font-family: var(--md-text-font-family); }
.cdk-zui__shape-summary span { color: var(--md-default-fg-color--light); }
.cdk-zui__results { min-height: 9rem; overflow: auto; }
.cdk-product-lab--zui .cdk-zui__results > button { display: grid; width: 100%; min-width: 42rem; min-height: 1.22rem; padding: 0.12rem 0.42rem; grid-template-columns: 0.7rem minmax(0, 1fr); align-items: start; border: 0; border-bottom: 1px solid color-mix(in srgb, var(--md-default-fg-color) 7%, transparent); border-radius: 0; color: var(--md-default-fg-color); background: transparent; font-size: 0.57rem; font-weight: 400; text-align: left; }
.cdk-product-lab--zui .cdk-zui__results > button:hover { background: color-mix(in srgb, var(--cdk-zui-blue) 8%, var(--md-default-bg-color)); }
.cdk-product-lab--zui .cdk-zui__results > button[aria-pressed="true"] { background: color-mix(in srgb, var(--cdk-zui-blue) 14%, var(--md-default-bg-color)); box-shadow: inset 0.14rem 0 var(--cdk-zui-blue); }
.cdk-product-lab--zui .cdk-zui__results > button[hidden] { display: none; }
.cdk-zui__results code { overflow: hidden; color: color-mix(in srgb, var(--md-default-fg-color) 78%, #486b8c); background: transparent; text-overflow: ellipsis; white-space: nowrap; }
.cdk-zui__results em { color: #8b35d2; font-style: normal; }
.cdk-zui__results mark { color: #0878dc; background: transparent; }
.cdk-zui__results b,
.cdk-zui__correlations b { padding: 0.03rem 0.2rem; border-radius: 0.06rem; color: #fff; }
.cdk-zui__results .is-dns { background: #41ad9e; }
.cdk-zui__results .is-conn,
.cdk-zui__correlations .is-conn { background: #75bfb1; }
.cdk-zui__results .is-ssl,
.cdk-zui__correlations .is-ssl { background: #171717; }
.cdk-zui__results .is-alert,
.cdk-zui__correlations .is-alert { background: #f3a900; }
.cdk-zui__results .is-alert-low { background: #d8321f; }
.cdk-zui__results .is-file { background: #9f3e9d; }
.cdk-zui__status { display: flex; min-height: 1.38rem; padding: 0.18rem 0.45rem; align-items: center; justify-content: space-between; gap: 0.5rem; border-top: 1px solid var(--cdk-zui-border); }

.cdk-zui__sidebar { min-width: 0; background: color-mix(in srgb, var(--md-default-bg-color) 96%, var(--md-default-fg-color) 4%); }
.cdk-zui__side-tabs { display: flex; min-height: 1.58rem; padding: 0 0.22rem; justify-content: flex-end; gap: 0.2rem; border-bottom: 1px solid var(--cdk-zui-border); }
.cdk-product-lab--zui .cdk-zui__side-tabs button { padding: 0.25rem 0.14rem; border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: var(--md-default-fg-color--light); background: transparent; font-size: 0.54rem; font-weight: 400; }
.cdk-product-lab--zui .cdk-zui__side-tabs button[aria-selected="true"] { border-bottom-color: var(--cdk-zui-blue); color: var(--cdk-zui-blue); }
.cdk-zui__side-empty { display: grid; min-height: 12rem; padding: 1rem; place-content: center; color: var(--md-default-fg-color--light); text-align: center; }
.cdk-zui__side-empty span { margin-top: 0.2rem; }
.cdk-zui__detail { padding: 0.7rem; }
.cdk-zui__detail > strong,
.cdk-zui__correlations section > strong { display: block; margin-bottom: 0.5rem; font-family: var(--md-text-font-family); font-size: 0.56rem; letter-spacing: 0.04em; text-transform: uppercase; }
.cdk-zui__detail dl { display: grid; margin: 0; grid-template-columns: 4.6rem minmax(0, 1fr); gap: 0; }
.cdk-zui__detail :is(dt, dd) { min-width: 0; margin: 0; padding: 0.18rem 0; overflow-wrap: anywhere; border-bottom: 1px solid color-mix(in srgb, var(--md-default-fg-color) 8%, transparent); }
.cdk-zui__detail dt { color: color-mix(in srgb, var(--md-default-fg-color) 76%, #486b8c); }
.cdk-zui__correlations { padding: 0.7rem; }
.cdk-zui__correlations section:first-child { display: grid; gap: 0.12rem; }
.cdk-product-lab--zui .cdk-zui__correlations section:first-child button { display: grid; padding: 0.22rem 0.3rem; grid-template-columns: 3rem 1fr; align-items: center; gap: 0.3rem; border: 0; border-bottom: 1px solid var(--cdk-zui-border); border-radius: 0; color: var(--md-default-fg-color); background: transparent; text-align: left; }
.cdk-zui__connection { margin-top: 1.25rem; }
.cdk-zui__connection > div { display: grid; grid-template-columns: minmax(0, 1fr) 3.4rem minmax(0, 1fr); align-items: center; gap: 0.25rem; }
.cdk-zui__connection span { display: grid; overflow: hidden; border: 1px solid var(--cdk-zui-border); border-radius: 0.15rem; text-align: center; }
.cdk-zui__connection span > * { padding: 0.13rem; }
.cdk-zui__connection span mark { color: #fff; background: #2f8bd8; }
.cdk-zui__connection span:last-child mark { background: #16bd7a; }
.cdk-zui__connection span small { color: var(--md-default-fg-color--light); }
.cdk-zui__connection i { font-style: normal; font-size: 0.47rem; line-height: 1.7; text-align: center; white-space: nowrap; }
.cdk-product-lab--zui .cdk-zui__value-filter { width: 100%; margin-top: 0.7rem; padding: 0.3rem; border-color: var(--cdk-zui-blue); color: var(--cdk-zui-blue); background: var(--md-default-bg-color); font-size: 0.55rem; }

.cdk-zui__coach { display: grid; padding: 0.55rem 0.7rem; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.7rem; border-top: 1px solid var(--cdk-zui-border); background: color-mix(in srgb, var(--cdk-zui-blue) 6%, var(--md-default-bg-color)); font-family: var(--md-text-font-family); }
.cdk-zui__coach > div:first-child { display: grid; gap: 0.05rem; }
.cdk-zui__coach span { color: var(--cdk-zui-blue); font-size: 0.52rem; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }
.cdk-zui__coach strong { font-size: 0.67rem; }
.cdk-zui__coach p { margin: 0; color: var(--md-default-fg-color--light); }
.cdk-zui__progress { display: flex; gap: 0.18rem; }
.cdk-zui__progress i { width: 0.62rem; height: 0.62rem; border: 1px solid var(--cdk-zui-border); border-radius: 50%; background: var(--md-default-bg-color); }
.cdk-zui__progress i[data-current="true"] { border-color: var(--cdk-zui-blue); background: var(--cdk-zui-blue); box-shadow: 0 0 0 0.12rem color-mix(in srgb, var(--cdk-zui-blue) 18%, transparent); }
.cdk-zui__progress i[data-complete="true"] { border-color: #37804a; background: #37804a; }
.cdk-zui__notebook { display: grid; padding: 0.5rem 0.7rem; grid-template-columns: auto repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 0.3rem; border-top: 1px solid var(--cdk-zui-border); font-family: var(--md-text-font-family); }
.cdk-zui__notebook > strong { display: flex; padding-right: 0.2rem; align-items: center; }
.cdk-zui__notebook > span { display: grid; min-width: 0; padding: 0.28rem 0.35rem; border: 1px dashed var(--cdk-zui-border); color: var(--md-default-fg-color--light); background: color-mix(in srgb, var(--md-default-bg-color) 94%, var(--md-default-fg-color) 6%); }
.cdk-zui__notebook > span.is-found { border-style: solid; border-color: #37804a; color: var(--md-default-fg-color); background: color-mix(in srgb, #37804a 10%, var(--md-default-bg-color)); }
.cdk-zui__notebook small { font-weight: 650; }
.cdk-zui__notebook code { min-width: 0; overflow: hidden; color: inherit; background: transparent; font-size: 0.51rem; text-overflow: ellipsis; white-space: nowrap; }
.cdk-zui__conclusion { display: grid; padding: 0.6rem 0.7rem; gap: 0.32rem; border-top: 1px solid var(--cdk-zui-border); font-family: var(--md-text-font-family); }
.cdk-zui__conclusion[hidden] { display: none; }
.cdk-product-lab--zui .cdk-zui__conclusion button { padding: 0.38rem 0.48rem; border: 1px solid var(--cdk-zui-border); color: var(--md-default-fg-color); background: var(--md-default-bg-color); text-align: left; }
.cdk-product-lab--zui .cdk-zui__conclusion button:hover { border-color: var(--cdk-zui-blue); background: color-mix(in srgb, var(--cdk-zui-blue) 7%, var(--md-default-bg-color)); }
.cdk-product-lab--zui .cdk-zui__conclusion button[aria-pressed="true"] { border-color: #37804a; background: color-mix(in srgb, #37804a 12%, var(--md-default-bg-color)); }
.cdk-zui__feedback { display: block; min-height: 1.9rem; margin: 0.5rem 0.7rem 0.65rem; padding: 0.4rem 0.52rem; border-left: 0.15rem solid var(--cdk-zui-blue); color: var(--md-default-fg-color); background: color-mix(in srgb, var(--cdk-zui-blue) 7%, var(--md-default-bg-color)); font-family: var(--md-text-font-family); }
.cdk-zui__feedback[data-state="correct"] { border-left-color: #37804a; background: color-mix(in srgb, #37804a 14%, var(--md-default-bg-color)); }
.cdk-zui__feedback[data-state="hint"] { border-left-color: #c45d08; background: color-mix(in srgb, #e87918 15%, var(--md-default-bg-color)); }

@media screen and (max-width: 58em) {
  .cdk-zui__workspace { grid-template-columns: minmax(0, 1fr) 12rem; }
  .cdk-zui__side-tabs { justify-content: flex-start; overflow-x: auto; }
}

@media screen and (max-width: 43em) {
  .cdk-zui__workspace { grid-template-columns: 1fr; }
  .cdk-zui__main { border-right: 0; }
  .cdk-zui__sidebar { min-height: 12rem; border-top: 1px solid var(--cdk-zui-border); }
  .cdk-zui__notebook { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdk-zui__notebook > strong { grid-column: 1 / -1; }
}

@media screen and (max-width: 30em) {
  .cdk-zui__tabs > span:nth-child(2) { display: none; }
  .cdk-zui__coach { grid-template-columns: 1fr; }
  .cdk-zui__progress { order: -1; }
  .cdk-zui__notebook { grid-template-columns: 1fr; }
}

.cdk-product-lab--wireshark {
  position: relative;
  overflow: visible;
  border: 1px solid color-mix(in srgb, var(--md-default-fg-color) 32%, transparent);
  border-radius: 0.08rem;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.64rem;
}

.cdk-ws__titlebar {
  display: grid;
  grid-template-columns: 0.9rem auto 1fr auto;
  min-height: 1.42rem;
  padding: 0.13rem 0.3rem;
  align-items: center;
  gap: 0.28rem;
  color: var(--md-default-fg-color);
  background: color-mix(in srgb, #dcebf9 72%, var(--md-default-bg-color));
}

.cdk-ws__fin {
  display: grid;
  width: 0.88rem;
  height: 0.88rem;
  place-items: center;
}
.cdk-ws__fin img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cdk-ws__window-controls {
  display: grid;
  height: 1.42rem;
  margin: -0.13rem -0.3rem -0.13rem 0;
  grid-template-columns: repeat(3, 1.65rem);
  color: var(--md-default-fg-color);
}
.cdk-ws__window-controls > span { display: grid; place-items: center; transition: background-color 80ms ease, color 80ms ease; }
.cdk-ws__window-controls > span:hover { background: color-mix(in srgb, var(--md-default-fg-color) 12%, transparent); }
.cdk-ws__window-controls > .cdk-ws__window-close:hover { color: #fff; background: #c42b1c; }
.cdk-ws__window-controls svg { display: block; width: 0.58rem; height: 0.58rem; fill: none; stroke: currentColor; stroke-width: 1.15; stroke-linecap: square; }

.cdk-ws__menubar,
.cdk-ws__toolbar {
  display: flex;
  padding: 0.05rem 0.18rem;
  align-items: center;
  gap: 0;
  background: var(--md-default-bg-color);
}

.cdk-ws__menubar { position: relative; border-bottom: 1px solid var(--md-default-fg-color--lightest); }

.cdk-product-lab--wireshark :is(.cdk-ws__menubar, .cdk-ws__toolbar) button {
  min-width: 1.2rem;
  min-height: 1.18rem;
  padding: 0.1rem 0.26rem;
  border: 0;
  border-radius: 0;
  color: var(--md-default-fg-color);
  background: transparent;
  font-size: 0.62rem;
  font-weight: 400;
}

.cdk-product-lab--wireshark :is(.cdk-ws__menubar, .cdk-ws__toolbar) button:hover {
  color: inherit;
  background: var(--md-default-fg-color--lightest);
}

.cdk-ws__toolbar { min-height: 1.58rem; border-bottom: 1px solid var(--md-default-fg-color--lightest); }
.cdk-ws__toolbar i { width: 1px; height: 1rem; margin: 0 0.2rem; background: var(--md-default-fg-color--lightest); }
.cdk-ws__toolbar button { display: grid; place-items: center; }
.cdk-ws__toolbar svg,
.cdk-ws__filterbar svg { width: 0.78rem; height: 0.78rem; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.cdk-ws__toolbar button:nth-child(1) svg { fill: #2376c8; stroke: #185e9e; }
.cdk-ws__toolbar button:nth-child(2) svg { fill: #d94646; stroke: #a91f1f; }
.cdk-ws__toolbar button:nth-child(5) svg { fill: #f1ca4c; stroke: #8a7425; }

.cdk-ws__file-menu { position: relative; }
.cdk-ws__file-popover {
  position: absolute;
  z-index: 8;
  top: calc(100% + 1px);
  left: 0;
  width: 11rem;
  padding: 0.18rem 0;
  border: 1px solid color-mix(in srgb, var(--md-default-fg-color) 36%, transparent);
  background: var(--md-default-bg-color);
  box-shadow: 0 0.35rem 0.8rem rgba(0, 0, 0, 0.2);
}
.cdk-ws__file-popover[hidden] { display: none; }
.cdk-product-lab--wireshark .cdk-ws__file-popover > button,
.cdk-product-lab--wireshark .cdk-ws__export-menu > .cdk-ws__export-label,
.cdk-ws__export-menu > div button {
  display: flex;
  width: 100%;
  min-height: 1.35rem;
  padding: 0.2rem 0.48rem;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.cdk-ws__file-popover kbd { margin-left: auto; color: var(--md-default-fg-color--light); background: transparent; box-shadow: none; font-size: 0.55rem; }
.cdk-ws__file-popover hr { margin: 0.14rem 0; border: 0; border-top: 1px solid var(--md-default-fg-color--lightest); }
.cdk-ws__export-menu { position: relative; }
.cdk-ws__export-menu > div { position: absolute; display: none; top: -0.18rem; left: calc(100% - 0.1rem); width: 7rem; padding: 0.18rem 0; border: 1px solid color-mix(in srgb, var(--md-default-fg-color) 36%, transparent); background: var(--md-default-bg-color); box-shadow: 0 0.35rem 0.8rem rgba(0, 0, 0, 0.2); }
.cdk-ws__export-menu:hover > div,
.cdk-ws__export-menu:focus-within > div { display: block; }
.cdk-product-lab--wireshark .cdk-ws__export-menu > .cdk-ws__export-label:hover,
.cdk-product-lab--wireshark .cdk-ws__export-menu > .cdk-ws__export-label:focus,
.cdk-ws__export-menu > div button:hover { background: #1676c4; color: #fff; }

.cdk-ws__filterbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto auto;
  min-height: 1.72rem;
  padding: 0.15rem 0.22rem;
  align-items: center;
  gap: 0.16rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  background: color-mix(in srgb, var(--md-default-bg-color) 94%, var(--md-default-fg-color) 6%);
}

.cdk-ws__bookmark { display: grid; width: 0.72rem; height: 0.88rem; place-items: center; color: #4d83b7; }
.cdk-ws__bookmark svg { display: block; width: 100%; height: 100%; fill: color-mix(in srgb, #dcebf9 28%, transparent); stroke: currentColor; stroke-width: 1.35; stroke-linejoin: round; }

.cdk-product-lab--wireshark .cdk-ws__filterbar input {
  min-height: 1.2rem;
  padding: 0.12rem 0.28rem;
  border: 1px solid color-mix(in srgb, #3fa653 65%, var(--md-default-fg-color--lightest));
  border-radius: 0.08rem;
  background: color-mix(in srgb, #d9f5df 62%, var(--md-default-bg-color));
  font-family: var(--md-code-font-family);
  font-size: 0.61rem;
}

.cdk-product-lab--wireshark .cdk-ws__filterbar[data-state="empty"] input {
  border-color: color-mix(in srgb, var(--md-default-fg-color) 34%, transparent);
  background: var(--md-default-bg-color);
}

.cdk-product-lab--wireshark .cdk-ws__filterbar[data-state="invalid"] input {
  border-color: #c23b3b;
  background: color-mix(in srgb, #ffd8d8 65%, var(--md-default-bg-color));
}

.cdk-product-lab--wireshark .cdk-ws__filterbar button { display: grid; min-width: 1.25rem; min-height: 1.2rem; padding: 0.08rem; place-items: center; border: 0; border-radius: 0; background: transparent; }
.cdk-product-lab--wireshark .cdk-ws__filterbar [data-wireshark-apply] { color: #fff; background: #4f8bc3; }

.cdk-ws__packet-list { display: grid; max-height: 11.4rem; overflow: auto; background: color-mix(in srgb, #dfffc7 62%, var(--md-default-bg-color)); }
.cdk-ws__packet-header,
.cdk-ws__packet-list > button {
  display: grid;
  min-width: 45rem;
  grid-template-columns: 2.8rem 5rem 6.2rem 6.2rem 4.1rem 3.4rem minmax(12rem, 1fr);
  align-items: center;
}

.cdk-ws__packet-header {
  position: sticky;
  z-index: 2;
  top: 0;
  padding: 0.12rem 0.25rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  color: var(--md-default-fg-color);
  background: color-mix(in srgb, var(--md-default-bg-color) 88%, var(--md-default-fg-color) 12%);
  font-weight: 650;
}

.cdk-product-lab--wireshark .cdk-ws__packet-list > button {
  min-height: 1.04rem;
  padding: 0.08rem 0.25rem;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--md-default-fg-color) 8%, transparent);
  border-radius: 0;
  color: var(--md-default-fg-color);
  background: transparent;
  font-size: 0.6rem;
  font-weight: 400;
  text-align: left;
}

.cdk-product-lab--wireshark .cdk-ws__packet-list > button:hover { background: color-mix(in srgb, #9ac6ee 34%, transparent); }
.cdk-product-lab--wireshark .cdk-ws__packet-list > button[aria-pressed="true"] { color: #071a2a; background: #a9d0ef; }
.cdk-ws__packet-list[data-filtered="false"] > button { display: none; }

.cdk-ws__middle {
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) minmax(18rem, 1fr);
  min-height: 10rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

.cdk-ws__details { display: grid; align-content: start; border-right: 1px solid var(--md-default-fg-color--lightest); }
.cdk-ws__details span { min-height: 1.22rem; padding: 0.15rem 0.3rem; border-bottom: 1px solid var(--md-default-fg-color--lightest); }
.cdk-product-lab--wireshark .cdk-ws__bytes { margin: 0; padding: 0.3rem; border-radius: 0; color: var(--md-default-fg-color); background: var(--md-default-bg-color); font-size: 0.56rem; line-height: 1.42; }

.cdk-ws__status {
  display: flex;
  min-height: 1.42rem;
  padding: 0.14rem 0.3rem;
  align-items: center;
  gap: 0.8rem;
}

.cdk-ws__status { border-top: 1px solid var(--md-default-fg-color--lightest); font-size: 0.54rem; }
.cdk-ws__status span:first-child { min-width: 0; overflow: hidden; color: var(--md-default-fg-color--light); text-overflow: ellipsis; white-space: nowrap; }
.cdk-ws__status span:nth-child(2) { margin-left: auto; }
.cdk-ws__status span:last-child { padding-left: 0.55rem; border-left: 1px solid var(--md-default-fg-color--lightest); }
.cdk-product-lab--wireshark > output { margin: 0 0.45rem 0.45rem; }

.cdk-ws__dialog {
  position: absolute;
  z-index: 5;
  inset: 0;
  display: grid;
  padding: 1.2rem;
  place-items: center;
  background: rgba(0, 0, 0, 0.36);
}

.cdk-ws__dialog[hidden],
.cdk-ws__finding[hidden] { display: none; }

.cdk-ws__dialog-window {
  width: min(42rem, 100%);
  border: 1px solid var(--md-default-fg-color--lighter);
  background: var(--md-default-bg-color);
  box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.3);
}

.cdk-ws__dialog-window > :is(header, footer) { display: flex; padding: 0.45rem 0.55rem; align-items: center; gap: 0.4rem; background: color-mix(in srgb, var(--md-default-bg-color) 88%, var(--md-default-fg-color) 12%); }
.cdk-ws__dialog-window header { justify-content: space-between; }
.cdk-ws__dialog-window footer span { margin-right: auto; }
.cdk-ws__object-filter { display: grid; grid-template-columns: auto minmax(0, 1fr); padding: 0.38rem 0.5rem; align-items: center; gap: 0.4rem; border-bottom: 1px solid var(--md-default-fg-color--lightest); }
.cdk-product-lab--wireshark .cdk-ws__object-filter input { min-width: 0; padding: 0.2rem 0.3rem; border: 1px solid color-mix(in srgb, var(--md-default-fg-color) 36%, transparent); border-radius: 0; background: var(--md-default-bg-color); }
.cdk-ws__object-table { overflow-x: auto; }
.cdk-ws__object-table > :is(div, button) { display: grid; min-width: 36rem; grid-template-columns: 3.5rem 8rem 7rem 4rem minmax(9rem, 1fr); align-items: center; }
.cdk-ws__object-table > div { padding: 0.35rem 0.45rem; border-bottom: 1px solid var(--md-default-fg-color--lightest); }
.cdk-product-lab--wireshark .cdk-ws__object-table > button { padding: 0.4rem 0.45rem; border: 0; border-bottom: 1px solid var(--md-default-fg-color--lightest); border-radius: 0; color: var(--md-default-fg-color); background: transparent; text-align: left; }
.cdk-product-lab--wireshark .cdk-ws__object-table > button[aria-pressed="true"] { color: inherit; background: color-mix(in srgb, #72a8dc 42%, var(--md-default-bg-color)); }

.cdk-ws__finding { margin: 0.45rem; border: 1px solid var(--md-default-fg-color--lightest); }
.cdk-ws__finding header { display: flex; padding: 0.4rem 0.5rem; justify-content: space-between; background: color-mix(in srgb, #ffd1df 38%, var(--md-default-bg-color)); }
.cdk-product-lab--wireshark .cdk-ws__finding pre { margin: 0; border-radius: 0; }

/* Softer, higher-contrast Wireshark workspace in dark mode. */
body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark {
  border-color: #3d4a55;
  background: #11171d;
  color: #dce5ec;
  font-size: 0.7rem;
  line-height: 1.45;
}

body[data-md-color-scheme="slate"] .cdk-ws__titlebar {
  color: #17212a;
  background: #aebdca;
  font-weight: 600;
}

body[data-md-color-scheme="slate"] :is(.cdk-ws__menubar, .cdk-ws__toolbar) {
  border-color: #35414b;
  background: #151c22;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark :is(.cdk-ws__menubar, .cdk-ws__toolbar) button {
  color: #dbe5ed;
  font-size: 0.67rem;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark :is(.cdk-ws__menubar, .cdk-ws__toolbar) button:hover {
  background: #2b3945;
}

body[data-md-color-scheme="slate"] .cdk-ws__toolbar i {
  background: #44525e;
}

body[data-md-color-scheme="slate"] .cdk-ws__filterbar {
  border-color: #35414b;
  background: #182129;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark .cdk-ws__filterbar input {
  border-color: #5b9870;
  background: #263b30;
  color: #eef7f1;
  caret-color: #eef7f1;
  font-size: 0.67rem;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark .cdk-ws__filterbar input:focus {
  border-color: #7fc897;
  outline: 1px solid #7fc897;
  outline-offset: -1px;
}

body[data-md-color-scheme="slate"] .cdk-ws__packet-list {
  background: #26332b;
  scrollbar-color: #687783 #1a2229;
}

body[data-md-color-scheme="slate"] .cdk-ws__packet-header {
  border-color: #52606b;
  background: #303a42;
  color: #f2f5f7;
  font-size: 0.66rem;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark .cdk-ws__packet-list > button {
  min-height: 1.22rem;
  border-color: rgba(215, 229, 218, 0.08);
  color: #dce8df;
  background: #334438;
  font-size: 0.66rem;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark .cdk-ws__packet-list > button:nth-of-type(even) {
  background: #2f4035;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark .cdk-ws__packet-list > button:hover {
  color: #f5f9fc;
  background: #405d72;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark .cdk-ws__packet-list > button[aria-pressed="true"] {
  color: #08141d;
  background: #8fc5ea;
}

body[data-md-color-scheme="slate"] .cdk-ws__middle {
  border-color: #35414b;
  background: #11171d;
}

body[data-md-color-scheme="slate"] .cdk-ws__details {
  border-color: #35414b;
}

body[data-md-color-scheme="slate"] .cdk-ws__details span {
  border-color: #2d3942;
  color: #d4dee6;
  font-size: 0.66rem;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark .cdk-ws__bytes {
  background: #0d1318;
  color: #c8dcf0;
  font-size: 0.62rem;
}

body[data-md-color-scheme="slate"] .cdk-ws__status {
  border-color: #35414b;
  background: #182028;
  color: #d2dce4;
  font-size: 0.59rem;
}

body[data-md-color-scheme="slate"] .cdk-ws__status span:first-child {
  color: #aebbc5;
}

body[data-md-color-scheme="slate"] .cdk-ws__status span:last-child {
  border-color: #44515c;
}

body[data-md-color-scheme="slate"] .cdk-product-lab--wireshark > output {
  border-left-color: #3b9be5;
  background: #102333;
  color: #e0ebf3;
  font-size: 0.68rem;
}

@media screen and (max-width: 50em) {
  .cdk-browser-lab__routes,
  .cdk-browser-lab__workspace {
    grid-template-columns: 1fr;
  }

  .cdk-browser-lab__routes[data-route-count="3"] {
    grid-template-columns: 1fr;
  }

  .cdk-browser-lab__routes[data-route-count="3"] > div {
    grid-column: auto;
  }

  .cdk-browser-lab__routes > div {
    padding-right: 0;
    padding-left: 0;
  }

  .cdk-product-lab--splunk .cdk-product-lab__shell,
  .cdk-so-lab__workspace,
  .cdk-so-lab__decision,
  .cdk-splunk-dashboard__visuals {
    grid-template-columns: 1fr;
  }

  .cdk-product-lab--splunk .cdk-product-lab__shell > nav {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .cdk-so-lab__alerts { border-right: 0; border-bottom: 1px solid var(--md-default-fg-color--lightest); }
  .cdk-so-lab__notes { grid-row: auto; }
  .cdk-ws__middle { grid-template-columns: 1fr; }
  .cdk-ws__details { border-right: 0; border-bottom: 1px solid var(--md-default-fg-color--lightest); }
}

@media screen and (max-width: 32em) {
  .cdk-full-lab-heading {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    row-gap: 0.4rem;
  }

  .cdk-full-lab-heading em {
    grid-column: 2;
    grid-row: 3;
    justify-self: start;
  }

  .cdk-browser-lab__app > header,
  .cdk-browser-lab__app > footer {
    align-items: flex-start;
  }

  .cdk-browser-lab__app > header {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    row-gap: 0.4rem;
  }

  .cdk-browser-lab__app > header em {
    grid-column: 2;
    grid-row: 3;
    justify-self: start;
  }

  .cdk-browser-lab__app > footer {
    flex-direction: column;
  }

  .cdk-browser-lab__footer-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .cdk-browser-lab__footer-actions [data-browser-report] {
    flex: 1 1 auto;
  }

  .cdk-browser-lab__notice {
    grid-template-columns: 1fr;
  }

  .cdk-browser-lab__validate button {
    width: 100%;
  }

  .cdk-browser-lab__validate button + button {
    margin-top: 0.35rem;
    margin-left: 0;
  }

  .cdk-product-lab__form { grid-template-columns: 1fr; }
  .cdk-product-lab__heading { align-items: flex-start; flex-direction: column; }
  .cdk-product-lab__controls button { width: 100%; }
  .cdk-splunk-dashboard__bar { align-items: flex-start; flex-direction: column; }
  .cdk-splunk-dashboard__metrics { grid-template-columns: 1fr; }
  .cdk-splunk-dashboard figure { grid-template-columns: 1fr; justify-items: center; }
  .cdk-splunk-dashboard figcaption { justify-self: start; }
  .cdk-ws__dialog { padding: 0.45rem; }
  .cdk-ws__dialog-window footer { align-items: stretch; flex-direction: column; }
  .cdk-ws__dialog-window footer span { margin-right: 0; }
}

.cdk-full-lab-readiness,
.cdk-full-lab-tracks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; margin: 1rem 0; }
.cdk-full-lab-readiness > div,
.cdk-full-lab-tracks > article { min-width: 0; padding: 0.8rem 0.9rem; border: 1px solid rgba(75, 159, 255, 0.24); border-radius: 0.65rem; background: color-mix(in srgb, var(--md-default-bg-color) 96%, #4b9fff 4%); }
.cdk-full-lab-readiness span,
.cdk-full-lab-tracks > article > span,
.cdk-full-lab-tracks > article > p:first-child > span { display: block; width: fit-content; margin-bottom: 0.25rem; color: var(--md-accent-fg-color); font-size: 0.55rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; }
.md-typeset .cdk-full-lab-readiness p,
.md-typeset .cdk-full-lab-tracks p { margin: 0.25rem 0 0; color: color-mix(in srgb, var(--md-default-fg-color) 76%, transparent); font-size: 0.72rem; line-height: 1.5; }
.md-typeset .cdk-full-lab-tracks h4 { margin: 0 !important; font-size: 0.86rem; }
.cdk-full-lab-tracks > article.is-recommended { border-color: rgba(41, 182, 246, 0.72); background: color-mix(in srgb, var(--md-default-bg-color) 92%, #4b9fff 8%); box-shadow: inset 0.18rem 0 var(--md-accent-fg-color); }
.cdk-full-lab-tracks > article.is-recommended > p:first-child > span { padding: 0.12rem 0.38rem; border-radius: 999px; color: #fff; background: var(--md-accent-fg-color); letter-spacing: 0.055em; }
.md-typeset ol.cdk-full-lab-sessions { position: relative; display: grid !important; margin: 0.8rem 0 1.25rem !important; padding: 0 !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; list-style: none; }
.md-typeset ol.cdk-full-lab-sessions li { position: relative; display: grid; min-width: 0; min-height: 3.25rem; margin: 0 !important; padding: 0.68rem 0.75rem; align-content: center; gap: 0.08rem; border: 1px solid rgba(75, 159, 255, 0.28); border-top: 0.14rem solid var(--md-accent-fg-color); border-radius: 0.5rem; background: color-mix(in srgb, var(--md-default-bg-color) 95%, #4b9fff 5%); }
.md-typeset ol.cdk-full-lab-sessions li:not(:last-child)::after { position: absolute; top: 50%; right: -0.72rem; width: 0.42rem; height: 0.42rem; border-top: 0.09rem solid rgba(41, 182, 246, 0.68); border-right: 0.09rem solid rgba(41, 182, 246, 0.68); content: ""; transform: translateY(-50%) rotate(45deg); }
.cdk-full-lab-sessions b { color: var(--md-accent-fg-color); font-size: 0.62rem; }
.cdk-full-lab-sessions span { color: color-mix(in srgb, var(--md-default-fg-color) 78%, transparent); font-size: 0.68rem; font-weight: 650; }
.cdk-full-lab-sessions small { margin-top: 0.12rem; color: var(--md-default-fg-color--light); font-size: 0.56rem; }
.md-typeset .cdk-full-lab-checkpoints { display: grid; margin: 0.8rem 0 1rem !important; padding: 0 !important; gap: 0.45rem; counter-reset: full-lab-checkpoint; list-style: none; }
.md-typeset .cdk-full-lab-checkpoints li { position: relative; display: grid; min-height: 2.25rem; margin: 0 !important; padding: 0.55rem 0.65rem 0.55rem 2.65rem; align-content: center; gap: 0.08rem; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 0.45rem; background: var(--md-default-bg-color); counter-increment: full-lab-checkpoint; }
.md-typeset .cdk-full-lab-checkpoints li::before { position: absolute; top: 50%; left: 0.65rem; display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; color: #fff; background: var(--md-accent-fg-color); content: counter(full-lab-checkpoint); font-size: 0.58rem; font-weight: 800; transform: translateY(-50%); }
.cdk-full-lab-checkpoints b { color: var(--md-default-fg-color); font-size: 0.7rem; }
.cdk-full-lab-checkpoints span { color: var(--md-default-fg-color--light); font-size: 0.68rem; line-height: 1.45; }
.cdk-full-lab-milestone { display: grid; margin: 0.9rem 0; padding: 0.7rem 0.8rem; grid-template-columns: auto 1fr; align-items: center; gap: 0.1rem 0.6rem; border: 1px solid rgba(41, 182, 246, 0.38); border-radius: 0.55rem; background: linear-gradient(135deg, rgba(41, 182, 246, 0.11), rgba(75, 159, 255, 0.04)); }
.cdk-full-lab-milestone b { grid-row: 1 / 3; padding: 0.25rem 0.45rem; border-radius: 999px; color: #fff; background: var(--md-accent-fg-color); font-size: 0.58rem; }
.cdk-full-lab-milestone span { color: var(--md-default-fg-color); font-size: 0.73rem; font-weight: 750; }
.cdk-full-lab-milestone small { color: var(--md-default-fg-color--light); font-size: 0.63rem; line-height: 1.4; }
.md-typeset .cdk-full-lab-extension { margin: 1rem 0 !important; }
.md-typeset .cdk-full-lab-extension summary { padding: 0.6rem 2.2rem 0.6rem 2.25rem !important; color: var(--md-default-fg-color); font-size: 0.64rem; font-weight: 700; cursor: pointer; }
.md-typeset .cdk-full-lab-extension > :not(summary) { margin-right: 0.75rem; margin-left: 0.75rem; }

/* Keep the shared blue disclosure controls aligned with their heading inset. */
[dir="ltr"] .md-typeset :is(.cdk-activity-support, .cdk-full-lab-extension) > summary::before {
  top: 50%;
  left: 0.8rem;
  transform: translateY(-50%);
}

[dir="ltr"] .md-typeset :is(.cdk-activity-support, .cdk-full-lab-extension) > summary::after {
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%) rotate(0deg);
}

[dir="ltr"] .md-typeset :is(.cdk-activity-support, .cdk-full-lab-extension)[open] > summary::after {
  transform: translateY(-50%) rotate(90deg);
}

.cdk-practice__missions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  margin: 1.5rem 0;
}

.cdk-practice__mission {
  position: relative;
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.85rem;
  background: linear-gradient(145deg, var(--md-default-bg-color), rgba(41, 182, 246, 0.035));
  box-shadow: 0 0.35rem 1.1rem rgba(0, 0, 0, 0.055);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.cdk-practice__mission--build {
  grid-column: 1 / -1;
}

.cdk-practice__mission:hover {
  transform: translateY(-3px);
  border-color: rgba(41, 182, 246, 0.55);
  box-shadow: 0 0.8rem 1.7rem rgba(20, 60, 100, 0.11);
}

.cdk-practice__number {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 0.55rem;
  background: rgba(41, 182, 246, 0.12);
  color: var(--md-accent-fg-color);
  font-family: var(--md-code-font-family);
  font-size: 0.7rem;
  font-weight: 800;
}

.cdk-practice__mission h3 {
  margin: 0.65rem 0 0.6rem !important;
  font-size: 1rem !important;
}

.cdk-practice__mission ol,
.cdk-practice__mission ul {
  font-size: 0.78rem;
}

.md-content__inner .md-typeset .cdk-practice__mission > table:not([class]) {
  display: table !important;
  width: 100% !important;
  min-width: 100%;
  max-width: none !important;
  box-sizing: border-box;
  table-layout: auto;
}

.md-typeset .cdk-practice__mission--build table:not([class]) :is(th, td):first-child {
  width: clamp(7.5rem, 19%, 10rem);
}

.cdk-practice__success {
  margin: 1rem 0 0 !important;
  padding: 0.7rem 0.8rem;
  border-radius: 0.55rem;
  background: rgba(45, 170, 115, 0.09);
  color: var(--md-default-fg-color--light);
  font-size: 0.75rem;
}

.cdk-practice__success strong {
  display: block;
  margin-bottom: 0.15rem;
  color: #2daa73;
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cdk-practice__finish {
  margin: 1.8rem 0;
  padding: 1.4rem 1.5rem;
  border: 1px solid rgba(45, 170, 115, 0.38);
  border-radius: 0.9rem;
  background: linear-gradient(135deg, rgba(45, 170, 115, 0.12), rgba(41, 182, 246, 0.05));
}

.cdk-practice__finish h3 {
  margin-top: 0 !important;
}

.md-typeset .cdk-practice__evidence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 1rem 0 !important;
  padding: 0 !important;
  list-style: none;
}

.md-typeset .cdk-practice__evidence li {
  position: relative;
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
  margin: 0 !important;
  padding: 0.7rem 0.75rem;
  border: 1px solid rgba(45, 170, 115, 0.2);
  border-radius: 0.55rem;
  background: var(--md-default-bg-color);
  font-size: 0.76rem;
}

.md-typeset .cdk-practice__evidence input {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin: 0.05rem 0 0;
  accent-color: #2daa73;
  cursor: pointer;
}

.md-typeset .cdk-practice__evidence label {
  flex: 1;
  cursor: pointer;
  line-height: 1.45;
}

.md-typeset .cdk-practice__evidence li:has(input:checked) {
  border-color: rgba(45, 170, 115, 0.46);
  background: rgba(45, 170, 115, 0.09);
}

.md-typeset .cdk-practice__evidence input:checked + label {
  color: var(--md-default-fg-color--light);
  text-decoration: line-through;
  text-decoration-color: rgba(45, 170, 115, 0.6);
}

.md-typeset .cdk-practice__evidence input:focus-visible {
  outline: 0.14rem solid var(--md-accent-fg-color);
  outline-offset: 0.12rem;
}

.cdk-practice__reward {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  padding: 0.75rem 0.9rem;
  border-radius: 0.55rem;
  background: rgba(45, 170, 115, 0.13);
  color: var(--md-default-fg-color);
  font-size: 0.78rem;
  font-weight: 700;
}

.cdk-practice__reward span,
.cdk-practice__reward strong {
  display: block;
}

.cdk-practice__reward strong {
  margin-bottom: 0.12rem;
  color: #238b5d;
}

.cdk-practice__reward button {
  padding: 0.35rem 0.65rem;
  border: 1px solid rgba(45, 170, 115, 0.38);
  border-radius: 0.4rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color--light);
  font: inherit;
  font-size: 0.68rem;
  cursor: pointer;
}

.cdk-practice__reward button:is(:hover, :focus-visible) {
  border-color: #2daa73;
  color: var(--md-default-fg-color);
}

.cdk-practice__reward[data-complete="true"] {
  background: rgba(45, 170, 115, 0.22);
  box-shadow: inset 0.2rem 0 #2daa73;
}

.cdk-responsive-video {
  position: relative;
  width: 100%;
  margin: 1.4rem 0;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: 0.55rem;
  background: #000;
}

.cdk-responsive-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  .cdk-full-lab-readiness,
  .cdk-full-lab-tracks,
  .md-typeset ol.cdk-full-lab-sessions { grid-template-columns: 1fr; gap: 0.55rem; }
  .md-typeset ol.cdk-full-lab-sessions li:not(:last-child)::after { top: auto; right: 50%; bottom: -0.42rem; transform: translateX(50%) rotate(135deg); }
  .cdk-full-lab-milestone { grid-template-columns: 1fr; }
  .cdk-full-lab-milestone b { grid-row: auto; width: fit-content; }
  :is(.splunk-journey-grid, .guide-journey-grid) {
    grid-template-columns: 1fr;
  }

  :is(.splunk-journey-footer, .guide-journey-footer) {
    grid-template-columns: 1fr;
  }

  :is(.splunk-journey-footer, .guide-journey-footer) a:last-child {
    text-align: left;
  }

  :is(.splunk-data-path, .guide-data-path) {
    display: grid;
    grid-template-columns: 1fr;
  }

  :is(.splunk-data-path, .guide-data-path) i {
    display: none;
  }


  :is(.splunk-screenshot-sequence, .guide-screenshot-sequence) {
    grid-template-columns: 1fr;
  }

  :is(.splunk-next-steps, .guide-next-steps) {
    grid-template-columns: 1fr;
  }

  .guide-choice-grid {
    grid-template-columns: 1fr;
  }

  .cdk-practice__missions {
    grid-template-columns: 1fr;
  }

  .cdk-practice__evidence {
    grid-template-columns: 1fr;
  }

  .cdk-practice__reward {
    align-items: flex-start;
    flex-direction: column;
  }

  .cdk-practice__hero {
    padding: 1.35rem;
  }

  .cdk-practice__path span:not(.cdk-practice__path-label) {
    font-size: 0.58rem;
  }

  .cdk-try-card {
    padding: 3.8rem 1rem 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cdk-try-card,
  .cdk-practice__mission {
    transform: none;
    transition: none;
  }
}

/* Monitoring and Detection guided landing experience */

.md-landing {
  --md-landing-blue: #29b6f6;
  --md-landing-violet: #7e57c2;
  --md-landing-green: #43c59e;
  --md-landing-line: color-mix(in srgb, var(--md-default-fg-color) 14%, transparent);
  padding-bottom: 2rem;
}

.md-landing-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(13rem, 0.55fr);
  gap: 1.5rem 2.5rem;
  margin: 0 0 3.5rem;
  padding: clamp(1.6rem, 4vw, 3.2rem);
  overflow: hidden;
  border: 1px solid rgba(41, 182, 246, 0.24);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 85% 30%, rgba(41, 182, 246, 0.18), transparent 28%),
    radial-gradient(circle at 72% 78%, rgba(126, 87, 194, 0.13), transparent 30%),
    linear-gradient(145deg, color-mix(in srgb, var(--md-code-bg-color) 78%, transparent), var(--md-default-bg-color));
  box-shadow: 0 1rem 3rem rgba(10, 35, 60, 0.08);
}

.md-landing-hero::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(41, 182, 246, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(41, 182, 246, 0.045) 1px, transparent 1px);
  background-size: 2rem 2rem;
  content: "";
  pointer-events: none;
  mask-image: linear-gradient(90deg, transparent 15%, #000);
}

.md-landing-hero__copy,
.md-landing-hero__signal,
.md-hero-facts {
  position: relative;
  z-index: 1;
}

.md-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--md-accent-fg-color);
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.md-eyebrow::before {
  width: 1.7rem;
  height: 0.12rem;
  border-radius: 1rem;
  background: currentColor;
  content: "";
}

.md-landing .md-landing-hero h1 {
  max-width: none;
  margin: 0.5rem 0 0.8rem;
  background: linear-gradient(115deg, var(--md-default-fg-color) 30%, var(--md-accent-fg-color));
  background-clip: text;
  color: transparent;
  font-size: clamp(2.45rem, 5.6vw, 4.5rem);
  line-height: 0.98;
  letter-spacing: -0.045em;
  white-space: nowrap;
}

.md-landing .md-landing-hero h1 > span {
  white-space: nowrap;
}

.md-landing-hero__copy > p {
  max-width: 44rem;
  margin: 0;
  color: var(--md-default-fg-color--light);
  font-size: clamp(0.96rem, 1.3vw, 1.12rem);
  line-height: 1.65;
}

.md-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.4rem;
}

.md-hero-actions a,
.md-landing-footer > a,
.md-tool-finder__result > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  padding: 0.55rem 0.9rem;
  border-radius: 0.5rem;
  font-size: 0.8rem;
  font-weight: 700;
}

.md-primary-action,
.md-landing-footer > a,
.md-tool-finder__result > a {
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color) !important;
  box-shadow: 0 0.4rem 1rem rgba(41, 182, 246, 0.18);
}

.md-secondary-action {
  border: 1px solid var(--md-landing-line);
  background: color-mix(in srgb, var(--md-default-bg-color) 72%, transparent);
  color: var(--md-default-fg-color) !important;
}

.md-hero-actions a:is(:hover, :focus-visible),
.md-landing-footer > a:is(:hover, :focus-visible),
.md-tool-finder__result > a:is(:hover, :focus-visible) {
  transform: translateY(-2px);
  filter: brightness(1.05);
}

.md-landing-hero__signal {
  display: grid;
  min-height: 15rem;
  place-items: center;
}

.md-signal-ring {
  position: absolute;
  border: 1px solid rgba(41, 182, 246, 0.32);
  border-radius: 50%;
  animation: md-signal-pulse 3.6s ease-in-out infinite;
}

.md-signal-ring--one { width: 7rem; height: 7rem; }
.md-signal-ring--two { width: 10.5rem; height: 10.5rem; animation-delay: 0.45s; }
.md-signal-ring--three { width: 14rem; height: 14rem; animation-delay: 0.9s; }

.md-signal-core {
  display: grid;
  z-index: 1;
  width: 6rem;
  height: 6rem;
  place-content: center;
  padding: 0.5rem;
  border: 1px solid rgba(41, 182, 246, 0.42);
  border-radius: 50%;
  background: color-mix(in srgb, var(--md-default-bg-color) 88%, transparent);
  text-align: center;
  box-shadow: 0 0 2rem rgba(41, 182, 246, 0.17);
}

.md-signal-core b { font-size: 0.82rem; }
.md-signal-core small { color: var(--md-default-fg-color--light); font-size: 0.57rem; line-height: 1.25; }

.md-hero-facts {
  display: flex;
  grid-column: 1 / -1;
  gap: 0.65rem;
  padding-top: 1rem;
  border-top: 1px solid var(--md-landing-line);
}

.md-hero-facts > span {
  display: flex;
  flex: 1;
  gap: 0.45rem;
  align-items: baseline;
}

.md-hero-facts strong { color: var(--md-accent-fg-color); font-size: 1.35rem; }
.md-hero-facts small { color: var(--md-default-fg-color--light); font-size: 0.72rem; }

@keyframes md-signal-pulse {
  0%, 100% { opacity: 0.35; transform: scale(0.94); }
  50% { opacity: 0.9; transform: scale(1.03); }
}

.md-section {
  margin: 0 0 clamp(3.5rem, 7vw, 6rem);
  scroll-margin-top: 4rem;
}

.md-section-heading {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  margin-bottom: 1.35rem;
}

.md-section-number {
  display: grid;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 0;
  place-items: center;
  border: 1px solid rgba(41, 182, 246, 0.32);
  border-radius: 50%;
  background: rgba(41, 182, 246, 0.08);
  color: var(--md-accent-fg-color);
  font-family: var(--md-code-font-family);
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: 0.02em;
}

.md-section-heading h2 {
  margin: 0 !important;
  font-size: clamp(1.55rem, 3vw, 2.15rem) !important;
  letter-spacing: -0.025em;
}

.md-section-heading p {
  max-width: 45rem;
  margin: 0.35rem 0 0;
  color: var(--md-default-fg-color--light);
  font-size: 0.88rem;
}

.md-workflow {
  display: grid;
  grid-template-columns: minmax(14rem, 1fr) minmax(17rem, 1.2fr);
  gap: 1rem;
}

.md-workflow__steps {
  display: grid;
  gap: 0.45rem;
}

.md-workflow__steps button {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.1rem 0.75rem;
  width: 100%;
  padding: 0.75rem 0.9rem;
  border: 1px solid var(--md-landing-line);
  border-radius: 0.6rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.md-workflow__steps button b {
  grid-row: 1 / span 2;
  color: var(--md-accent-fg-color);
  font-family: var(--md-code-font-family);
  font-size: 0.82rem;
}

.md-workflow__steps button strong { font-size: 0.84rem; }
.md-workflow__steps button small { color: var(--md-default-fg-color--light); font-size: 0.72rem; }

.md-workflow__steps button[aria-selected="true"] {
  border-color: var(--md-accent-fg-color);
  background: rgba(41, 182, 246, 0.08);
  box-shadow: inset 0.18rem 0 var(--md-accent-fg-color);
  transform: translateX(0.25rem);
}

.md-workflow__detail {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 15rem;
  padding: clamp(1.3rem, 3vw, 2rem);
  overflow: hidden;
  border: 1px solid rgba(41, 182, 246, 0.24);
  border-radius: 0.8rem;
  background: linear-gradient(145deg, rgba(41, 182, 246, 0.09), rgba(126, 87, 194, 0.05));
}

.md-workflow__detail::after {
  position: absolute;
  right: -2rem;
  bottom: -3rem;
  width: 9rem;
  height: 9rem;
  border: 1.5rem solid rgba(41, 182, 246, 0.055);
  border-radius: 50%;
  content: "";
}

.md-workflow__detail > span { color: var(--md-accent-fg-color); font-size: 0.7rem; font-weight: 750; text-transform: uppercase; letter-spacing: 0.08em; }
.md-workflow__detail > strong { margin-top: 0.35rem; font-size: 1.25rem; }
.md-workflow__detail > p { max-width: 35rem; margin: 0.65rem 0; color: var(--md-default-fg-color--light); font-size: 0.86rem; line-height: 1.6; }
.md-workflow__detail > small { position: relative; z-index: 1; padding-top: 0.65rem; border-top: 1px solid var(--md-landing-line); font-size: 0.76rem; font-weight: 650; }

.md-path-picker {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 0.8rem;
  margin-bottom: 1rem;
  padding: 0.8rem;
  border: 1px solid var(--md-landing-line);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
}

.md-path-picker__question {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-content: center;
}

.md-path-picker button {
  padding: 0.48rem 0.65rem;
  border: 1px solid var(--md-landing-line);
  border-radius: 999px;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  font-size: 0.74rem;
  cursor: pointer;
}

.md-path-picker button[aria-pressed="true"] {
  border-color: var(--md-accent-fg-color);
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
}

.md-path-recommendation {
  padding: 0.75rem 0.9rem;
  border-radius: 0.55rem;
  background: var(--md-default-bg-color);
}

.md-path-recommendation span,
.md-path-recommendation strong { display: block; }
.md-path-recommendation span { color: var(--md-accent-fg-color); font-size: 0.65rem; font-weight: 750; text-transform: uppercase; letter-spacing: 0.07em; }
.md-path-recommendation strong { margin-top: 0.18rem; font-size: 0.88rem; }
.md-path-recommendation p { margin: 0.25rem 0 0; color: var(--md-default-fg-color--light); font-size: 0.7rem; line-height: 1.4; }

.md-landing .md-path-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.md-landing .md-path-card { opacity: 0.72; transform: scale(0.985); }
.md-landing .md-path-card.is-recommended {
  opacity: 1;
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0.7rem 1.8rem rgba(41, 182, 246, 0.13);
  transform: scale(1);
}
.md-landing .md-path-card small { display: flex; flex-wrap: wrap; gap: 0.25rem 0.4rem; align-items: center; }
.md-landing .md-path-card small i { width: 0.2rem; height: 0.2rem; border-radius: 50%; background: currentColor; }
.md-landing .md-path-card em b { color: var(--md-default-fg-color); }

.md-foundation-route {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.md-foundation-route a {
  position: relative;
  display: flex;
  gap: 0.8rem;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid var(--md-landing-line);
  border-radius: 0.7rem;
  color: var(--md-default-fg-color) !important;
}

.md-foundation-route a:is(:hover, :focus-visible) { border-color: var(--md-accent-fg-color); background: rgba(41, 182, 246, 0.05); }
.md-foundation-route a > span { display: grid; flex: 0 0 1.65rem; height: 1.65rem; place-items: center; border-radius: 50%; background: rgba(41, 182, 246, 0.12); color: var(--md-accent-fg-color); font-size: 0.72rem; font-weight: 750; }
.md-foundation-route small,
.md-foundation-route strong { display: block; }
.md-foundation-route small { color: var(--md-accent-fg-color); font-size: 0.64rem; text-transform: uppercase; letter-spacing: 0.05em; }
.md-foundation-route strong { margin-top: 0.18rem; font-size: 0.86rem; }
.md-foundation-route p { margin: 0.35rem 0 0; color: var(--md-default-fg-color--light); font-size: 0.74rem; line-height: 1.45; }

.md-tool-finder {
  display: grid;
  grid-template-columns: minmax(13rem, 0.8fr) minmax(18rem, 1.2fr);
  gap: 1rem;
}

.md-tool-finder__choices { display: grid; gap: 0.45rem; }
.md-tool-finder__choices button {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 0.08rem 0.7rem;
  width: 100%;
  padding: 0.7rem;
  border: 1px solid var(--md-landing-line);
  border-radius: 0.55rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.md-tool-finder__choices button > span { display: grid; grid-row: 1 / span 2; height: 2.3rem; place-items: center; border-radius: 0.4rem; background: var(--md-code-bg-color); color: var(--md-accent-fg-color); font-family: var(--md-code-font-family); font-size: 0.58rem; font-weight: 750; }
.md-tool-finder__choices button strong { font-size: 0.8rem; }
.md-tool-finder__choices button small { color: var(--md-default-fg-color--light); font-size: 0.68rem; }
.md-tool-finder__choices button[aria-selected="true"] { border-color: var(--md-accent-fg-color); background: rgba(41, 182, 246, 0.07); transform: translateX(0.25rem); }
.md-tool-finder__choices button[aria-selected="true"] > span { background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); }

.md-tool-finder__result {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 17rem;
  padding: clamp(1.3rem, 3vw, 2rem);
  border: 1px solid rgba(126, 87, 194, 0.24);
  border-radius: 0.8rem;
  background: linear-gradient(150deg, rgba(126, 87, 194, 0.08), rgba(41, 182, 246, 0.06));
}
.md-tool-finder__result > span { color: var(--md-accent-fg-color); font-size: 0.68rem; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em; }
.md-tool-finder__result > strong { margin-top: 0.25rem; font-size: clamp(1.5rem, 3vw, 2.25rem); }
.md-tool-finder__result > p { max-width: 38rem; margin: 0.5rem 0; color: var(--md-default-fg-color--light); font-size: 0.84rem; line-height: 1.55; }
.md-tool-finder__result > div { margin: 0.35rem 0 1rem; padding-top: 0.55rem; border-top: 1px solid var(--md-landing-line); font-size: 0.72rem; line-height: 1.45; }
.md-tool-finder__result > div b { color: var(--md-accent-fg-color); }

.md-skill-checklist,
.md-readiness-panel {
  padding: 1rem;
  border: 1px solid var(--md-landing-line);
  border-radius: 0.8rem;
  background: var(--md-code-bg-color);
}

.md-checklist-progress { display: flex; gap: 0.8rem; align-items: center; margin-bottom: 0.8rem; }
.md-checklist-progress span { flex: 0 0 auto; font-size: 0.72rem; font-weight: 650; }
.md-checklist-progress span b { color: var(--md-accent-fg-color); }
.md-checklist-progress > i { flex: 1; height: 0.32rem; overflow: hidden; border-radius: 1rem; background: var(--md-default-bg-color); }
.md-checklist-progress > i > b { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--md-accent-fg-color), var(--md-landing-green)); transition: width 300ms ease; }

.md-check-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.45rem; }
.md-check-grid button {
  position: relative;
  min-height: 8.5rem;
  padding: 0.8rem;
  border: 1px solid var(--md-landing-line);
  border-radius: 0.55rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.md-check-grid button > span,
.md-check-grid button > strong,
.md-check-grid button > small { display: block; }
.md-check-grid button > span { color: var(--md-accent-fg-color); font-family: var(--md-code-font-family); font-size: 0.65rem; }
.md-check-grid button > strong { margin-top: 0.8rem; font-size: 0.78rem; }
.md-check-grid button > small { margin-top: 0.3rem; color: var(--md-default-fg-color--light); font-size: 0.68rem; line-height: 1.4; }
.md-check-grid button[aria-pressed="true"] { border-color: var(--md-landing-green); background: rgba(67, 197, 158, 0.08); }
.md-check-grid button[aria-pressed="true"]::after { position: absolute; top: 0.6rem; right: 0.65rem; display: grid; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; background: var(--md-landing-green); color: #071c17; content: "✓"; font-size: 0.65rem; font-weight: 800; }

.md-readiness-panel { display: grid; grid-template-columns: minmax(12rem, 0.55fr) minmax(18rem, 1.45fr); gap: 1rem; }
.md-readiness-panel__status { display: flex; gap: 0.8rem; align-items: center; justify-content: center; padding: 1rem; border-radius: 0.6rem; background: rgba(255, 193, 7, 0.08); }
.md-readiness-panel__status > span { display: grid; flex: 0 0 2rem; width: 2rem; height: 2rem; place-items: center; border: 1px solid #ffc107; border-radius: 50%; color: #d59b00; font-weight: 800; }
.md-readiness-panel__status strong,
.md-readiness-panel__status small { display: block; }
.md-readiness-panel__status strong { font-size: 0.83rem; }
.md-readiness-panel__status small { margin-top: 0.18rem; color: var(--md-default-fg-color--light); font-size: 0.68rem; line-height: 1.4; }
.md-readiness-panel.is-ready .md-readiness-panel__status { background: rgba(67, 197, 158, 0.1); }
.md-readiness-panel.is-ready .md-readiness-panel__status > span { border-color: var(--md-landing-green); background: var(--md-landing-green); color: #071c17; }
.md-readiness-list { display: grid; gap: 0.35rem; }
.md-readiness-list button { display: flex; gap: 0.65rem; align-items: center; width: 100%; padding: 0.55rem 0.65rem; border: 1px solid var(--md-landing-line); border-radius: 0.45rem; background: var(--md-default-bg-color); color: var(--md-default-fg-color); font: inherit; text-align: left; cursor: pointer; }
.md-readiness-list button > span { display: grid; flex: 0 0 1.1rem; width: 1.1rem; height: 1.1rem; place-items: center; border: 1px solid var(--md-default-fg-color--lighter); border-radius: 0.28rem; }
.md-readiness-list button > strong { font-size: 0.72rem; font-weight: 550; }
.md-readiness-list button[aria-pressed="true"] { border-color: rgba(67, 197, 158, 0.45); }
.md-readiness-list button[aria-pressed="true"] > span { border-color: var(--md-landing-green); background: var(--md-landing-green); color: #071c17; }
.md-readiness-list button[aria-pressed="true"] > span::after { content: "✓"; font-size: 0.67rem; font-weight: 800; }

.md-landing-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.3rem 1rem;
  align-items: center;
  padding: clamp(1.3rem, 3vw, 2rem);
  border: 1px solid rgba(41, 182, 246, 0.26);
  border-radius: 0.85rem;
  background: linear-gradient(135deg, rgba(41, 182, 246, 0.1), rgba(126, 87, 194, 0.07));
}
.md-landing-footer > span { color: var(--md-accent-fg-color); font-size: 0.68rem; font-weight: 750; text-transform: uppercase; letter-spacing: 0.07em; }
.md-landing-footer > strong { max-width: 40rem; font-size: 1rem; }
.md-landing-footer > a { grid-column: 2; grid-row: 1 / span 2; }

.md-landing.md-motion-ready .md-reveal {
  opacity: 0;
  transform: translateY(1.1rem);
  transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1), transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
.md-landing.md-motion-ready .md-reveal.is-visible { opacity: 1; transform: none; }

.md-landing button:is(:hover, :focus-visible),
.md-landing a:focus-visible { outline: 0.12rem solid var(--md-accent-fg-color); outline-offset: 0.12rem; }
.md-landing button { transition: border-color 150ms ease, background 150ms ease, transform 150ms ease; }

@media screen and (max-width: 900px) {
  .md-landing-hero { grid-template-columns: 1fr; }
  .md-landing-hero__signal { position: absolute; right: -3rem; bottom: 1rem; width: 15rem; opacity: 0.38; }
  .md-hero-facts { padding-right: 8rem; }
  .md-workflow,
  .md-tool-finder,
  .md-readiness-panel { grid-template-columns: 1fr; }
  .md-path-picker { grid-template-columns: 1fr; }
  .md-landing .md-path-grid,
  .md-foundation-route,
  .md-response-loop { grid-template-columns: 1fr; }
  .md-check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 600px) {
  .md-landing-hero { padding: 1.25rem; }
  .md-landing .md-landing-hero h1 {
    font-size: 2.45rem;
    white-space: normal;
  }

  .md-landing .md-landing-hero h1 > span {
    display: block;
  }

  .md-landing.md-response-landing .md-landing-hero h1 {
    font-size: clamp(1.55rem, 7vw, 2.45rem);
    white-space: nowrap;
  }

  .md-landing.md-response-landing .md-landing-hero h1 > span {
    display: inline;
  }
  .md-landing-hero__signal { display: none; }
  .md-hero-facts { padding-right: 0; }
  .md-hero-facts > span { display: grid; gap: 0; }
  .md-hero-facts small { font-size: 0.64rem; }
  .md-workflow__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md-workflow__steps button[aria-selected="true"],
  .md-tool-finder__choices button[aria-selected="true"] { transform: none; }
  .md-check-grid { grid-template-columns: 1fr; }
  .md-check-grid button { min-height: 6.5rem; }
  .md-landing-footer { grid-template-columns: 1fr; }
  .md-landing-footer > a { grid-column: 1; grid-row: auto; margin-top: 0.7rem; }
}

@media (prefers-reduced-motion: reduce) {
  .md-signal-ring { animation: none; }
  .md-landing.md-motion-ready .md-reveal { opacity: 1; transform: none; transition: none; }
  .md-landing *,
  .md-landing *::before,
  .md-landing *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}

/* Stronger surface hierarchy for the Monitoring and Detection landing page */

/* Colour exploration retained for reference but disabled. */
@media not all {

.md-landing {
  --md-landing-navy: #08192b;
  --md-landing-navy-raised: #102842;
  --md-landing-slate: #e9eef3;
  --md-landing-cyan: #54d2ff;
  --md-landing-violet: #9b87f5;
  --md-landing-amber: #f2b84b;
  --md-landing-green: #43c59e;
  --md-landing-line: color-mix(in srgb, var(--md-default-fg-color) 17%, transparent);
}

.md-landing-hero {
  border-color: rgba(84, 210, 255, 0.22);
  background:
    radial-gradient(circle at 86% 27%, rgba(84, 210, 255, 0.17), transparent 25%),
    radial-gradient(circle at 70% 85%, rgba(155, 135, 245, 0.2), transparent 34%),
    linear-gradient(145deg, #071522, var(--md-landing-navy) 55%, #10213b);
  box-shadow: 0 1.2rem 3rem rgba(4, 18, 32, 0.2);
}

.md-landing-hero::before {
  background-image:
    linear-gradient(rgba(84, 210, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(84, 210, 255, 0.055) 1px, transparent 1px);
}

.md-landing .md-landing-hero h1 {
  background: none;
  color: #f7fbff;
  -webkit-text-fill-color: #f7fbff;
}

.md-landing-hero .md-eyebrow,
.md-hero-facts strong {
  color: var(--md-landing-cyan);
}

.md-landing-hero__copy > p,
.md-hero-facts small,
.md-signal-core small {
  color: rgba(233, 242, 249, 0.72);
}

.md-landing .md-primary-action {
  background: var(--md-landing-cyan);
  color: #061725 !important;
  box-shadow: 0 0.5rem 1.3rem rgba(84, 210, 255, 0.2);
}

.md-landing .md-secondary-action {
  border-color: rgba(233, 242, 249, 0.27);
  background: rgba(255, 255, 255, 0.06);
  color: #f4f8fb !important;
}

.md-landing .md-secondary-action:is(:hover, :focus-visible) {
  background: rgba(255, 255, 255, 0.12);
}

.md-signal-ring { border-color: rgba(84, 210, 255, 0.42); }
.md-signal-ring--two { border-color: rgba(155, 135, 245, 0.4); }
.md-signal-core {
  border-color: rgba(84, 210, 255, 0.5);
  background: rgba(8, 25, 43, 0.88);
  color: #ffffff;
  box-shadow: 0 0 2.2rem rgba(84, 210, 255, 0.2);
}
.md-hero-facts { border-top-color: rgba(233, 242, 249, 0.16); }

.md-section-number {
  border-color: rgba(155, 135, 245, 0.42);
  background: rgba(155, 135, 245, 0.11);
  color: #806bea;
}

.md-workflow {
  padding: 1rem;
  border: 1px solid rgba(84, 210, 255, 0.16);
  border-radius: 0.9rem;
  background: var(--md-landing-navy);
  box-shadow: 0 0.8rem 2rem rgba(4, 18, 32, 0.14);
}

.md-workflow__steps button {
  border-color: rgba(226, 237, 246, 0.13);
  background: rgba(255, 255, 255, 0.035);
  color: #edf5fa;
}

.md-workflow__steps button b { color: var(--md-landing-cyan); }
.md-workflow__steps button small { color: rgba(226, 237, 246, 0.6); }
.md-workflow__steps button:is(:hover, :focus-visible) { background: rgba(255, 255, 255, 0.07); }
.md-workflow__steps button[aria-selected="true"] {
  border-color: rgba(84, 210, 255, 0.7);
  background: rgba(84, 210, 255, 0.12);
  box-shadow: inset 0.18rem 0 var(--md-landing-cyan);
}

.md-workflow__detail {
  border-color: rgba(155, 135, 245, 0.38);
  background:
    radial-gradient(circle at 88% 85%, rgba(84, 210, 255, 0.13), transparent 28%),
    linear-gradient(145deg, #1b3151, #29264f);
  color: #f5f3ff;
}
.md-workflow__detail::after { border-color: rgba(155, 135, 245, 0.09); }
.md-workflow__detail > span { color: #b9abff; }
.md-workflow__detail > p { color: rgba(242, 239, 255, 0.72); }
.md-workflow__detail > small { border-top-color: rgba(242, 239, 255, 0.16); color: rgba(255, 255, 255, 0.92); }

.md-path-picker {
  border-color: color-mix(in srgb, #56677a 28%, transparent);
  background: color-mix(in srgb, var(--md-default-bg-color) 72%, #91a2b4 28%);
}

.md-path-recommendation {
  background: linear-gradient(135deg, #342c68, #493b88);
  color: #ffffff;
  box-shadow: 0 0.4rem 1rem rgba(52, 44, 104, 0.18);
}
.md-path-recommendation span { color: #c9c0ff; }
.md-path-recommendation p { color: rgba(247, 245, 255, 0.72); }
.md-path-picker button[aria-pressed="true"] {
  border-color: #6d58d8;
  background: #6d58d8;
  color: #ffffff;
}

.md-landing .md-path-card {
  border-color: color-mix(in srgb, #536476 24%, transparent);
  background: color-mix(in srgb, var(--md-default-bg-color) 96%, #a9b5c1 4%);
}
.md-landing .md-path-card.is-recommended {
  border-color: #806bea;
  background: linear-gradient(155deg, color-mix(in srgb, var(--md-default-bg-color) 90%, #9b87f5 10%), var(--md-default-bg-color));
  box-shadow: 0 0.7rem 1.8rem rgba(93, 73, 180, 0.14);
}
.md-landing .md-path-label {
  background: rgba(128, 107, 234, 0.13);
  color: #6d58d8;
}

.md-foundation-route a {
  border-color: color-mix(in srgb, #536476 24%, transparent);
  background: color-mix(in srgb, var(--md-default-bg-color) 90%, #728399 10%);
}
.md-foundation-route a:nth-child(2) { background: color-mix(in srgb, var(--md-default-bg-color) 91%, #9b87f5 9%); }
.md-foundation-route a:nth-child(3) { background: color-mix(in srgb, var(--md-default-bg-color) 91%, #43c59e 9%); }
.md-foundation-route a:is(:hover, :focus-visible) {
  border-color: #806bea;
  background: color-mix(in srgb, var(--md-default-bg-color) 85%, #9b87f5 15%);
}
.md-foundation-route a > span {
  background: rgba(128, 107, 234, 0.14);
  color: #6d58d8;
}
.md-foundation-route a:nth-child(3) > span { background: rgba(67, 197, 158, 0.16); color: #218f70; }
.md-foundation-route small { color: #6d58d8; }
.md-foundation-route a:nth-child(3) small { color: #218f70; }

.md-tool-finder__choices button {
  border-color: color-mix(in srgb, #536476 24%, transparent);
  background: color-mix(in srgb, var(--md-default-bg-color) 96%, #91a2b4 4%);
}
.md-tool-finder__choices button[aria-selected="true"] {
  border-color: #6d58d8;
  background: color-mix(in srgb, var(--md-default-bg-color) 88%, #9b87f5 12%);
  box-shadow: inset 0.16rem 0 #806bea;
}
.md-tool-finder__choices button[aria-selected="true"] > span {
  background: #6d58d8;
  color: #ffffff;
}

.md-tool-finder__result {
  border-color: rgba(155, 135, 245, 0.36);
  background:
    radial-gradient(circle at 90% 20%, rgba(84, 210, 255, 0.13), transparent 26%),
    linear-gradient(145deg, #101f34, #252348);
  color: #f7f6ff;
  box-shadow: 0 0.8rem 2rem rgba(4, 18, 32, 0.15);
}
.md-tool-finder__result > span { color: #b9abff; }
.md-tool-finder__result > p { color: rgba(242, 239, 255, 0.72); }
.md-tool-finder__result > div { border-top-color: rgba(242, 239, 255, 0.16); color: rgba(255, 255, 255, 0.82); }
.md-tool-finder__result > div b { color: var(--md-landing-cyan); }
.md-tool-finder__result > a {
  background: var(--md-landing-cyan);
  color: #061725 !important;
}

.md-readiness-panel {
  border-color: color-mix(in srgb, #536476 26%, transparent);
  background: color-mix(in srgb, var(--md-default-bg-color) 82%, #8392a2 18%);
}
.md-readiness-panel__status {
  border: 1px solid rgba(242, 184, 75, 0.28);
  background: rgba(242, 184, 75, 0.12);
}
.md-readiness-panel__status > span { border-color: var(--md-landing-amber); color: #b47808; }
.md-readiness-list button { border-color: color-mix(in srgb, #536476 22%, transparent); }
.md-readiness-panel.is-ready .md-readiness-panel__status {
  border-color: rgba(67, 197, 158, 0.35);
  background: rgba(67, 197, 158, 0.13);
}

.md-landing-footer {
  border-color: rgba(155, 135, 245, 0.28);
  background:
    radial-gradient(circle at 78% 20%, rgba(155, 135, 245, 0.19), transparent 28%),
    linear-gradient(135deg, #091827, #152642);
  color: #f4f7fa;
  box-shadow: 0 0.8rem 2rem rgba(4, 18, 32, 0.15);
}
.md-landing-footer > span { color: var(--md-landing-cyan); }
.md-landing-footer > a {
  background: var(--md-landing-violet);
  color: #0d1020 !important;
  box-shadow: 0 0.45rem 1.1rem rgba(155, 135, 245, 0.2);
}

[data-md-color-scheme="slate"] .md-path-picker,
[data-md-color-scheme="slate"] .md-landing .md-path-card,
[data-md-color-scheme="slate"] .md-foundation-route a,
[data-md-color-scheme="slate"] .md-tool-finder__choices button,
[data-md-color-scheme="slate"] .md-readiness-panel {
  border-color: rgba(194, 211, 225, 0.16);
}

[data-md-color-scheme="slate"] .md-path-picker {
  background: #172333;
}

[data-md-color-scheme="slate"] .md-landing .md-path-card,
[data-md-color-scheme="slate"] .md-foundation-route a,
[data-md-color-scheme="slate"] .md-tool-finder__choices button {
  background: #101c2b;
}

[data-md-color-scheme="slate"] .md-landing .md-path-card.is-recommended,
[data-md-color-scheme="slate"] .md-foundation-route a:is(:hover, :focus-visible),
[data-md-color-scheme="slate"] .md-tool-finder__choices button[aria-selected="true"] {
  background: #242243;
}

[data-md-color-scheme="slate"] .md-readiness-panel {
  background: #172333;
}

/* Light mode uses gentler mid-tone surfaces while preserving readable contrast. */

[data-md-color-scheme="default"] .md-landing-hero {
  border-color: #375e78;
  background:
    radial-gradient(circle at 86% 27%, rgba(91, 197, 231, 0.16), transparent 26%),
    radial-gradient(circle at 70% 85%, rgba(147, 135, 205, 0.18), transparent 36%),
    linear-gradient(145deg, #173047, #203b54 58%, #34466b);
  box-shadow: 0 1rem 2.4rem rgba(28, 49, 66, 0.16);
}

[data-md-color-scheme="default"] .md-landing-hero::before {
  background-image:
    linear-gradient(rgba(190, 226, 240, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(190, 226, 240, 0.05) 1px, transparent 1px);
}

[data-md-color-scheme="default"] .md-landing-hero__copy > p {
  color: #d4e0e8;
}

[data-md-color-scheme="default"] .md-hero-facts small,
[data-md-color-scheme="default"] .md-signal-core small {
  color: #c2d0da;
}

[data-md-color-scheme="default"] .md-signal-core {
  background: rgba(20, 46, 65, 0.94);
}

[data-md-color-scheme="default"] .md-workflow {
  border-color: #ccd7df;
  background: #e8edf1;
  box-shadow: 0 0.7rem 1.7rem rgba(45, 65, 80, 0.1);
}

[data-md-color-scheme="default"] .md-workflow__steps button {
  border-color: #cbd5dc;
  background: #f8fafb;
  color: #1c2933;
}

[data-md-color-scheme="default"] .md-workflow__steps button b {
  color: #276f91;
}

[data-md-color-scheme="default"] .md-workflow__steps button small {
  color: #657480;
}

[data-md-color-scheme="default"] .md-workflow__steps button:is(:hover, :focus-visible) {
  background: #f0f5f7;
}

[data-md-color-scheme="default"] .md-workflow__steps button[aria-selected="true"] {
  border-color: #3b8cad;
  background: #dcecf3;
  box-shadow: inset 0.18rem 0 #347f9e;
}

[data-md-color-scheme="default"] .md-workflow__detail {
  border-color: #79749c;
  background:
    radial-gradient(circle at 88% 85%, rgba(122, 195, 215, 0.12), transparent 28%),
    linear-gradient(145deg, #4c5871, #585174);
  color: #ffffff;
}

[data-md-color-scheme="default"] .md-workflow__detail > span {
  color: #d1c9ff;
}

[data-md-color-scheme="default"] .md-workflow__detail > p {
  color: #e2e2eb;
}

[data-md-color-scheme="default"] .md-workflow__detail > small {
  color: #ffffff;
}

[data-md-color-scheme="default"] .md-path-picker {
  border-color: #cbd4dc;
  background: #edf1f4;
}

[data-md-color-scheme="default"] .md-path-recommendation {
  background: linear-gradient(135deg, #5b5579, #6a6089);
  box-shadow: 0 0.35rem 0.9rem rgba(72, 65, 104, 0.14);
}

[data-md-color-scheme="default"] .md-path-recommendation span {
  color: #e0dcff;
}

[data-md-color-scheme="default"] .md-path-recommendation p {
  color: #e6e3ef;
}

[data-md-color-scheme="default"] .md-landing .md-path-card {
  border-color: #d0d8df;
  background: #f8f9fa;
}

[data-md-color-scheme="default"] .md-landing .md-path-card.is-recommended {
  border-color: #8b7cd3;
  background: linear-gradient(155deg, #f0eef9, #fafafa 68%);
  box-shadow: 0 0.6rem 1.4rem rgba(80, 68, 135, 0.11);
}

[data-md-color-scheme="default"] .md-foundation-route a {
  border-color: #d0d8df;
  background: #eef2f5;
}

[data-md-color-scheme="default"] .md-foundation-route a:nth-child(2) {
  background: #f0eef6;
}

[data-md-color-scheme="default"] .md-foundation-route a:nth-child(3) {
  background: #eaf3f0;
}

[data-md-color-scheme="default"] .md-tool-finder__choices button {
  border-color: #ccd5dc;
  background: #f7f9fa;
}

[data-md-color-scheme="default"] .md-tool-finder__choices button[aria-selected="true"] {
  border-color: #7d70be;
  background: #e9e6f4;
  box-shadow: inset 0.16rem 0 #7466b5;
}

[data-md-color-scheme="default"] .md-tool-finder__result {
  border-color: #66788a;
  background:
    radial-gradient(circle at 90% 20%, rgba(108, 199, 221, 0.13), transparent 27%),
    linear-gradient(145deg, #344b5e, #494966);
  box-shadow: 0 0.7rem 1.7rem rgba(37, 52, 66, 0.13);
}

[data-md-color-scheme="default"] .md-tool-finder__result > span {
  color: #d0c8ff;
}

[data-md-color-scheme="default"] .md-tool-finder__result > p {
  color: #e0e5e9;
}

[data-md-color-scheme="default"] .md-tool-finder__result > div {
  color: #eef1f4;
}

[data-md-color-scheme="default"] .md-readiness-panel {
  border-color: #ccd5dc;
  background: #edf1f4;
}

[data-md-color-scheme="default"] .md-readiness-list button {
  border-color: #d0d7dd;
  background: #fafafa;
}

[data-md-color-scheme="default"] .md-landing-footer {
  border-color: #66798a;
  background:
    radial-gradient(circle at 78% 20%, rgba(151, 136, 208, 0.16), transparent 30%),
    linear-gradient(135deg, #34495a, #45536f);
  box-shadow: 0 0.7rem 1.7rem rgba(38, 53, 65, 0.13);
}

[data-md-color-scheme="default"] .md-landing-footer > a {
  background: #b1a6e6;
  color: #171528 !important;
}

}

/* Restrained light palette for the Monitoring and Detection experience. */

[data-md-color-scheme="default"] .md-landing {
  --md-landing-blue: #0798e8;
  --md-landing-violet: #8174d6;
  --md-landing-green: #2faf89;
  --md-landing-line: #d8e0e7;
}

[data-md-color-scheme="default"] .md-landing .md-eyebrow::before {
  display: none;
}

[data-md-color-scheme="default"] .md-landing .md-eyebrow {
  color: #087fc2;
}

[data-md-color-scheme="default"] .md-landing .md-landing-hero {
  border-color: #b9e3f8;
  background:
    radial-gradient(circle at 84% 30%, rgba(153, 224, 255, 0.27), transparent 29%),
    radial-gradient(circle at 66% 82%, rgba(194, 181, 244, 0.18), transparent 34%),
    linear-gradient(145deg, #ffffff, #fbfdff 62%, #faf8ff);
  box-shadow: 0 0.9rem 2.4rem rgba(37, 102, 137, 0.08);
}

[data-md-color-scheme="default"] .md-landing .md-landing-hero::before {
  background-image:
    linear-gradient(rgba(55, 163, 215, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(55, 163, 215, 0.05) 1px, transparent 1px);
}

[data-md-color-scheme="default"] .md-landing .md-landing-hero h1 {
  background: none;
  color: #17191d;
  -webkit-text-fill-color: #17191d;
}

[data-md-color-scheme="default"] .md-landing .md-landing-hero__copy > p,
[data-md-color-scheme="default"] .md-landing .md-hero-facts small,
[data-md-color-scheme="default"] .md-landing .md-signal-core small {
  color: #6d7278;
}

[data-md-color-scheme="default"] .md-landing .md-primary-action,
[data-md-color-scheme="default"] .md-landing .md-tool-finder__result > a {
  background: #0798e8;
  color: #ffffff !important;
  box-shadow: 0 0.45rem 1.05rem rgba(7, 152, 232, 0.18);
}

[data-md-color-scheme="default"] .md-landing .md-secondary-action {
  border-color: #d5dbe0;
  background: rgba(255, 255, 255, 0.82);
  color: #202328 !important;
}

[data-md-color-scheme="default"] .md-landing .md-signal-ring {
  border-color: rgba(7, 152, 232, 0.25);
}

[data-md-color-scheme="default"] .md-landing .md-signal-ring--two {
  border-color: rgba(129, 116, 214, 0.22);
}

[data-md-color-scheme="default"] .md-landing .md-signal-core {
  border-color: rgba(7, 152, 232, 0.42);
  background: rgba(255, 255, 255, 0.92);
  color: #202328;
}

[data-md-color-scheme="default"] .md-landing .md-hero-facts {
  border-top-color: #dce3e8;
}

[data-md-color-scheme="default"] .md-landing .md-hero-facts strong {
  color: #0798e8;
}

[data-md-color-scheme="default"] .md-landing .md-section-number {
  border-color: #a8dcf6;
  background: #eef9fe;
  color: #078dd7;
}

[data-md-color-scheme="default"] .md-landing .md-workflow {
  padding: 1rem;
  border: 1px solid #cfe3ed;
  border-radius: 0.9rem;
  background: #f2f8fb;
  box-shadow: 0 0.65rem 1.6rem rgba(40, 89, 113, 0.07);
}

[data-md-color-scheme="default"] .md-landing .md-workflow__steps button {
  border-color: #d6e0e6;
  background: #ffffff;
}

[data-md-color-scheme="default"] .md-landing .md-workflow__steps button[aria-selected="true"] {
  border-color: #0798e8;
  background: #eaf7fd;
  box-shadow: inset 0.18rem 0 #0798e8;
}

[data-md-color-scheme="default"] .md-landing .md-workflow__detail {
  border-color: #d6cdf3;
  background:
    radial-gradient(circle at 88% 85%, rgba(145, 215, 243, 0.16), transparent 29%),
    linear-gradient(145deg, #f3f8fd, #f1effb);
  color: #202328;
}

[data-md-color-scheme="default"] .md-landing .md-workflow__detail > span {
  color: #7164c3;
}

[data-md-color-scheme="default"] .md-landing .md-workflow__detail > p {
  color: #646b72;
}

[data-md-color-scheme="default"] .md-landing .md-workflow__detail > small {
  border-top-color: #d9dce5;
  color: #30343a;
}

[data-md-color-scheme="default"] .md-landing .md-path-picker {
  border-color: #d7e1e8;
  background: linear-gradient(135deg, #eef8fd, #f5f2fc);
}

[data-md-color-scheme="default"] .md-landing .md-path-recommendation {
  border: 1px solid #d8d0f2;
  background: rgba(255, 255, 255, 0.72);
}

[data-md-color-scheme="default"] .md-landing .md-path-picker button[aria-pressed="true"] {
  border-color: #0798e8;
  background: #0798e8;
  color: #ffffff;
}

[data-md-color-scheme="default"] .md-landing .md-path-card {
  border-color: #d8e0e6;
  background: #ffffff;
}

[data-md-color-scheme="default"] .md-landing .md-path-card.is-recommended {
  border-color: #83ccef;
  background: linear-gradient(155deg, #effaff, #fbfaff 72%);
  box-shadow: 0 0.6rem 1.45rem rgba(26, 124, 175, 0.09);
}

[data-md-color-scheme="default"] .md-landing .md-path-label {
  background: #e6f6fd;
  color: #0787cd;
}

[data-md-color-scheme="default"] .md-landing .md-foundation-route a {
  border-color: #d7e0e6;
  background: #f4f9fc;
}

[data-md-color-scheme="default"] .md-landing .md-foundation-route a:nth-child(2) {
  background: #f7f5fc;
}

[data-md-color-scheme="default"] .md-landing .md-foundation-route a:nth-child(3) {
  background: #f2f9f7;
}

[data-md-color-scheme="default"] .md-landing .md-tool-finder__choices button {
  border-color: #d7dfe5;
  background: #ffffff;
}

[data-md-color-scheme="default"] .md-landing .md-tool-finder__choices button[aria-selected="true"] {
  border-color: #0798e8;
  background: #edf8fd;
  box-shadow: inset 0.16rem 0 #0798e8;
}

[data-md-color-scheme="default"] .md-landing .md-tool-finder__result {
  border-color: #d2caf1;
  background:
    radial-gradient(circle at 90% 18%, rgba(139, 215, 244, 0.15), transparent 27%),
    linear-gradient(145deg, #f1f8fd, #f2effb);
  color: #202328;
  box-shadow: 0 0.65rem 1.55rem rgba(72, 74, 125, 0.07);
}

[data-md-color-scheme="default"] .md-landing .md-tool-finder__result > span {
  color: #7164c3;
}

[data-md-color-scheme="default"] .md-landing .md-tool-finder__result > p {
  color: #646b72;
}

[data-md-color-scheme="default"] .md-landing .md-tool-finder__result > div {
  border-top-color: #d9dce5;
  color: #34383e;
}

[data-md-color-scheme="default"] .md-landing .md-readiness-panel {
  border-color: #d6dfe5;
  background: #f4f6f8;
}

[data-md-color-scheme="default"] .md-landing .md-landing-footer {
  border-color: #b9e3f8;
  background: linear-gradient(135deg, #eaf8ff, #f5f2fc);
  color: #202328;
}

[data-md-color-scheme="default"] .md-landing .md-landing-footer > span {
  color: #0787cd;
}

[data-md-color-scheme="default"] .md-landing .md-landing-footer > a {
  background: #0798e8;
  color: #ffffff !important;
  box-shadow: 0 0.45rem 1.05rem rgba(7, 152, 232, 0.18);
}

/* Align light mode with the homepage navy and blue brand palette. */

[data-md-color-scheme="default"] .md-landing {
  --md-landing-blue: var(--cdk-blue-primary, #4b9fff);
  --md-landing-violet: var(--cdk-blue-bright, #72b7ff);
  --md-landing-green: var(--cdk-blue-soft, #a8d4ff);
}

[data-md-color-scheme="default"] .md-landing .md-eyebrow,
[data-md-color-scheme="default"] .md-landing .md-hero-facts strong,
[data-md-color-scheme="default"] .md-landing .md-section-number,
[data-md-color-scheme="default"] .md-landing .md-workflow__detail > span,
[data-md-color-scheme="default"] .md-landing .md-path-recommendation span,
[data-md-color-scheme="default"] .md-landing .md-tool-finder__result > span,
[data-md-color-scheme="default"] .md-landing .md-landing-footer > span {
  color: #286fae;
}

[data-md-color-scheme="default"] .md-landing .md-landing-hero {
  border-color: rgba(75, 159, 255, 0.32);
  background:
    radial-gradient(circle at 84% 30%, rgba(114, 183, 255, 0.2), transparent 30%),
    radial-gradient(circle at 66% 82%, rgba(168, 212, 255, 0.14), transparent 35%),
    linear-gradient(145deg, #ffffff, #fbfdff 62%, #f5f9ff);
}

[data-md-color-scheme="default"] .md-landing .md-signal-ring,
[data-md-color-scheme="default"] .md-landing .md-signal-ring--two {
  border-color: rgba(75, 159, 255, 0.28);
}

[data-md-color-scheme="default"] .md-landing .md-signal-core {
  border-color: rgba(75, 159, 255, 0.48);
  box-shadow: 0 0 1.8rem rgba(75, 159, 255, 0.13);
}

[data-md-color-scheme="default"] .md-landing .md-primary-action,
[data-md-color-scheme="default"] .md-landing .md-tool-finder__result > a,
[data-md-color-scheme="default"] .md-landing .md-landing-footer > a {
  background: var(--cdk-blue-primary, #4b9fff);
  color: var(--cdk-navy, #020d1d) !important;
  box-shadow: 0 0.45rem 1.05rem rgba(75, 159, 255, 0.2);
}

[data-md-color-scheme="default"] .md-landing .md-section-number {
  border-color: rgba(75, 159, 255, 0.38);
  background: rgba(168, 212, 255, 0.17);
}

[data-md-color-scheme="default"] .md-landing .md-workflow {
  border-color: rgba(75, 159, 255, 0.2);
  background: #f4f8fc;
}

[data-md-color-scheme="default"] .md-landing .md-workflow__steps button[aria-selected="true"],
[data-md-color-scheme="default"] .md-landing .md-tool-finder__choices button[aria-selected="true"] {
  border-color: var(--cdk-blue-primary, #4b9fff);
  background: rgba(168, 212, 255, 0.18);
  box-shadow: inset 0.18rem 0 var(--cdk-blue-primary, #4b9fff);
}

[data-md-color-scheme="default"] .md-landing .md-workflow__detail,
[data-md-color-scheme="default"] .md-landing .md-tool-finder__result {
  border-color: rgba(75, 159, 255, 0.28);
  background:
    radial-gradient(circle at 90% 18%, rgba(114, 183, 255, 0.13), transparent 28%),
    linear-gradient(145deg, #f5f9fd, #edf5fd);
}

[data-md-color-scheme="default"] .md-landing .md-path-picker {
  border-color: rgba(75, 159, 255, 0.2);
  background: linear-gradient(135deg, #f1f7fd, #f7faff);
}

[data-md-color-scheme="default"] .md-landing .md-path-recommendation {
  border-color: rgba(75, 159, 255, 0.24);
}

[data-md-color-scheme="default"] .md-landing .md-path-picker button[aria-pressed="true"],
[data-md-color-scheme="default"] .md-landing .md-tool-finder__choices button[aria-selected="true"] > span {
  border-color: var(--cdk-blue-primary, #4b9fff);
  background: var(--cdk-blue-primary, #4b9fff);
  color: var(--cdk-navy, #020d1d);
}

[data-md-color-scheme="default"] .md-landing .md-path-card.is-recommended {
  border-color: rgba(75, 159, 255, 0.6);
  background: linear-gradient(155deg, rgba(168, 212, 255, 0.18), #ffffff 72%);
  box-shadow: 0 0.6rem 1.45rem rgba(75, 159, 255, 0.1);
}

[data-md-color-scheme="default"] .md-landing .md-path-label,
[data-md-color-scheme="default"] .md-landing .md-foundation-route a > span {
  background: rgba(168, 212, 255, 0.24);
  color: #286fae;
}

[data-md-color-scheme="default"] .md-landing .md-foundation-route a,
[data-md-color-scheme="default"] .md-landing .md-foundation-route a:nth-child(2),
[data-md-color-scheme="default"] .md-landing .md-foundation-route a:nth-child(3) {
  border-color: rgba(75, 159, 255, 0.2);
  background: linear-gradient(145deg, #f7faff, #f1f6fb);
}

[data-md-color-scheme="default"] .md-landing .md-foundation-route small,
[data-md-color-scheme="default"] .md-landing .md-foundation-route a:nth-child(3) small {
  color: #286fae;
}

[data-md-color-scheme="default"] .md-landing .md-readiness-panel {
  border-color: rgba(75, 159, 255, 0.18);
  background: #f3f6f9;
}

[data-md-color-scheme="default"] .md-landing .md-landing-footer {
  border-color: rgba(75, 159, 255, 0.3);
  background: linear-gradient(135deg, rgba(168, 212, 255, 0.28), rgba(75, 159, 255, 0.08));
}

/* Compact page-progress rail used by the Monitoring and Detection landing page. */

.md-progress-rail {
  --md-rail-progress: 0%;
  position: relative;
  margin-top: 0.75rem;
  padding: 0.8rem 0.2rem 0.8rem 0.45rem;
}

.md-progress-rail__title {
  margin: 0 0 1.1rem 0.15rem;
}

.md-progress-rail__title span,
.md-progress-rail__title strong {
  display: block;
}

.md-progress-rail__title span {
  color: var(--md-default-fg-color--light);
  font-size: 0.58rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.md-progress-rail__title strong {
  margin-top: 0.12rem;
  font-size: 0.76rem;
}

.md-progress-rail__track {
  position: absolute;
  top: 4.25rem;
  bottom: 1.65rem;
  left: 1.15rem;
  width: 0.1rem;
  overflow: hidden;
  border-radius: 1rem;
  background: var(--md-default-fg-color--lightest);
}

.md-progress-rail__track i {
  display: block;
  width: 100%;
  height: var(--md-rail-progress);
  border-radius: inherit;
  background: var(--md-accent-fg-color);
  transition: height 240ms ease;
}

.md-progress-rail__list {
  display: grid;
  gap: 0.28rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.md-progress-rail__list li {
  margin: 0 !important;
}

.md-progress-rail__list a {
  position: relative;
  display: grid;
  grid-template-columns: 1.55rem minmax(0, 1fr);
  gap: 0.48rem;
  align-items: center;
  min-height: 2.15rem;
  padding: 0.32rem 0.38rem 0.32rem 0;
  border-radius: 0.4rem;
  color: var(--md-default-fg-color--light) !important;
}

.md-progress-rail__list a > span {
  position: relative;
  z-index: 1;
  display: grid;
  width: 1.4rem;
  height: 1.4rem;
  place-items: center;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 50%;
  background: var(--md-default-bg-color);
  font-family: var(--md-code-font-family);
  font-size: 0.58rem;
  font-weight: 700;
}

.md-progress-rail__list a > strong {
  overflow: hidden;
  font-size: 0.72rem;
  font-weight: 560;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-progress-rail__list a:is(:hover, :focus-visible) {
  color: var(--md-default-fg-color) !important;
  background: var(--md-code-bg-color);
}

.md-progress-rail__list a.is-active {
  color: var(--md-default-fg-color) !important;
}

.md-progress-rail__list a.is-active > span {
  border-color: var(--md-accent-fg-color);
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  box-shadow: 0 0 0 0.18rem var(--md-default-bg-color);
}

.md-progress-rail__list a.is-active > strong {
  font-weight: 700;
}

.md-progress-rail__top {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
  margin: 1.05rem 0 0 0;
  color: var(--md-default-fg-color--light) !important;
  font-size: 0.65rem;
  font-weight: 650;
}

.md-progress-rail__top > span {
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 1.35rem;
  place-items: center;
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 50%;
  color: var(--md-default-fg-color--light);
}

.md-progress-rail__top svg {
  width: 0.78rem;
  height: 0.78rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.md-progress-rail__top:is(:hover, :focus-visible) {
  color: var(--md-accent-fg-color) !important;
}

.md-progress-rail__top:is(:hover, :focus-visible) > span {
  border-color: var(--md-accent-fg-color);
  color: var(--md-accent-fg-color);
  background: var(--md-accent-fg-color--transparent);
}

/* Connect the active Monitoring and Detection parent to its child categories. */

.md-sidebar--primary .md-monitoring-nav-root > .md-nav__link {
  margin-bottom: 0.2rem;
  border-radius: 0.45rem 0.45rem 0.25rem 0.25rem;
}

.md-sidebar--primary .md-monitoring-nav-root > .md-nav {
  margin-left: 0.55rem;
  padding-left: 0.45rem;
}

.md-sidebar--primary .md-monitoring-nav-root > .md-nav > .md-nav__list {
  padding-top: 0.05rem;
}

@media screen and (max-width: 76.234375em) {
  .md-progress-rail {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .md-progress-rail__track i {
    transition: none;
  }
}

/* Understanding BAS and MITRE ATT&CK */

.bas-value-grid,
.attack-use-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0;
}

.attack-term-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0;
}

.bas-value-card,
.attack-term-card,
.attack-use-card {
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: linear-gradient(145deg, rgba(70, 175, 255, 0.08), rgba(70, 175, 255, 0.02));
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.bas-value-card h3,
.attack-term-card h3,
.attack-use-card h3 {
  margin: 0 0 0.55rem !important;
  font-size: 1.05rem !important;
}

@media (hover: hover) {
  .bas-value-card:hover,
  .attack-term-card:hover,
  .attack-use-card:hover {
    transform: translateY(-0.2rem);
    border-color: rgba(70, 175, 255, 0.52);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.12);
  }
}

.bas-workflow,
.attack-workflow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 1.4rem 0 2rem !important;
  padding: 0 !important;
  list-style: none;
}

.bas-workflow { counter-reset: bas-step; }
.attack-workflow { counter-reset: attack-step; }

.bas-workflow li,
.attack-workflow li {
  position: relative;
  padding: 3rem 1rem 1rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.bas-workflow li { counter-increment: bas-step; }
.attack-workflow li { counter-increment: attack-step; }

.bas-workflow li::before,
.attack-workflow li::before {
  position: absolute;
  top: 0.85rem;
  left: 1rem;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.75rem;
  font-weight: 800;
}

.bas-workflow li::before { content: counter(bas-step); }
.attack-workflow li::before { content: counter(attack-step); }

.bas-workflow strong, .bas-workflow span, .bas-workflow small,
.attack-workflow strong, .attack-workflow span, .attack-workflow small {
  display: block;
}

.bas-workflow span,
.attack-workflow span {
  margin-top: 0.35rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.82rem;
  line-height: 1.48;
}

.bas-workflow small,
.attack-workflow small {
  margin-top: 0.7rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(95, 175, 225, 0.15);
  color: var(--md-accent-fg-color);
  font-size: 0.68rem;
}

.bas-workflow li.bas-step--active,
.attack-workflow li.attack-step--active {
  transform: translateY(-0.18rem);
  border-color: rgba(70, 175, 255, 0.65);
  box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.13);
}

.bas-simulator,
.attack-mapper {
  margin: 1.4rem 0 1.8rem;
  padding: 1.15rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.8rem;
  background: rgba(70, 175, 255, 0.035);
}

.bas-simulator fieldset,
.attack-mapper fieldset {
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
}

.bas-simulator legend,
.attack-mapper legend {
  margin-bottom: 0.65rem;
  font-weight: 700;
}

.bas-simulator__scenarios,
.attack-mapper__scenarios {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.bas-simulator__checks,
.attack-mapper__checks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
}

.bas-simulator button,
.attack-mapper button {
  padding: 0.78rem;
  border: 1px solid rgba(95, 175, 225, 0.24);
  border-radius: 0.6rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform 170ms ease, border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease;
}

.bas-simulator button strong, .bas-simulator button small,
.attack-mapper button strong, .attack-mapper button small {
  display: block;
}

.bas-simulator button small,
.attack-mapper button small {
  margin-top: 0.22rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.74rem;
}

.bas-simulator button:hover, .bas-simulator button:focus-visible,
.attack-mapper button:hover, .attack-mapper button:focus-visible {
  transform: translateY(-0.12rem);
  border-color: rgba(70, 175, 255, 0.68);
  box-shadow: 0 0.5rem 1.1rem rgba(0, 35, 70, 0.1);
}

.bas-simulator button:focus-visible,
.attack-mapper button:focus-visible {
  outline: 0.13rem solid var(--md-accent-fg-color);
  outline-offset: 0.13rem;
}

.bas-simulator button[aria-pressed="true"],
.attack-mapper button[aria-pressed="true"] {
  border-color: var(--md-accent-fg-color);
  background: rgba(70, 175, 255, 0.13);
}

.bas-simulator__result,
.attack-mapper__result {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  padding: 0.9rem 1rem;
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
  box-shadow: inset 0.2rem 0 #90a4ae;
}

.bas-simulator__score,
.attack-mapper__score {
  display: grid;
  flex: 0 0 2.8rem;
  height: 2.8rem;
  place-items: center;
  border-radius: 50%;
  background: rgba(70, 175, 255, 0.14);
  color: var(--md-accent-fg-color);
  font-size: 0.76rem;
  font-weight: 900;
}

.bas-simulator__result strong, .bas-simulator__result small,
.attack-mapper__result strong, .attack-mapper__result small {
  display: block;
}

.bas-simulator__result small,
.attack-mapper__result small {
  margin-top: 0.24rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
}

.bas-simulator__result[data-state="partial"],
.attack-mapper__result[data-state="supported"] {
  background: rgba(255, 193, 7, 0.08);
  box-shadow: inset 0.2rem 0 #ffc107;
}

.bas-simulator__result[data-state="validated"],
.attack-mapper__result[data-state="reviewable"] {
  background: rgba(102, 187, 106, 0.08);
  box-shadow: inset 0.2rem 0 #66bb6a;
}

.attack-mapper__candidate {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  justify-content: center;
  margin: 0.2rem 0 1rem;
}

.attack-mapper__candidate span {
  padding: 0.65rem 0.85rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.55rem;
  background: var(--md-code-bg-color);
  text-align: center;
}

.attack-mapper__candidate small,
.attack-mapper__candidate strong {
  display: block;
}

.attack-mapper__candidate small {
  color: var(--md-default-fg-color--light);
}

.attack-mapper__candidate b {
  color: var(--md-accent-fg-color);
}

.bas-next-steps,
.attack-next-steps {
  margin-top: 1.75rem;
  padding: 1.2rem 1.35rem;
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0 0.6rem 0.6rem 0;
  background: rgba(70, 175, 255, 0.07);
}

.bas-next-steps h3,
.attack-next-steps h3 {
  margin-top: 0 !important;
}

.bas-motion-ready .bas-reveal,
.attack-motion-ready .attack-reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 520ms cubic-bezier(0.22, 1, 0.36, 1), transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bas-motion-ready .bas-reveal.bas-reveal--visible,
.attack-motion-ready .attack-reveal.attack-reveal--visible {
  opacity: 1;
  transform: none;
}

@media screen and (max-width: 900px) {
  .attack-term-grid,
  .bas-workflow,
  .attack-workflow,
  .bas-simulator__checks,
  .attack-mapper__checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 600px) {
  .bas-value-grid,
  .attack-use-grid,
  .attack-term-grid,
  .bas-workflow,
  .attack-workflow,
  .bas-simulator__scenarios,
  .attack-mapper__scenarios,
  .bas-simulator__checks,
  .attack-mapper__checks {
    grid-template-columns: 1fr;
  }

  .attack-mapper__candidate {
    flex-direction: column;
  }

  .attack-mapper__candidate b {
    transform: rotate(90deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bas-value-card,
  .attack-term-card,
  .attack-use-card,
  .bas-workflow li,
  .attack-workflow li,
  .bas-simulator button,
  .attack-mapper button,
  .bas-motion-ready .bas-reveal,
  .attack-motion-ready .attack-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Understanding EDR */

.edr-record-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0;
}

.edr-record-grid--values {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.edr-record-grid--values .edr-record-card {
  padding: 1rem;
}

.edr-record-card {
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: linear-gradient(
    145deg,
    rgba(70, 175, 255, 0.08),
    rgba(70, 175, 255, 0.02)
  );
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.edr-record-card h3 {
  margin: 0 0 0.55rem !important;
  font-size: 1.05rem !important;
}

.edr-record-card p:last-child {
  margin-bottom: 0;
}

@media (hover: hover) {
  .edr-record-card:hover {
    transform: translateY(-0.2rem);
    border-color: rgba(70, 175, 255, 0.52);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.12);
  }
}

.edr-chain {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  margin: 1.4rem 0;
  overflow-x: auto;
  padding-bottom: 0.4rem;
}

.edr-chain__step {
  flex: 1 0 8.2rem;
  min-height: 7.4rem;
  padding: 0.8rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
}

.edr-chain__step > span {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  margin-bottom: 0.5rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.7rem;
  font-weight: 900;
}

.edr-chain__step strong,
.edr-chain__step small {
  display: block;
}

.edr-chain__step small {
  margin-top: 0.3rem;
  color: var(--md-default-fg-color--light);
  line-height: 1.4;
}

.edr-chain > b {
  color: var(--md-accent-fg-color);
}

.edr-investigation {
  margin: 1.4rem 0 1.8rem;
  padding: 1.15rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.8rem;
  background: rgba(70, 175, 255, 0.035);
}

.edr-investigation fieldset {
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
}

.edr-investigation legend {
  margin-bottom: 0.65rem;
  font-weight: 700;
}

.edr-investigation__evidence,
.edr-investigation__responses {
  display: grid;
  gap: 0.7rem;
}

.edr-investigation__evidence {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.edr-investigation__responses {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.edr-investigation button {
  padding: 0.75rem;
  border: 1px solid rgba(95, 175, 225, 0.24);
  border-radius: 0.6rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background-color 170ms ease,
    box-shadow 170ms ease;
}

.edr-investigation button strong,
.edr-investigation button small {
  display: block;
}

.edr-investigation button small {
  margin-top: 0.22rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
}

.edr-investigation button:hover,
.edr-investigation button:focus-visible {
  transform: translateY(-0.12rem);
  border-color: rgba(70, 175, 255, 0.68);
  box-shadow: 0 0.5rem 1.1rem rgba(0, 35, 70, 0.1);
}

.edr-investigation button:focus-visible {
  outline: 0.13rem solid var(--md-accent-fg-color);
  outline-offset: 0.13rem;
}

.edr-investigation button[aria-pressed="true"] {
  border-color: var(--md-accent-fg-color);
  background: rgba(70, 175, 255, 0.13);
}

.edr-investigation__assessment,
.edr-investigation__response {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.9rem 1rem;
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
  box-shadow: inset 0.2rem 0 #90a4ae;
}

.edr-investigation__score {
  display: grid;
  flex: 0 0 2.8rem;
  height: 2.8rem;
  place-items: center;
  border-radius: 50%;
  background: rgba(70, 175, 255, 0.14);
  color: var(--md-accent-fg-color);
  font-size: 0.76rem;
  font-weight: 900;
}

.edr-investigation__status {
  min-width: 5.5rem;
  padding: 0.38rem 0.5rem;
  border-radius: 999px;
  background: rgba(102, 187, 106, 0.14);
  font-size: 0.68rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.edr-investigation__assessment strong,
.edr-investigation__assessment small,
.edr-investigation__response strong,
.edr-investigation__response small {
  display: block;
}

.edr-investigation__assessment small,
.edr-investigation__response small {
  margin-top: 0.24rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
  line-height: 1.45;
}

.edr-investigation__assessment[data-confidence="suspicious"] {
  background: rgba(255, 193, 7, 0.08);
  box-shadow: inset 0.2rem 0 #ffc107;
}

.edr-investigation__assessment[data-confidence="high"] {
  background: rgba(255, 82, 82, 0.08);
  box-shadow: inset 0.2rem 0 #ff5252;
}

.edr-investigation__response[data-state="disruptive"] {
  background: rgba(255, 193, 7, 0.08);
  box-shadow: inset 0.2rem 0 #ffc107;
}

.edr-lab {
  overflow: hidden;
  padding: 0;
  border-color: rgba(70, 175, 255, 0.34);
  background: var(--md-default-bg-color);
}

.edr-lab__bar {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  padding: 0.75rem 1rem;
  background: #102538;
  color: #fff;
}

.edr-lab__bar > div:first-child,
.edr-lab__progress {
  display: flex;
  gap: 0.65rem;
  align-items: center;
}

.edr-lab__live {
  padding: 0.25rem 0.45rem;
  border-radius: 999px;
  background: #ff5252;
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.edr-lab__bar strong { font-size: 0.76rem; }
.edr-lab__progress { font-size: 0.65rem; font-weight: 700; }
.edr-lab__progress i { width: 6rem; height: 0.35rem; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, 0.2); }
.edr-lab__progress b { display: block; width: 25%; height: 100%; border-radius: inherit; background: #4fc3f7; transition: width 260ms ease; }
.edr-lab__progress em { padding-left: 0.65rem; border-left: 1px solid rgba(255, 255, 255, 0.25); color: #b3e5fc; font-style: normal; }

.edr-lab__scenario {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  margin: 0;
  padding: 1.2rem;
  border-bottom: 1px solid rgba(95, 175, 225, 0.2);
  background: linear-gradient(135deg, rgba(70, 175, 255, 0.1), rgba(70, 175, 255, 0.025));
}

.edr-lab__severity {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
}

.edr-lab__severity span { padding: 0.4rem 0.65rem; border-radius: 0.4rem; background: #d84343; color: #fff; font-size: 0.68rem; font-weight: 850; text-transform: uppercase; }
.edr-lab__severity small { color: var(--md-default-fg-color--light); font-size: 0.6rem; }
.edr-lab__scenario > div:last-child > small { color: var(--md-accent-fg-color); font-size: 0.65rem; font-weight: 750; text-transform: uppercase; letter-spacing: 0.04em; }
.edr-lab__scenario h3 { margin: 0.18rem 0 0.35rem !important; font-size: 1.08rem !important; }
.edr-lab__scenario p { margin: 0; color: var(--md-default-fg-color--light); font-size: 0.78rem; }
.edr-lab__scenario dl { display: flex; flex-wrap: wrap; gap: 0.45rem 1.2rem; margin: 0.75rem 0 0; }
.edr-lab__scenario dl div { display: flex; gap: 0.3rem; }
.edr-lab__scenario dt { color: var(--md-default-fg-color--light); font-size: 0.65rem; }
.edr-lab__scenario dd { margin: 0; font-family: var(--md-code-font-family); font-size: 0.65rem; font-weight: 750; }
.edr-lab .edr-lab__start { margin-top: 0.8rem; padding: 0.5rem 0.75rem; border-color: var(--md-accent-fg-color); background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); font-size: 0.68rem; font-weight: 800; }
.edr-lab .edr-lab__start:disabled { border-color: rgba(67, 160, 71, 0.45); background: rgba(67, 160, 71, 0.12); color: #43a047; cursor: default; }

.md-typeset ol.edr-lab__journey {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(7rem, 1fr));
  gap: 0.75rem;
  margin: 0 !important;
  padding: 0.85rem 1.2rem !important;
  border-bottom: 1px solid rgba(95, 175, 225, 0.18);
  list-style: none;
  overflow-x: auto;
}

.md-typeset .edr-lab__journey > li { display: flex !important; gap: 0.45rem; align-items: center; min-width: 0; margin: 0; color: var(--md-default-fg-color--light); font-size: 0.67rem; }
.edr-lab__journey li span { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border: 1px solid rgba(95, 175, 225, 0.35); border-radius: 50%; font-weight: 800; }
.edr-lab__journey li[aria-current="step"] { color: var(--md-default-fg-color); }
.edr-lab__journey li[aria-current="step"] span { border-color: var(--md-accent-fg-color); background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); }
.edr-lab__journey li.is-complete span { border-color: #43a047; background: #43a047; color: #fff; }

.edr-lab .edr-lab__step {
  margin: 0;
  padding: 1.15rem 1.2rem;
  border-bottom: 1px solid rgba(95, 175, 225, 0.18);
}

.edr-lab__step h4 { display: flex; gap: 0.5rem; align-items: center; margin: 0 !important; font-size: 0.88rem !important; }
.edr-lab__step h4 span { display: grid; width: 1.5rem; height: 1.5rem; place-items: center; border-radius: 50%; background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); font-size: 0.68rem; }
.edr-lab__step > p { margin: 0.1rem 0 0.8rem; color: var(--md-default-fg-color--light); font-size: 0.73rem; }
.edr-lab__step.is-locked { opacity: 0.52; }

.edr-lab__guide {
  margin: 0 0 0.85rem;
  padding: 0.75rem;
  border: 1px solid rgba(95, 175, 225, 0.24);
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0.5rem;
  background: rgba(70, 175, 255, 0.055);
}

.edr-lab__guide > strong { display: block; margin-bottom: 0.5rem; color: var(--md-accent-fg-color); font-size: 0.67rem; letter-spacing: 0.04em; text-transform: uppercase; }
.md-typeset .edr-lab__guide > ol { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 0.45rem; margin: 0 !important; padding: 0 !important; counter-reset: edr-guide; list-style: none; }
.md-typeset .edr-lab__guide > ol li { position: relative; margin: 0; padding: 0.45rem 0.5rem 0.45rem 1.8rem; border-radius: 0.35rem; background: var(--md-default-bg-color); font-size: 0.64rem; line-height: 1.4; counter-increment: edr-guide; }
.md-typeset .edr-lab__guide > ol li::before { content: counter(edr-guide); position: absolute; top: 0.43rem; left: 0.45rem; display: grid; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; background: rgba(70, 175, 255, 0.15); color: var(--md-accent-fg-color); font-size: 0.52rem; font-weight: 850; }
.edr-lab__guide > small { display: block; margin-top: 0.55rem; color: var(--md-default-fg-color--light); font-size: 0.63rem; }
.edr-lab__guide > small b { color: var(--md-default-fg-color); }
.md-typeset .edr-lab__guide details {
  margin: 0.5rem 0 0 !important;
  padding: 0 0.55rem 0.4rem !important;
  border: 1px solid rgba(70, 175, 255, 0.34) !important;
  border-radius: 0.35rem;
  background: var(--md-default-bg-color) !important;
  box-shadow: none !important;
  font-size: 0.64rem;
}

.md-typeset .edr-lab__guide summary {
  display: block;
  width: auto;
  min-height: 0;
  margin: 0 -0.55rem !important;
  padding: 0.42rem 2rem !important;
  border: 0;
  border-radius: 0.35rem 0.35rem 0 0;
  background: rgba(70, 175, 255, 0.12);
  color: var(--md-accent-fg-color);
  font-weight: 750;
  cursor: pointer;
}

.md-typeset .edr-lab__guide details:not([open]) { padding-bottom: 0 !important; }
.md-typeset .edr-lab__guide details[open] summary { margin-bottom: 0.3rem !important; }
.md-typeset .edr-lab__guide details p { margin: 0 !important; padding: 0; color: var(--md-default-fg-color--light); line-height: 1.4; }

.edr-lab .edr-investigation__evidence {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}
.edr-lab__evidence-card { overflow: hidden; border: 1px solid rgba(95, 175, 225, 0.24); border-radius: 0.65rem; background: var(--md-default-bg-color); }
.edr-lab .edr-investigation__evidence .edr-lab__evidence-card > button { display: grid; width: 100%; grid-template-columns: 1fr; align-content: start; border: 0; border-radius: 0; box-shadow: none; }
.edr-lab .edr-investigation__evidence button > span { display: flex; justify-content: space-between; margin-bottom: 0.35rem; }
.edr-lab .edr-investigation__evidence button b { color: var(--md-default-fg-color--light); font-family: var(--md-code-font-family); font-size: 0.62rem; }
.edr-lab .edr-investigation__evidence button em { color: var(--md-accent-fg-color); font-size: 0.58rem; font-style: normal; font-weight: 800; text-transform: uppercase; }
.edr-lab .edr-investigation__evidence button[aria-expanded="true"] { border-color: var(--md-accent-fg-color); background: rgba(70, 175, 255, 0.1); }
.edr-lab__evidence-card > div { padding: 0.75rem; border-top: 1px solid rgba(95, 175, 225, 0.18); background: rgba(70, 175, 255, 0.04); }
.edr-lab__evidence-card > div p { margin: 0 0 0.6rem; color: var(--md-default-fg-color--light); font-size: 0.69rem; line-height: 1.5; }
.edr-lab__evidence-card > div dl { display: grid; gap: 0.25rem; margin: 0 0 0.65rem; }
.edr-lab__evidence-card > div dl div { display: grid; grid-template-columns: 5rem 1fr; gap: 0.4rem; font-size: 0.62rem; }
.edr-lab__evidence-card > div dt { color: var(--md-default-fg-color--light); }
.edr-lab__evidence-card > div dd { min-width: 0; margin: 0; overflow-wrap: anywhere; font-family: var(--md-code-font-family); }
.edr-lab__evidence-card > div label { display: flex; gap: 0.45rem; align-items: center; padding: 0.48rem 0.55rem; border-radius: 0.4rem; background: var(--md-code-bg-color); font-size: 0.66rem; font-weight: 750; cursor: pointer; }
.edr-lab__evidence-card > div input { width: 0.9rem; height: 0.9rem; accent-color: var(--md-accent-fg-color); }
.edr-lab__evidence-card:has(input:checked) { border-color: var(--md-accent-fg-color); box-shadow: inset 0 0 0 1px var(--md-accent-fg-color); }

.edr-lab__coach,
.edr-lab__feedback {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  margin-top: 0.75rem;
  padding: 0.65rem 0.75rem;
  border-left: 0.2rem solid #90a4ae;
  border-radius: 0.45rem;
  background: var(--md-code-bg-color);
  font-size: 0.69rem;
}

.edr-lab__coach span { flex: 0 0 auto; color: var(--md-accent-fg-color); font-weight: 800; }
.edr-lab__coach p { margin: 0; }
.edr-lab__coach[data-state="correct"] { border-left-color: #43a047; background: rgba(67, 160, 71, 0.1); }
.edr-lab__coach[data-state="correct"] span { color: #2e7d32; }
.edr-lab__coach[data-state="error"] { border-left-color: #e53935; background: rgba(229, 57, 53, 0.09); }
.edr-lab__coach[data-state="error"] span { color: #c62828; }
.edr-lab__choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.65rem; }
.edr-lab__choices button[aria-pressed="true"] { border-color: var(--md-accent-fg-color); background: rgba(70, 175, 255, 0.12); }
.edr-lab__feedback { display: block; width: 100%; margin-bottom: 0; text-align: left; }
.edr-lab__feedback[data-state="correct"] { border-left-color: #43a047; background: rgba(67, 160, 71, 0.09); color: var(--md-default-fg-color); }
.edr-lab__feedback[data-state="hint"] { border-left-color: #ffb300; background: rgba(255, 179, 0, 0.09); color: var(--md-default-fg-color); }

.edr-lab__plan { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; }
.edr-lab__plan label { display: grid; gap: 0.35rem; padding: 0.7rem; border: 1px solid rgba(95, 175, 225, 0.24); border-radius: 0.55rem; }
.edr-lab__plan label > span { display: flex; gap: 0.4rem; align-items: center; font-size: 0.7rem; font-weight: 800; }
.edr-lab__plan label > span b { display: grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: 50%; background: rgba(70, 175, 255, 0.14); color: var(--md-accent-fg-color); font-size: 0.58rem; }
.edr-lab__plan select,
.edr-lab__note textarea { width: 100%; border: 1px solid rgba(95, 175, 225, 0.35); border-radius: 0.4rem; background: var(--md-default-bg-color); color: var(--md-default-fg-color); font: inherit; font-size: 0.68rem; }
.edr-lab__plan select { min-height: 2rem; padding: 0.35rem; }
.edr-lab__note { display: grid; gap: 0.3rem; margin-top: 0.75rem; font-size: 0.7rem; font-weight: 800; }
.edr-lab__note textarea { padding: 0.55rem; resize: vertical; }
.edr-lab__note small { color: var(--md-default-fg-color--light); font-size: 0.62rem; font-weight: 400; }
.edr-lab__note-help { display: flex; flex-wrap: wrap; gap: 0.55rem; align-items: center; margin-top: 0.4rem; padding: 0.65rem; border: 1px solid rgba(95, 175, 225, 0.24); border-radius: 0.5rem; background: rgba(70, 175, 255, 0.05); }
.edr-lab__note-help > div { flex: 1 1 100%; }
.edr-lab__note-help > div > strong { display: block; margin-bottom: 0.4rem; color: var(--md-accent-fg-color); font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.04em; }
.md-typeset .edr-lab__note-help ol { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.4rem; margin: 0 !important; padding: 0 !important; list-style: none; }
.md-typeset .edr-lab__note-help li { margin: 0; padding: 0.42rem 0.48rem; border-radius: 0.35rem; background: var(--md-default-bg-color); }
.edr-lab__note-help li b,
.edr-lab__note-help li span { display: block; }
.edr-lab__note-help li b { font-size: 0.61rem; }
.edr-lab__note-help li span { margin-top: 0.12rem; color: var(--md-default-fg-color--light); font-size: 0.58rem; line-height: 1.35; }
.edr-lab .edr-lab__note-help > button { padding: 0.38rem 0.55rem; border-color: rgba(70, 175, 255, 0.45); background: var(--md-default-bg-color); color: var(--md-accent-fg-color); font-size: 0.62rem; font-weight: 800; }
.md-typeset .edr-lab__note-help details { flex: 1 1 16rem; margin: 0 !important; padding: 0 !important; border: 0; background: transparent; box-shadow: none; font-size: 0.62rem; }
.md-typeset .edr-lab__note-help summary { margin: 0 !important; padding: 0.38rem 1.8rem 0.38rem 2.15rem !important; border-radius: 0.35rem; background: var(--md-default-bg-color); color: var(--md-accent-fg-color); font-weight: 750; }
.md-typeset .edr-lab__note-help details p { margin: 0.4rem 0 0 !important; padding: 0.45rem; border-radius: 0.35rem; background: var(--md-default-bg-color); color: var(--md-default-fg-color--light); line-height: 1.45; }
.edr-lab .edr-lab__check { margin-top: 0.7rem; border-color: var(--md-accent-fg-color); background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); font-size: 0.68rem; font-weight: 800; }

.edr-lab__result {
  margin: 1rem 1.2rem;
  padding: 1rem;
  border: 1px solid rgba(67, 160, 71, 0.45);
  border-radius: 0.7rem;
  background: rgba(67, 160, 71, 0.08);
}

.edr-lab__result > div > span { color: #43a047; font-size: 0.63rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; }
.edr-lab__result > div > strong { display: block; margin-top: 0.15rem; font-size: 0.92rem; }
.edr-lab__result p { margin: 0.3rem 0 0.75rem; color: var(--md-default-fg-color--light); font-size: 0.73rem; }
.edr-lab__result ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem; margin: 0 !important; padding: 0 !important; list-style: none; }
.edr-lab__result li { display: flex; gap: 0.45rem; align-items: center; font-size: 0.7rem; }
.edr-lab__result li b { display: grid; flex: 0 0 1.3rem; height: 1.3rem; place-items: center; border-radius: 50%; background: #43a047; color: #fff; font-size: 0.58rem; }
.edr-lab__result blockquote { margin: 0.8rem 0; padding: 0.6rem 0.75rem; border-left-color: #43a047; background: var(--md-default-bg-color); }
.edr-lab__result blockquote strong,
.edr-lab__result blockquote span { display: block; }
.edr-lab__result blockquote strong { margin-bottom: 0.2rem; font-size: 0.63rem; }
.edr-lab__result blockquote span { color: var(--md-default-fg-color--light); font-size: 0.69rem; }
.edr-lab__result details { margin: 0; font-size: 0.69rem; }
.edr-lab__result details p { margin-bottom: 0; }

.edr-lab__footer { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 0.75rem 1.2rem; background: var(--md-code-bg-color); }
.edr-lab__footer span { color: var(--md-default-fg-color--light); font-size: 0.68rem; }
.edr-lab__footer button { flex: 0 0 auto; padding: 0.42rem 0.65rem; background: transparent; font-size: 0.65rem; font-weight: 750; }

.edr-workflow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 1.4rem 0 2rem !important;
  padding: 0 !important;
  counter-reset: edr-step;
  list-style: none;
}

.edr-workflow li {
  position: relative;
  padding: 3rem 1rem 1rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
  counter-increment: edr-step;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.edr-workflow li::before {
  content: counter(edr-step);
  position: absolute;
  top: 0.85rem;
  left: 1rem;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.75rem;
  font-weight: 800;
}

.edr-workflow strong,
.edr-workflow span,
.edr-workflow small {
  display: block;
}

.edr-workflow span {
  margin-top: 0.35rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.82rem;
  line-height: 1.48;
}

.edr-workflow small {
  margin-top: 0.7rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(95, 175, 225, 0.15);
  color: var(--md-accent-fg-color);
  font-size: 0.68rem;
}

.edr-workflow li.edr-step--active {
  transform: translateY(-0.18rem);
  border-color: rgba(70, 175, 255, 0.65);
  box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.13);
}

.edr-next-steps {
  margin-top: 1.75rem;
  padding: 1.2rem 1.35rem;
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0 0.6rem 0.6rem 0;
  background: rgba(70, 175, 255, 0.07);
}

.edr-next-steps h3 {
  margin-top: 0 !important;
}

.edr-motion-ready .edr-reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition:
    opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--edr-reveal-delay, 0ms);
}

.edr-motion-ready .edr-reveal.edr-reveal--visible {
  opacity: 1;
  transform: none;
}

@media screen and (max-width: 1000px) {
  .edr-record-grid--values,
  .edr-investigation__evidence,
  .edr-investigation__responses {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md-typeset .edr-lab__note-help ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 800px) {
  .edr-record-grid,
  .edr-workflow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .edr-lab__journey li { justify-content: flex-start; }
}

@media screen and (max-width: 600px) {
  .edr-record-grid--values,
  .edr-record-grid,
  .edr-workflow,
  .edr-investigation__evidence,
  .edr-investigation__responses {
    grid-template-columns: 1fr;
  }

  .edr-lab__bar,
  .edr-lab__footer { align-items: flex-start; flex-direction: column; }
  .edr-lab__progress { width: 100%; justify-content: space-between; }
  .edr-lab__scenario { grid-template-columns: 1fr; }
  .edr-lab__severity { flex-direction: row; }
  .edr-lab .edr-investigation__evidence,
  .edr-lab__choices,
  .edr-lab__plan,
  .md-typeset .edr-lab__note-help ol,
  .edr-lab__result ol { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .edr-record-card,
  .edr-workflow li,
  .edr-investigation button,
  .edr-motion-ready .edr-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Understanding DFIR */

.dfir-pair,
.dfir-evidence-grid,
.dfir-integrity-grid {
  display: grid;
  gap: 1rem;
  margin: 1.4rem 0;
}

.dfir-pair,
.dfir-integrity-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dfir-evidence-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dfir-pair__card,
.dfir-evidence-card,
.dfir-integrity-card {
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: linear-gradient(
    145deg,
    rgba(70, 175, 255, 0.08),
    rgba(70, 175, 255, 0.02)
  );
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.dfir-pair__card h3,
.dfir-evidence-card h3,
.dfir-integrity-card h3 {
  margin: 0 0 0.55rem !important;
  font-size: 1.05rem !important;
}

.dfir-pair__card p:last-child,
.dfir-evidence-card p:last-child,
.dfir-integrity-card p:last-child {
  margin-bottom: 0;
}

@media (hover: hover) {
  .dfir-pair__card:hover,
  .dfir-evidence-card:hover,
  .dfir-integrity-card:hover {
    transform: translateY(-0.2rem);
    border-color: rgba(70, 175, 255, 0.52);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.12);
  }
}

.dfir-lifecycle {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 1.4rem 0 2rem !important;
  padding: 0 !important;
  counter-reset: dfir-step;
  list-style: none;
}

.dfir-lifecycle li {
  position: relative;
  padding: 3rem 1rem 1rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
  counter-increment: dfir-step;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.dfir-lifecycle li::before {
  content: counter(dfir-step);
  position: absolute;
  top: 0.85rem;
  left: 1rem;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.75rem;
  font-weight: 800;
}

.dfir-lifecycle strong,
.dfir-lifecycle span,
.dfir-lifecycle small {
  display: block;
}

.dfir-lifecycle span {
  margin-top: 0.35rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.82rem;
  line-height: 1.48;
}

.dfir-lifecycle small {
  margin-top: 0.7rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(95, 175, 225, 0.15);
  color: var(--md-accent-fg-color);
  font-size: 0.68rem;
}

.dfir-lifecycle li.dfir-step--active {
  transform: translateY(-0.18rem);
  border-color: rgba(70, 175, 255, 0.65);
  box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.13);
}

.dfir-decision {
  margin: 1.4rem 0 1.8rem;
  padding: 1.15rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.8rem;
  background: rgba(70, 175, 255, 0.035);
}

.dfir-decision__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.dfir-decision__actions button,
.dfir-decision__reset {
  border: 1px solid rgba(95, 175, 225, 0.24);
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  cursor: pointer;
  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background-color 170ms ease,
    box-shadow 170ms ease;
}

.dfir-decision__actions button {
  padding: 0.78rem;
  border-radius: 0.6rem;
  text-align: left;
}

.dfir-decision__actions button strong,
.dfir-decision__actions button small {
  display: block;
}

.dfir-decision__actions button small {
  margin-top: 0.22rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.74rem;
}

.dfir-decision__actions button:hover,
.dfir-decision__actions button:focus-visible,
.dfir-decision__reset:hover,
.dfir-decision__reset:focus-visible {
  border-color: rgba(70, 175, 255, 0.68);
  box-shadow: 0 0.5rem 1.1rem rgba(0, 35, 70, 0.1);
}

.dfir-decision__actions button:focus-visible,
.dfir-decision__reset:focus-visible {
  outline: 0.13rem solid var(--md-accent-fg-color);
  outline-offset: 0.13rem;
}

.dfir-decision__actions button:disabled {
  opacity: 0.58;
  cursor: default;
}

.dfir-decision__sequence {
  margin: 1rem 0 0.8rem;
  padding: 0.85rem;
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
}

.dfir-decision__sequence > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dfir-decision__reset {
  padding: 0.28rem 0.55rem;
  border-radius: 0.4rem;
  font-size: 0.72rem;
}

.dfir-decision__sequence ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0.65rem 0 0 !important;
  padding: 0 !important;
  list-style: none;
}

.dfir-decision__sequence li {
  padding: 0.35rem 0.55rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 999px;
  background: var(--md-default-bg-color);
  font-size: 0.73rem;
}

.dfir-decision__sequence li:not([data-dfir-empty])::before {
  content: attr(data-order) ". ";
  color: var(--md-accent-fg-color);
  font-weight: 800;
}

.dfir-decision__result {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  padding: 0.9rem 1rem;
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
  box-shadow: inset 0.2rem 0 #90a4ae;
}

.dfir-decision__status {
  min-width: 5rem;
  padding: 0.38rem 0.5rem;
  border-radius: 999px;
  background: rgba(144, 164, 174, 0.16);
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.dfir-decision__result strong,
.dfir-decision__result small {
  display: block;
}

.dfir-decision__result small {
  margin-top: 0.24rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
  line-height: 1.45;
}

.dfir-decision__result[data-state="balanced"] {
  background: rgba(102, 187, 106, 0.08);
  box-shadow: inset 0.2rem 0 #66bb6a;
}

.dfir-decision__result[data-state="caution"] {
  background: rgba(255, 193, 7, 0.08);
  box-shadow: inset 0.2rem 0 #ffc107;
}

.dfir-decision__result[data-state="evidence-lost"] {
  background: rgba(255, 82, 82, 0.08);
  box-shadow: inset 0.2rem 0 #ff5252;
}

.dfir-next-steps {
  margin-top: 1.75rem;
  padding: 1.2rem 1.35rem;
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0 0.6rem 0.6rem 0;
  background: rgba(70, 175, 255, 0.07);
}

.dfir-next-steps h3 {
  margin-top: 0 !important;
}

.dfir-motion-ready .dfir-reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition:
    opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--dfir-reveal-delay, 0ms);
}

.dfir-motion-ready .dfir-reveal.dfir-reveal--visible {
  opacity: 1;
  transform: none;
}

@media screen and (max-width: 900px) {
  .dfir-evidence-grid,
  .dfir-lifecycle,
  .dfir-decision__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 600px) {
  .dfir-pair,
  .dfir-evidence-grid,
  .dfir-integrity-grid,
  .dfir-lifecycle,
  .dfir-decision__actions {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dfir-pair__card,
  .dfir-evidence-card,
  .dfir-integrity-card,
  .dfir-lifecycle li,
  .dfir-decision__actions button,
  .dfir-motion-ready .dfir-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Understanding NTA */

.nta-ids-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 1rem 0 1.2rem;
  overflow: hidden;
  border: 1px solid rgba(70, 175, 255, 0.22);
  border-radius: 0.75rem;
  background: var(--md-default-bg-color);
}

.nta-ids-comparison > div { min-width: 0; padding: 0.72rem 0.85rem; border-top: 1px solid var(--md-default-fg-color--lightest); border-left: 1px solid var(--md-default-fg-color--lightest); }
.nta-ids-comparison > div:nth-child(odd) { border-left: 0; }
.nta-ids-comparison > div:nth-child(-n + 2) { border-top: 0; }
.nta-ids-comparison b,
.nta-ids-comparison strong,
.nta-ids-comparison span { display: block; }
.nta-ids-comparison b { margin-bottom: 0.2rem; color: #1676c4; font-size: 0.63rem; letter-spacing: 0.05em; text-transform: uppercase; }
.nta-ids-comparison span { color: var(--md-default-fg-color--light); font-size: 0.72rem; line-height: 1.45; }
.nta-ids-comparison__heading { background: linear-gradient(145deg, rgba(70, 175, 255, 0.13), rgba(70, 175, 255, 0.04)); }
.nta-ids-comparison__heading strong { margin-bottom: 0.18rem; color: #1676c4; font-size: 0.9rem; }

.nta-useful {
  margin: 1.2rem 0 0.75rem;
  padding: 1.25rem;
  border: 1px solid rgba(70, 175, 255, 0.25);
  border-radius: 0.8rem;
  background: linear-gradient(145deg, rgba(70, 175, 255, 0.09), rgba(70, 175, 255, 0.02));
}

.nta-useful__label,
.nta-tool-card__fit { display: block; color: #1676c4; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.nta-useful > p:first-of-type { margin: 0; }
.md-typeset .nta-useful blockquote { margin: 0.65rem 0 1rem; padding: 0.72rem 0.9rem; border: 1px solid rgba(70, 175, 255, 0.2); border-radius: 0.55rem; background: color-mix(in srgb, #46afff 6%, var(--md-default-bg-color)); box-shadow: 0 0.28rem 0.9rem rgba(0, 35, 70, 0.04); font-size: 0.95rem; font-weight: 700; }
.md-typeset .nta-useful blockquote::before,
.md-typeset .nta-useful blockquote::after { display: none; content: none; }
.md-typeset .nta-useful .nta-useful__flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.65rem; margin: 0 !important; padding: 0 !important; list-style: none; }
.md-typeset .nta-useful .nta-useful__flow > li { display: grid; min-width: 0; padding: 0.85rem; grid-template-columns: 1.45rem minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 0.55rem; row-gap: 0.16rem; border: 1px solid rgba(70, 175, 255, 0.2); border-radius: 0.6rem; background: linear-gradient(155deg, rgba(70, 175, 255, 0.05), var(--md-default-bg-color) 48%); }
.nta-useful__flow b { display: grid; width: 1.35rem; height: 1.35rem; margin: 0; grid-row: 1 / span 2; grid-column: 1; place-items: center; align-self: start; border-radius: 50%; color: #fff; background: #1676c4; font-size: 0.62rem; }
.nta-useful__flow strong { margin: 0; grid-row: 1; grid-column: 2; align-self: center; font-size: 0.78rem; }
.nta-useful__flow span { grid-row: 2; grid-column: 2; color: var(--md-default-fg-color--light); font-size: 0.67rem; line-height: 1.45; }

.nta-signals { margin: 0 0 1rem; padding: 0.9rem 1rem; border: 1px solid rgba(70, 175, 255, 0.2); border-radius: 0.7rem; background: var(--md-code-bg-color); }
.nta-signals > strong { display: block; margin-bottom: 0.78rem; }
.nta-signals > div { display: flex; flex-wrap: wrap; gap: 0.42rem; }
.nta-signals > div span { padding: 0.28rem 0.55rem; border: 1px solid rgba(70, 175, 255, 0.24); border-radius: 999px; background: var(--md-default-bg-color); font-size: 0.66rem; font-weight: 650; }
.nta-signals > p { margin: 0.9rem 0 0; padding-top: 0.72rem; border-top: 1px solid rgba(70, 175, 255, 0.15); color: var(--md-default-fg-color--light); font-size: 0.72rem; line-height: 1.55; }

.nta-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.85rem; margin: 1.2rem 0; }
.nta-tool-card { display: flex; flex-direction: column; min-width: 0; padding: 1.05rem; border: 1px solid rgba(70, 175, 255, 0.22); border-top: 0.2rem solid #1676c4; border-radius: 0.7rem; background: linear-gradient(160deg, rgba(70, 175, 255, 0.08), var(--md-default-bg-color) 40%); box-shadow: 0 0.45rem 1.4rem rgba(0, 35, 70, 0.07); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.md-typeset a.nta-tool-card { color: var(--md-default-fg-color); text-decoration: none; }
.nta-tool-card > p:first-of-type { margin: 0; }
.nta-tool-card h3 { margin: 0.45rem 0 0.75rem !important; font-size: 1.05rem !important; }
.nta-tool-card p { margin: 0 0 0.58rem; font-size: 0.73rem; line-height: 1.55; }
.nta-tool-card small { display: block; margin-top: auto; padding-top: 0.7rem; border-top: 1px solid var(--md-default-fg-color--lightest); color: var(--md-default-fg-color--light); font-size: 0.67rem; line-height: 1.5; }
.nta-tool-card__action { display: flex; gap: 0.35rem; align-items: center; margin-top: 0.75rem; color: #1676c4; font-size: 0.7rem; font-weight: 750; }
.nta-tool-card__action b { font-size: 1.1rem; line-height: 0.8; transition: transform 180ms ease; }
.nta-tool-card:hover .nta-tool-card__action b { transform: translateX(0.18rem); }
.nta-tool-card:focus-visible { outline: 0.14rem solid #1676c4; outline-offset: 0.16rem; }

@media (hover: hover) {
  .nta-tool-card:hover {
    transform: translateY(-0.18rem);
    border-color: rgba(70, 175, 255, 0.55);
    background: color-mix(in srgb, #46afff 9%, var(--md-default-bg-color));
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.11);
  }
}

.nta-definition {
  position: relative;
  overflow: hidden;
  margin: 1.2rem 0 1.8rem;
  padding: 1.35rem 1.45rem 1.2rem;
  border: 1px solid rgba(70, 175, 255, 0.3);
  border-left: 0.28rem solid #2589d8;
  border-radius: 0.8rem;
  background:
    radial-gradient(circle at 100% 0, rgba(70, 175, 255, 0.16), transparent 42%),
    linear-gradient(145deg, rgba(70, 175, 255, 0.08), rgba(70, 175, 255, 0.02));
}

.nta-definition__label {
  display: block;
  margin-bottom: 0.5rem;
  color: #1676c4;
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.nta-definition > p:first-of-type { margin: 0; }

.nta-definition > p:nth-of-type(2) {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.7;
}

.nta-definition__evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 1rem 0;
}

.nta-definition__evidence span {
  padding: 0.28rem 0.58rem;
  border: 1px solid rgba(70, 175, 255, 0.28);
  border-radius: 999px;
  background: color-mix(in srgb, #46afff 9%, var(--md-default-bg-color));
  font-size: 0.72rem;
  font-weight: 700;
}

.nta-definition .nta-definition__note {
  margin: 0;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(70, 175, 255, 0.2);
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
}

.nta-definition__note strong { color: var(--md-default-fg-color); }

.nta-boundaries {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 1rem 0 1.2rem;
}

.nta-boundaries__item {
  min-width: 0;
  padding: 0.8rem 0.75rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
}

.nta-boundaries__item strong,
.nta-boundaries__item span { display: block; }

.nta-boundaries__item strong {
  margin-bottom: 0.3rem;
  font-size: 0.82rem;
}

.nta-boundaries__item span {
  color: var(--md-default-fg-color--light);
  font-size: 0.68rem;
  line-height: 1.45;
}

.nta-boundaries__item--focus {
  border-color: rgba(70, 175, 255, 0.62);
  background: linear-gradient(145deg, rgba(70, 175, 255, 0.16), rgba(70, 175, 255, 0.05));
  box-shadow: inset 0 0.18rem #2589d8;
}

.nta-value-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 1.2rem 0 1.8rem;
}

.nta-value-card {
  padding: 1rem 1.05rem;
  border-top: 0.18rem solid rgba(70, 175, 255, 0.72);
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
  box-shadow: 0 0.4rem 1.25rem rgba(0, 35, 70, 0.07);
}

.nta-value-card h3 {
  margin: 0 0 0.45rem !important;
  font-size: 0.94rem !important;
}

.nta-value-card h3 .twemoji { color: #2589d8; }
.nta-value-card p { margin: 0; color: var(--md-default-fg-color--light); font-size: 0.76rem; }

.nta-data-grid,
.nta-method-grid {
  display: grid;
  gap: 1rem;
  margin: 1.4rem 0;
}

.nta-data-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nta-method-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nta-data-card,
.nta-method-card {
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: linear-gradient(
    145deg,
    rgba(70, 175, 255, 0.08),
    rgba(70, 175, 255, 0.02)
  );
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.nta-data-card h3,
.nta-method-card h3 {
  margin: 0 0 0.55rem !important;
  font-size: 1.05rem !important;
}

.nta-data-card p:last-child,
.nta-method-card p:last-child {
  margin-bottom: 0;
}

@media (hover: hover) {
  .nta-data-card:hover,
  .nta-method-card:hover {
    transform: translateY(-0.2rem);
    border-color: rgba(70, 175, 255, 0.52);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.12);
  }
}

.nta-visibility {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 0.55rem;
  align-items: center;
  margin: 1.4rem 0;
}

.nta-visibility__stage {
  min-height: 5.5rem;
  padding: 0.8rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
  text-align: center;
}

.nta-visibility__stage--sensor {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0 1.1rem rgba(70, 175, 255, 0.12);
}

.nta-visibility strong,
.nta-visibility small {
  display: block;
}

.nta-visibility small {
  margin-top: 0.3rem;
  color: var(--md-default-fg-color--light);
  line-height: 1.4;
}

.nta-visibility > span {
  color: var(--md-accent-fg-color);
  font-weight: 900;
}

.nta-visibility__outputs {
  display: grid;
  gap: 0.35rem;
}

.nta-visibility__outputs span {
  padding: 0.35rem 0.55rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.4rem;
  background: rgba(70, 175, 255, 0.08);
  font-size: 0.72rem;
  font-weight: 700;
  text-align: center;
}

.nta-workflow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 1.4rem 0 2rem !important;
  padding: 0 !important;
  counter-reset: nta-step;
  list-style: none;
}

.nta-workflow li {
  position: relative;
  padding: 3rem 1rem 1rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
  counter-increment: nta-step;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.nta-workflow li::before {
  content: counter(nta-step);
  position: absolute;
  top: 0.85rem;
  left: 1rem;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.75rem;
  font-weight: 800;
}

.nta-workflow strong,
.nta-workflow span,
.nta-workflow small {
  display: block;
}

.nta-workflow span {
  margin-top: 0.35rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.82rem;
  line-height: 1.48;
}

.nta-workflow small {
  margin-top: 0.7rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(95, 175, 225, 0.15);
  color: var(--md-accent-fg-color);
  font-size: 0.68rem;
}

.nta-workflow li.nta-step--active {
  transform: translateY(-0.18rem);
  border-color: rgba(70, 175, 255, 0.65);
  box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.13);
}

.nta-investigation {
  margin: 1.4rem 0 1.8rem;
  padding: 1.15rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.8rem;
  background: rgba(70, 175, 255, 0.035);
}

.nta-investigation fieldset {
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
}

.nta-investigation legend {
  margin-bottom: 0.65rem;
  font-weight: 700;
}

.nta-investigation__patterns,
.nta-investigation__evidence {
  display: grid;
  gap: 0.7rem;
}

.nta-investigation__patterns {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nta-investigation__evidence {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nta-investigation button {
  padding: 0.78rem;
  border: 1px solid rgba(95, 175, 225, 0.24);
  border-radius: 0.6rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background-color 170ms ease,
    box-shadow 170ms ease;
}

.nta-investigation button strong,
.nta-investigation button small {
  display: block;
}

.nta-investigation button small {
  margin-top: 0.22rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.74rem;
}

.nta-investigation button:hover,
.nta-investigation button:focus-visible {
  transform: translateY(-0.12rem);
  border-color: rgba(70, 175, 255, 0.68);
  box-shadow: 0 0.5rem 1.1rem rgba(0, 35, 70, 0.1);
}

.nta-investigation button:focus-visible {
  outline: 0.13rem solid var(--md-accent-fg-color);
  outline-offset: 0.13rem;
}

.nta-investigation button[aria-pressed="true"] {
  border-color: var(--md-accent-fg-color);
  background: rgba(70, 175, 255, 0.13);
}

.nta-investigation__result {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  padding: 1rem;
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
  box-shadow: inset 0.2rem 0 #90a4ae;
  transition:
    background-color 200ms ease,
    box-shadow 200ms ease;
}

.nta-investigation__score {
  display: grid;
  flex: 0 0 2.8rem;
  height: 2.8rem;
  place-items: center;
  border-radius: 50%;
  background: rgba(70, 175, 255, 0.14);
  color: var(--md-accent-fg-color);
  font-size: 0.76rem;
  font-weight: 900;
}

.nta-investigation__result strong,
.nta-investigation__result small {
  display: block;
}

.nta-investigation__result small {
  margin-top: 0.25rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.8rem;
  line-height: 1.45;
}

.nta-investigation__result[data-confidence="supported"] {
  background: rgba(255, 193, 7, 0.08);
  box-shadow: inset 0.2rem 0 #ffc107;
}

.nta-investigation__result[data-confidence="strong"] {
  background: rgba(255, 82, 82, 0.08);
  box-shadow: inset 0.2rem 0 #ff5252;
}

/* Wireshark-inspired guided packet investigation. */
.nta-wireshark {
  overflow: hidden;
  padding: 0;
  background: var(--md-default-bg-color);
  box-shadow: 0 0.9rem 2.4rem rgba(0, 35, 70, 0.12);
}

.nta-wireshark button {
  transform: none;
  box-shadow: none;
}

.nta-wireshark__titlebar,
.nta-wireshark__filter,
.nta-wireshark__details,
.nta-wireshark__streambar,
.nta-wireshark__decode {
  display: flex;
  gap: 0.65rem;
  align-items: center;
}

.nta-wireshark__titlebar {
  padding: 0.7rem 0.85rem;
  background: #263238;
  color: #f5f7f8;
}

.nta-wireshark__logo {
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 1.35rem;
  object-fit: contain;
}

.nta-wireshark__app-name {
  padding-left: 0.65rem;
  border-left: 1px solid rgba(255, 255, 255, 0.28);
  color: #b8dfff;
  font-size: 0.72rem;
  font-weight: 600;
}

.nta-wireshark__titlebar small { margin-left: auto; color: #cfd8dc; }

.nta-wireshark__menu {
  padding: 0.32rem 0.85rem;
  border-bottom: 1px solid rgba(95, 175, 225, 0.2);
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color--light);
  font-size: 0.7rem;
}

.nta-wireshark__toolbar {
  display: flex;
  min-height: 2rem;
  gap: 0.28rem;
  align-items: center;
  padding: 0.3rem 0.75rem;
  border-bottom: 1px solid rgba(95, 175, 225, 0.24);
  background: linear-gradient(#fbfbfb, #eeeeee);
}

.nta-wireshark__tool {
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  place-items: center;
  border: 1px solid #c7cdd1;
  border-radius: 0.2rem;
  background: #fff;
  color: #607d8b;
  font-size: 0.7rem;
  line-height: 1;
}

.nta-wireshark__tool--blue { color: #1676c4; }
.nta-wireshark__tool--green { color: #16834b; }
.nta-wireshark__tool--red { color: #c53b37; }

.nta-wireshark__toolbar i {
  width: 1px;
  height: 1.25rem;
  margin: 0 0.15rem;
  background: #cfd5d8;
}

.nta-wireshark__toolbar-label {
  margin-left: auto;
  color: #7a858b;
  font-size: 0.62rem;
}

.nta-wireshark__filter {
  padding: 0.45rem 0.85rem;
  border-bottom: 1px solid rgba(95, 175, 225, 0.2);
}

.nta-wireshark__filter label { font-size: 0.7rem; font-weight: 700; }

.nta-wireshark__filter input {
  min-width: 0;
  flex: 1;
  padding: 0.38rem 0.55rem;
  border: 1px solid rgba(75, 175, 105, 0.65);
  border-radius: 0.25rem;
  background: rgba(75, 175, 105, 0.1);
  color: var(--md-default-fg-color);
  font-family: var(--md-code-font-family);
}

.nta-wireshark__filter span { color: var(--md-default-fg-color--light); font-size: 0.68rem; }

.nta-wireshark__task {
  display: flex;
  gap: 0.55rem;
  padding: 0.48rem 0.85rem;
  background: rgba(70, 175, 255, 0.1);
  font-size: 0.74rem;
}

.nta-wireshark__packets { overflow-x: auto; }

.nta-wireshark .nta-wireshark__packet {
  display: grid;
  width: 100%;
  min-width: 47rem;
  grid-template-columns: 3rem 4rem 7rem 7rem 5rem minmax(13rem, 1fr);
  gap: 0.55rem;
  padding: 0.38rem 0.7rem;
  border: 0;
  border-bottom: 1px solid rgba(95, 175, 225, 0.13);
  border-radius: 0;
  background: #e9f6df;
  color: var(--md-default-fg-color);
  text-align: left;
}

.nta-wireshark .nta-wireshark__packet:nth-child(odd):not(.nta-wireshark__packet--header) {
  background: #f1faeb;
}

.nta-wireshark .nta-wireshark__packet:not(.nta-wireshark__packet--header):hover {
  transform: none;
  background: #d7ebff;
}

.nta-wireshark .nta-wireshark__packet[aria-selected="true"] {
  background: #9ed2ff;
  box-shadow: inset 0.2rem 0 var(--md-accent-fg-color);
}

.nta-wireshark .nta-wireshark__packet--header {
  background: linear-gradient(#f7f7f7, #e9e9e9);
  color: var(--md-default-fg-color--light);
  font-size: 0.68rem;
  font-weight: 700;
}

.nta-wireshark__details {
  justify-content: space-between;
  padding: 0.58rem 0.85rem;
  border-bottom: 1px solid rgba(95, 175, 225, 0.2);
}

.nta-wireshark__details strong,
.nta-wireshark__details small { display: block; }
.nta-wireshark__details small { margin-top: 0.14rem; color: var(--md-default-fg-color--light); font-size: 0.7rem; }

.nta-wireshark .nta-wireshark__details button,
.nta-wireshark .nta-wireshark__decode button,
.nta-wireshark .nta-wireshark__decision button {
  padding: 0.52rem 0.7rem;
  border: 1px solid rgba(95, 175, 225, 0.35);
  border-radius: 0.35rem;
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color);
}

.nta-wireshark button:disabled { cursor: not-allowed; opacity: 0.45; }
.nta-wireshark__stream { border-bottom: 1px solid rgba(95, 175, 225, 0.2); }
.nta-wireshark__stream[hidden] { display: none; }

.nta-wireshark__streambar {
  justify-content: space-between;
  padding: 0.55rem 0.85rem;
  background: var(--md-code-bg-color);
  font-size: 0.7rem;
}

.nta-wireshark__streambar span { color: #d84315; }

.nta-wireshark__stream pre {
  max-height: none;
  margin: 0;
  border-radius: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.nta-wireshark .nta-wireshark__stream [data-nta-encoded] {
  display: inline;
  padding: 0.08rem 0.18rem;
  border: 1px dashed var(--md-accent-fg-color);
  border-radius: 0.2rem;
  background: rgba(70, 175, 255, 0.1);
  color: inherit;
  font-family: inherit;
  overflow-wrap: anywhere;
}

.nta-wireshark .nta-wireshark__stream [data-nta-encoded][aria-pressed="true"] { background: rgba(70, 175, 255, 0.24); }
.nta-wireshark__decode { padding: 0.7rem 0.85rem; }

.nta-wireshark__decode output {
  min-width: 0;
  flex: 1;
  padding: 0.5rem 0.65rem;
  border-left: 0.18rem solid #90a4ae;
  background: var(--md-code-bg-color);
  font-family: var(--md-code-font-family);
  font-size: 0.7rem;
  overflow-wrap: anywhere;
}

.nta-wireshark__decode output.nta-decode--revealed {
  border-left-color: #ff9800;
  background: rgba(255, 152, 0, 0.09);
}

.nta-wireshark__decision {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0;
  padding: 0.85rem;
  border: 0;
  border-bottom: 1px solid rgba(95, 175, 225, 0.2);
}

.nta-wireshark__decision[hidden] { display: none; }
.nta-wireshark__decision legend { grid-column: 1 / -1; margin-bottom: 0.15rem; font-weight: 700; }
.nta-wireshark .nta-wireshark__decision button { text-align: left; }
.nta-wireshark .nta-wireshark__decision button[data-answer="correct"] {
  border-color: #2e7d32;
  background: rgba(46, 125, 50, 0.13);
  box-shadow: inset 0.2rem 0 #2e7d32;
}
.nta-wireshark .nta-wireshark__decision button[data-answer="incorrect"] {
  border-color: #ef6c00;
  background: rgba(239, 108, 0, 0.1);
  box-shadow: inset 0.2rem 0 #ef6c00;
}
.nta-wireshark .nta-investigation__result {
  min-height: 0;
  border-radius: 0;
}
.nta-wireshark .nta-investigation__result[data-confidence="complete"] {
  background: rgba(46, 125, 50, 0.1);
  box-shadow: inset 0.2rem 0 #2e7d32;
}
.nta-wireshark .nta-investigation__result[data-confidence="complete"] .nta-investigation__score {
  background: rgba(46, 125, 50, 0.15);
  color: #2e7d32;
}

.nta-wireshark .nta-investigation__reset {
  width: fit-content;
  margin: 0 0 0 auto;
  padding: 0.45rem 0.7rem;
  border-color: var(--md-default-fg-color--lightest);
  background: var(--md-default-bg-color);
  font-size: 0.72rem;
  white-space: nowrap;
}

.nta-wireshark .nta-investigation__reset:hover {
  border-color: #1676c4;
  background: #e6f3ff;
  color: #0c65ad;
}

.nta-tool-flow {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1.08fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1.08fr);
  gap: 0.75rem;
  align-items: center;
  margin: 1.5rem 0;
}

.nta-tool-flow > span,
.nta-tool-flow > a {
  display: grid;
  min-width: 0;
  min-height: 4.6rem;
  padding: 0.9rem 1rem;
  place-content: center;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.6rem;
  background: var(--md-code-bg-color);
  text-align: center;
}

.nta-tool-flow strong,
.nta-tool-flow small {
  display: block;
}

.nta-tool-flow small {
  margin-top: 0.22rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.68rem;
}

.nta-tool-flow b {
  display: grid;
  width: 1.25rem;
  place-items: center;
  color: #1676c4;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1;
}

.nta-tool-flow em {
  display: grid;
  min-width: 1.6rem;
  min-height: 1.6rem;
  place-items: center;
  border-radius: 999px;
  color: var(--md-default-fg-color--light);
  background: var(--md-code-bg-color);
  font-size: 0.66rem;
}

.nta-next-steps {
  margin-top: 1.75rem;
  padding: 1.2rem 1.35rem;
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0 0.6rem 0.6rem 0;
  background: rgba(70, 175, 255, 0.07);
}

.nta-next-steps h3 {
  margin-top: 0 !important;
}

.nta-motion-ready .nta-reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition:
    opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--nta-reveal-delay, 0ms);
}

.nta-motion-ready .nta-reveal.nta-reveal--visible {
  opacity: 1;
  transform: none;
}

@media screen and (max-width: 900px) {
  .md-typeset .nta-useful .nta-useful__flow,
  .nta-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nta-boundaries { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .nta-data-grid,
  .nta-value-grid,
  .nta-method-grid,
  .nta-workflow,
  .nta-investigation__patterns,
  .nta-investigation__evidence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nta-wireshark__decision {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 700px) {
  .nta-wireshark__filter,
  .nta-wireshark__details,
  .nta-wireshark__decode,
  .nta-wireshark__task {
    align-items: stretch;
    flex-direction: column;
  }

  .nta-wireshark__titlebar {
    flex-wrap: wrap;
  }

  .nta-wireshark__titlebar small {
    width: 100%;
    margin-left: 2rem;
  }

  .nta-wireshark__toolbar-label {
    display: none;
  }

  .nta-wireshark .nta-investigation__result {
    flex-wrap: wrap;
  }

  .nta-wireshark .nta-investigation__reset {
    width: 100%;
    margin-left: 0;
  }

  .nta-visibility {
    grid-template-columns: 1fr;
  }

  .nta-visibility > span {
    transform: rotate(90deg);
    text-align: center;
  }

  .nta-tool-flow {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .nta-tool-flow b {
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 600px) {
  .nta-definition,
  .nta-useful { padding: 1.1rem; }
  .md-typeset .nta-useful .nta-useful__flow,
  .nta-tool-grid,
  .nta-boundaries,
  .nta-value-grid,
  .nta-data-grid,
  .nta-method-grid,
  .nta-workflow,
  .nta-investigation__patterns,
  .nta-investigation__evidence {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nta-data-card,
  .nta-method-card,
  .nta-workflow li,
  .nta-investigation button,
  .nta-investigation__result,
  .nta-motion-ready .nta-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Understanding SOAR */

.soar-concept-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 0.7rem;
  align-items: center;
  margin: 1.4rem 0 2rem;
}

.soar-concept-card {
  min-height: 8.8rem;
  padding: 1rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.75rem;
  background: linear-gradient(
    145deg,
    rgba(70, 175, 255, 0.08),
    rgba(70, 175, 255, 0.02)
  );
  text-align: center;
}

.soar-concept-card > span {
  display: grid;
  width: 1.7rem;
  height: 1.7rem;
  margin: 0 auto 0.5rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.72rem;
  font-weight: 900;
}

.soar-concept-card strong,
.soar-concept-card small {
  display: block;
}

.soar-concept-card small {
  margin-top: 0.35rem;
  color: var(--md-default-fg-color--light);
  line-height: 1.45;
}

.soar-concept-arrow {
  color: var(--md-accent-fg-color);
  font-size: 1.2rem;
  font-weight: 900;
}

.soar-platform-flow {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  justify-content: center;
  margin: 1.25rem 0;
}

.soar-platform-flow > span {
  min-width: 7.5rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
  text-align: center;
}

.soar-platform-flow strong,
.soar-platform-flow small {
  display: block;
}

.soar-platform-flow small {
  margin-top: 0.2rem;
  color: var(--md-default-fg-color--light);
}

.soar-platform-flow b {
  color: var(--md-accent-fg-color);
}

.soar-terminology {
  margin: 1rem 0 1.5rem;
  overflow: hidden;
  border: 1px solid rgba(95, 175, 225, 0.24);
  border-radius: 0.7rem;
  background: rgba(70, 175, 255, 0.045);
}

.soar-terminology summary {
  padding: 0.8rem 1rem;
  color: var(--md-default-fg-color);
  font-weight: 700;
  cursor: pointer;
}

.soar-terminology dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
  margin: 0;
  padding: 0 1rem 1rem;
}

.soar-terminology dl > div {
  padding: 0.7rem;
  border: 1px solid rgba(95, 175, 225, 0.16);
  border-radius: 0.5rem;
  background: var(--md-default-bg-color);
}

.soar-terminology dt { color: var(--md-accent-fg-color); font-size: 0.75rem; font-weight: 750; }
.soar-terminology dd { margin: 0.2rem 0 0; color: var(--md-default-fg-color--light); font-size: 0.72rem; line-height: 1.5; }

.soar-playbook {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 1.4rem 0 2rem !important;
  padding: 0 !important;
  counter-reset: soar-step;
  list-style: none;
}

.soar-playbook li {
  position: relative;
  min-width: 0;
  padding: 3rem 1rem 1rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
  counter-increment: soar-step;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.soar-playbook li::before {
  content: counter(soar-step);
  position: absolute;
  top: 0.85rem;
  left: 1rem;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.75rem;
  font-weight: 800;
}

.soar-playbook strong,
.soar-playbook span,
.soar-playbook small {
  display: block;
}

.soar-playbook span {
  margin-top: 0.35rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.82rem;
  line-height: 1.48;
}

.soar-playbook small {
  margin-top: 0.7rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(95, 175, 225, 0.15);
  color: var(--md-accent-fg-color);
  font-size: 0.68rem;
}

.soar-playbook__approval {
  border-style: dashed !important;
  background: rgba(255, 193, 7, 0.07) !important;
}

.soar-playbook li.soar-step--active {
  transform: translateY(-0.18rem);
  border-color: rgba(70, 175, 255, 0.65);
  box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.13);
}

.soar-simulator {
  margin: 1.4rem 0 1.8rem;
  padding: 1.15rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.8rem;
  background: rgba(70, 175, 255, 0.035);
}

.soar-simulator fieldset {
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
}

.soar-simulator legend {
  margin-bottom: 0.65rem;
  font-weight: 700;
}

.soar-simulator__options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.soar-simulator__options button {
  padding: 0.78rem;
  border: 1px solid rgba(95, 175, 225, 0.24);
  border-radius: 0.6rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background-color 170ms ease,
    box-shadow 170ms ease;
}

.soar-simulator__options strong,
.soar-simulator__options small {
  display: block;
}

.soar-simulator__options small {
  margin-top: 0.22rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.75rem;
}

.soar-simulator__options button:hover,
.soar-simulator__options button:focus-visible {
  transform: translateY(-0.12rem);
  border-color: rgba(70, 175, 255, 0.68);
  box-shadow: 0 0.5rem 1.1rem rgba(0, 35, 70, 0.1);
}

.soar-simulator__options button:focus-visible {
  outline: 0.13rem solid var(--md-accent-fg-color);
  outline-offset: 0.13rem;
}

.soar-simulator__options button[aria-pressed="true"] {
  border-color: var(--md-accent-fg-color);
  background: rgba(70, 175, 255, 0.13);
}

.soar-simulator__steps {
  display: flex;
  gap: 0.4rem;
  margin: 1.1rem 0 0.8rem;
  overflow-x: auto;
  padding-bottom: 0.3rem;
}

.soar-simulator__step {
  position: relative;
  flex: 1 0 5.2rem;
  padding: 0.55rem 0.45rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.5rem;
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color--light);
  font-size: 0.7rem;
  text-align: center;
}

.soar-simulator__step[data-step-state="complete"] {
  border-color: rgba(102, 187, 106, 0.55);
  background: rgba(102, 187, 106, 0.1);
  color: var(--md-default-fg-color);
}

.soar-simulator__step[data-step-state="paused"] {
  border-color: #ffc107;
  background: rgba(255, 193, 7, 0.1);
  color: var(--md-default-fg-color);
}

.soar-simulator__step[data-step-state="manual"] {
  border-style: dashed;
}

.soar-simulator__result {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  padding: 0.9rem 1rem;
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
  box-shadow: inset 0.2rem 0 #90a4ae;
}

.soar-simulator__status {
  min-width: 5.2rem;
  padding: 0.38rem 0.5rem;
  border-radius: 999px;
  background: rgba(144, 164, 174, 0.16);
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.soar-simulator__result strong,
.soar-simulator__result small {
  display: block;
}

.soar-simulator__result small {
  margin-top: 0.24rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
  line-height: 1.45;
}

.soar-simulator__result[data-state="paused"] {
  background: rgba(255, 193, 7, 0.08);
  box-shadow: inset 0.2rem 0 #ffc107;
}

.soar-simulator__result[data-state="complete"] {
  background: rgba(102, 187, 106, 0.08);
  box-shadow: inset 0.2rem 0 #66bb6a;
}

.soar-simulator__result[data-state="correct"] {
  background: rgba(102, 187, 106, 0.06);
  box-shadow: inset 0.2rem 0 #66bb6a;
}

.soar-simulator__result[data-state="incorrect"],
.soar-simulator__result[data-state="failed"] {
  background: rgba(211, 72, 72, 0.07);
  box-shadow: inset 0.2rem 0 #d34848;
}

.soar-mission button:focus-visible,
.soar-mission summary:focus-visible,
.soar-mission__audit:focus-visible {
  outline: 0.13rem solid var(--md-accent-fg-color);
  outline-offset: 0.13rem;
}

.soar-candidate-grid,
.soar-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0;
}

.soar-candidate-card,
.soar-metric-card {
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: linear-gradient(
    145deg,
    rgba(70, 175, 255, 0.08),
    rgba(70, 175, 255, 0.02)
  );
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.soar-candidate-card--safe {
  border-top: 0.18rem solid #66bb6a;
}

.soar-candidate-card--approval {
  border-top: 0.18rem solid #ffc107;
}

.soar-candidate-card h3,
.soar-metric-card h3 {
  margin: 0 0 0.55rem !important;
  font-size: 1.05rem !important;
}

@media (hover: hover) {
  .soar-candidate-card:hover,
  .soar-metric-card:hover {
    transform: translateY(-0.2rem);
    border-color: rgba(70, 175, 255, 0.52);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.12);
  }
}

.soar-next-steps {
  margin-top: 1.75rem;
  padding: 1.2rem 1.35rem;
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0 0.6rem 0.6rem 0;
  background: rgba(70, 175, 255, 0.07);
}

.soar-next-steps h3 {
  margin-top: 0 !important;
}

.soar-motion-ready .soar-reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition:
    opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--soar-reveal-delay, 0ms);
}

.soar-motion-ready .soar-reveal.soar-reveal--visible {
  opacity: 1;
  transform: none;
}

@media screen and (max-width: 900px) {
  .soar-playbook,
  .soar-simulator__options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .soar-mission__evidence {
    grid-template-columns: 1fr;
  }

  .soar-mission__evidence button {
    min-height: 0;
  }
}

@media screen and (max-width: 700px) {
  .soar-terminology dl,
  .soar-mission__approval dl,
  .soar-mission__audit dl {
    grid-template-columns: 1fr;
  }

  .soar-concept-flow {
    grid-template-columns: 1fr;
  }

  .soar-concept-arrow {
    transform: rotate(90deg);
    text-align: center;
  }

  .soar-platform-flow {
    flex-direction: column;
  }

  .soar-platform-flow b {
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 600px) {
  .soar-playbook,
  .soar-simulator__options,
  .soar-candidate-grid,
  .soar-metric-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .soar-concept-card,
  .soar-playbook li,
  .soar-simulator__options button,
  .soar-candidate-card,
  .soar-metric-card,
  .soar-motion-ready .soar-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Understanding SIRP */

.sirp-definition,
.sirp-useful {
  margin: 1.2rem 0 0;
  padding: 1.25rem;
  border: 1px solid rgba(70, 175, 255, 0.28);
  border-radius: 0.85rem;
  background: linear-gradient(145deg, rgba(70, 175, 255, 0.1), rgba(70, 175, 255, 0.025));
}

.sirp-definition__label,
.sirp-useful__label,
.sirp-platform-card__fit {
  display: block;
  margin-bottom: 0.65rem;
  color: var(--md-accent-fg-color);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

.sirp-definition > p:first-of-type { margin: 0; }

.sirp-definition__evidence,
.sirp-friction__issues {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 1rem;
}

.sirp-definition__evidence span,
.sirp-friction__issues span {
  padding: 0.32rem 0.62rem;
  border: 1px solid rgba(70, 175, 255, 0.25);
  border-radius: 999px;
  background: var(--md-default-bg-color);
  font-size: 0.7rem;
  font-weight: 700;
}

.sirp-definition .sirp-definition__note {
  margin: 1rem 0 0;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(70, 175, 255, 0.18);
  color: var(--md-default-fg-color--light);
}

.sirp-terms,
.sirp-boundaries,
.sirp-platform-grid {
  display: grid;
  gap: 0.75rem;
  margin: 0.85rem 0 1.5rem;
}

.sirp-terms { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sirp-boundaries { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.sirp-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.sirp-terms > span,
.sirp-boundaries__item {
  min-width: 0;
  padding: 0.9rem;
  border: 1px solid rgba(70, 175, 255, 0.2);
  border-radius: 0.7rem;
  background: var(--md-code-bg-color);
}

.sirp-terms b {
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  margin-bottom: 0.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.68rem;
}

.sirp-terms strong,
.sirp-terms small,
.sirp-boundaries__item strong,
.sirp-boundaries__item span { display: block; }

.sirp-terms small,
.sirp-boundaries__item span {
  margin-top: 0.3rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
  line-height: 1.45;
}

.sirp-boundaries__item--focus {
  border-color: var(--md-accent-fg-color);
  background: rgba(70, 175, 255, 0.12);
}

.md-typeset .sirp-useful blockquote {
  position: relative;
  margin: 0.3rem 0 1rem;
  padding: 0.9rem 1rem 0.9rem 3.35rem;
  border: 1px solid rgba(70, 175, 255, 0.2);
  border-left: 1px solid rgba(70, 175, 255, 0.2);
  border-radius: 0.65rem;
  background: rgba(70, 175, 255, 0.06);
  color: var(--md-default-fg-color);
  font-size: 1.05rem;
  font-weight: 750;
}

.md-typeset .sirp-useful blockquote::before {
  position: absolute;
  top: 50%;
  left: 1rem;
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  place-items: center;
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  content: "?";
  font-size: 0.85rem;
  font-weight: 900;
}

.md-typeset .sirp-useful blockquote p { margin: 0; }

.sirp-useful__flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.sirp-useful__flow li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem 0.65rem;
  padding: 0.9rem;
  border: 1px solid rgba(70, 175, 255, 0.2);
  border-radius: 0.7rem;
  background: var(--md-default-bg-color);
}

.sirp-useful__flow b {
  grid-row: 1 / 3;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.68rem;
}

.sirp-useful__flow span { color: var(--md-default-fg-color--light); font-size: 0.72rem; line-height: 1.45; }

.sirp-friction {
  margin: 0.75rem 0 1.75rem;
  overflow: hidden;
  border: 1px solid rgba(70, 175, 255, 0.22);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
}

.sirp-friction__heading { display: flex; gap: 0.55rem; align-items: center; padding: 0.75rem 0.9rem; background: rgba(70, 175, 255, 0.08); }
.sirp-friction__heading span { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); font-weight: 800; }
.sirp-friction__issues { margin: 0; padding: 0.85rem 0.9rem 0; }
.sirp-friction > p { margin: 0; padding: 0.8rem 0.9rem 0.95rem; color: var(--md-default-fg-color--light); font-size: 0.75rem; }

.sirp-platform-card {
  display: block;
  padding: 1.1rem;
  border: 1px solid rgba(70, 175, 255, 0.25);
  border-top: 0.18rem solid var(--md-accent-fg-color);
  border-radius: 0.75rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color) !important;
  text-decoration: none;
  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.sirp-platform-card h3 { margin: 0.35rem 0 0.7rem !important; font-size: 1.05rem !important; }
.sirp-platform-card p { margin: 0 0 0.55rem; font-size: 0.73rem; line-height: 1.52; }
.sirp-platform-card small { display: block; margin-top: 0.75rem; padding-top: 0.7rem; border-top: 1px solid rgba(70, 175, 255, 0.15); color: var(--md-default-fg-color--light); line-height: 1.5; }

@media (hover: hover) {
  .sirp-platform-card:hover { transform: translateY(-0.18rem); border-color: rgba(70, 175, 255, 0.55); background: rgba(70, 175, 255, 0.07); box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.12); }
}

.sirp-value-grid,
.sirp-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0;
}

.sirp-value-card,
.sirp-metric-card {
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: linear-gradient(
    145deg,
    rgba(70, 175, 255, 0.08),
    rgba(70, 175, 255, 0.02)
  );
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.sirp-value-card h3,
.sirp-metric-card h3 {
  margin: 0 0 0.55rem !important;
  font-size: 1.05rem !important;
}

.sirp-value-card p:last-child,
.sirp-metric-card p:last-child {
  margin-bottom: 0;
}

@media (hover: hover) {
  .sirp-value-card:hover,
  .sirp-metric-card:hover {
    transform: translateY(-0.2rem);
    border-color: rgba(70, 175, 255, 0.52);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.12);
  }
}

.sirp-relationship {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 0.7rem;
  align-items: center;
  margin: 1.4rem 0;
}

.sirp-relationship__item {
  min-height: 8.2rem;
  padding: 1rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
  text-align: center;
}

.sirp-relationship__item > span {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  background: rgba(70, 175, 255, 0.13);
  color: var(--md-accent-fg-color);
  font-size: 0.72rem;
  font-weight: 800;
}

.sirp-relationship__item strong,
.sirp-relationship__item small {
  display: block;
}

.sirp-relationship__item strong {
  margin: 0.55rem 0 0.35rem;
}

.sirp-relationship__item small {
  color: var(--md-default-fg-color--light);
  line-height: 1.45;
}

.sirp-relationship__item--primary {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0 1.3rem rgba(70, 175, 255, 0.12);
}

.sirp-relationship__arrow {
  color: var(--md-accent-fg-color);
  font-size: 1.2rem;
  font-weight: 800;
}

.sirp-lifecycle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 1.4rem 0 2rem !important;
  padding: 0 !important;
  counter-reset: sirp-step;
  list-style: none;
}

.sirp-lifecycle li {
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: 0.85rem 0.9rem 0.85rem 3.35rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
  counter-increment: sirp-step;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.sirp-lifecycle li::before {
  content: counter(sirp-step);
  position: absolute;
  top: 1rem;
  left: 0.9rem;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.75rem;
  font-weight: 800;
}

.sirp-lifecycle strong,
.sirp-lifecycle span,
.sirp-lifecycle small {
  display: block;
}

.sirp-lifecycle li > b {
  display: block;
  margin-bottom: 0.22rem;
  color: var(--md-accent-fg-color);
  font-size: 0.65rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.sirp-lifecycle span {
  margin-top: 0.25rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.82rem;
  line-height: 1.48;
}

.sirp-lifecycle small {
  margin-top: 0.42rem;
  padding-top: 0;
  border-top: 0;
  color: var(--md-accent-fg-color);
  font-size: 0.68rem;
}

.sirp-lifecycle li.sirp-step--active {
  transform: translateY(-0.18rem);
  border-color: rgba(70, 175, 255, 0.65);
  box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.13);
}

.sirp-triage { margin: 1.4rem 0 1.8rem; overflow: hidden; border: 1px solid rgba(95, 175, 225, 0.22); border-radius: 0.8rem; background: var(--md-default-bg-color); }
.sirp-triage__bar { display: flex; justify-content: space-between; padding: 0.75rem 0.9rem; background: var(--md-code-bg-color); font-size: 0.82rem; }
.sirp-triage__bar span { color: var(--md-default-fg-color--light); }
.sirp-triage__layout { display: grid; grid-template-columns: minmax(12rem, 0.68fr) minmax(0, 1.8fr); }
.sirp-triage__queue { border-right: 1px solid rgba(95, 175, 225, 0.18); background: rgba(70, 175, 255, 0.025); }
.sirp-triage__queue button { display: block; width: 100%; padding: 0.85rem; border: 0; border-bottom: 1px solid rgba(95, 175, 225, 0.14); background: transparent; color: var(--md-default-fg-color); font: inherit; text-align: left; cursor: pointer; }
.sirp-triage__queue button span, .sirp-triage__queue button strong, .sirp-triage__queue button small { display: block; }
.sirp-triage__queue button span { color: var(--md-accent-fg-color); font-size: 0.68rem; font-weight: 750; text-transform: uppercase; }
.sirp-triage__queue button strong { margin-top: 0.2rem; font-size: 0.82rem; }
.sirp-triage__queue button small { margin-top: 0.25rem; color: var(--md-default-fg-color--light); font-size: 0.72rem; }
.sirp-triage__queue button:is(:hover, :focus-visible) { background: rgba(70, 175, 255, 0.08); }
.sirp-triage__queue button[aria-selected="true"] { background: rgba(70, 175, 255, 0.13); box-shadow: inset 0.2rem 0 var(--md-accent-fg-color); }
.sirp-triage__queue button[data-complete="true"] span { color: #2e7d32; }
.sirp-triage__queue button[data-complete="true"] span::after { margin-left: 0.35rem; content: "✓"; }
.sirp-triage__workspace { min-width: 0; padding: 0.95rem; }
.sirp-triage__heading { margin-bottom: 0.8rem; }
.sirp-triage__heading span, .sirp-triage__heading strong, .sirp-triage__heading small { display: block; }
.sirp-triage__heading span { color: var(--md-accent-fg-color); font-size: 0.68rem; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }
.sirp-triage__heading strong { margin-top: 0.2rem; font-size: 1.05rem; }
.sirp-triage__heading small { margin-top: 0.25rem; color: var(--md-default-fg-color--light); font-size: 0.78rem; line-height: 1.45; }
.sirp-triage__evidence { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45rem; }
.sirp-triage__evidence button { position: relative; min-width: 0; padding: 0.7rem; border: 1px solid rgba(95, 175, 225, 0.2); border-radius: 0.5rem; background: var(--md-default-bg-color); color: var(--md-default-fg-color); font: inherit; text-align: left; cursor: pointer; }
.sirp-triage__evidence button span, .sirp-triage__evidence button strong, .sirp-triage__evidence button small { display: block; }
.sirp-triage__evidence button span { color: var(--md-accent-fg-color); font-size: 0.66rem; font-weight: 750; }
.sirp-triage__evidence button strong { margin-top: 0.28rem; font-size: 0.76rem; line-height: 1.4; }
.sirp-triage__evidence button small { margin-top: 0.35rem; color: var(--md-default-fg-color--light); font-size: 0.7rem; line-height: 1.42; }
.sirp-triage__evidence button:is(:hover, :focus-visible), .sirp-triage__evidence button[aria-selected="true"] { border-color: var(--md-accent-fg-color); background: rgba(70, 175, 255, 0.08); }
.sirp-triage__evidence button[data-reviewed="true"]::after { position: absolute; top: 0.45rem; right: 0.5rem; content: "Reviewed"; color: #2e7d32; font-size: 0.58rem; font-weight: 800; text-transform: uppercase; }
.sirp-triage__assessment, .sirp-triage__decision { margin-top: 0.8rem; padding: 0.85rem; border-radius: 0.6rem; background: var(--md-code-bg-color); }
.sirp-triage fieldset { margin: 0 0 1rem; padding: 0; border: 0; }
.sirp-triage legend { margin-bottom: 0.65rem; font-weight: 700; }
.sirp-triage__options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.7rem; }
.sirp-triage__options button { padding: 0.78rem; border: 1px solid rgba(95, 175, 225, 0.24); border-radius: 0.6rem; background: var(--md-default-bg-color); color: var(--md-default-fg-color); font: inherit; font-weight: 700; text-align: left; cursor: pointer; transition: transform 170ms ease, border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease; }
.sirp-triage__options button small { display: block; margin-top: 0.22rem; color: var(--md-default-fg-color--light); font-size: 0.75rem; font-weight: 400; }
.sirp-triage__options button:is(:hover, :focus-visible) { transform: translateY(-0.12rem); border-color: rgba(70, 175, 255, 0.68); box-shadow: 0 0.5rem 1.1rem rgba(0, 35, 70, 0.1); }
.sirp-triage__options button[aria-pressed="true"] { border-color: var(--md-accent-fg-color); background: rgba(70, 175, 255, 0.13); }
.sirp-triage__model { margin: 0.1rem 0 0; padding-top: 0.7rem; border-top: 1px solid rgba(95, 175, 225, 0.16); color: var(--md-default-fg-color--light); font-size: 0.72rem; line-height: 1.45; }
.sirp-triage__decision { display: grid; grid-template-columns: 0.65fr 1.35fr; gap: 0.8rem; }
.sirp-triage__decision fieldset { margin-bottom: 0; }
.sirp-triage__priority-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.35rem; }
.sirp-triage__action-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.35rem; }
.sirp-triage__priority-options button, .sirp-triage__action-options button, .sirp-triage__controls button { padding: 0.55rem 0.6rem; border: 1px solid rgba(95, 175, 225, 0.24); border-radius: 0.45rem; background: var(--md-default-bg-color); color: var(--md-default-fg-color); font: inherit; font-size: 0.72rem; cursor: pointer; }
.sirp-triage__priority-options button { text-align: center; font-weight: 800; }
.sirp-triage__action-options button { text-align: left; }
.sirp-triage__priority-options button[aria-pressed="true"], .sirp-triage__action-options button[aria-pressed="true"] { border-color: var(--md-accent-fg-color); background: rgba(70, 175, 255, 0.13); }
.sirp-triage__controls { display: flex; grid-column: 1 / -1; gap: 0.45rem; justify-content: flex-end; }
.sirp-triage__controls button:first-child { border-color: var(--md-accent-fg-color); background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); font-weight: 750; }
.sirp-triage__controls button:last-child { border-style: dashed; color: var(--md-default-fg-color--light); }
.sirp-triage__feedback { margin-top: 0.7rem; padding: 0.75rem 0.85rem; border-radius: 0.5rem; background: var(--md-code-bg-color); }
.sirp-triage__feedback strong, .sirp-triage__feedback span { display: block; }
.sirp-triage__feedback span { margin-top: 0.25rem; color: var(--md-default-fg-color--light); font-size: 0.76rem; line-height: 1.45; }
.sirp-triage__feedback[data-state="correct"] { background: rgba(76, 175, 80, 0.1); box-shadow: inset 0.2rem 0 #4caf50; }
.sirp-triage__feedback[data-state="incorrect"] { background: rgba(255, 193, 7, 0.1); box-shadow: inset 0.2rem 0 #ffc107; }
.sirp-triage__case-record { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.6rem; margin-top: 0.7rem; padding: 0.85rem; border: 1px solid rgba(76, 175, 80, 0.35); border-radius: 0.55rem; background: rgba(76, 175, 80, 0.06); }
.sirp-triage__case-record[hidden] { display: none; }
.sirp-triage__case-record span, .sirp-triage__case-record strong { display: block; }
.sirp-triage__case-record span { color: var(--md-default-fg-color--light); font-size: 0.65rem; text-transform: uppercase; }
.sirp-triage__case-record strong { margin-top: 0.2rem; font-size: 0.76rem; }
.sirp-triage__case-record p { grid-column: 1 / -1; margin: 0; padding-top: 0.6rem; border-top: 1px solid rgba(76, 175, 80, 0.2); font-size: 0.75rem; line-height: 1.45; }
.sirp-triage button:focus-visible { outline: 0.13rem solid var(--md-accent-fg-color); outline-offset: 0.12rem; }

.sirp-case {
  margin: 1.4rem 0 2rem;
  overflow: hidden;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.8rem;
}

.sirp-case__header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.85rem;
  align-items: center;
  padding: 1rem;
  background: rgba(70, 175, 255, 0.1);
}

.sirp-case__priority {
  padding: 0.35rem 0.55rem;
  border-radius: 0.45rem;
  background: #ffc107;
  color: #222;
  font-size: 0.75rem;
  font-weight: 900;
}

.sirp-case__header strong,
.sirp-case__header small {
  display: block;
}

.sirp-case__header small {
  margin-top: 0.18rem;
  color: var(--md-default-fg-color--light);
}

.sirp-case__owner {
  text-align: right;
}

.sirp-case details {
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(95, 175, 225, 0.16);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0 !important;
  background: transparent;
}

.sirp-case summary {
  margin: 0 !important;
  padding: 0.8rem 1rem !important;
  border-radius: 0 !important;
  background: rgba(70, 175, 255, 0.075);
  font-weight: 700;
  cursor: pointer;
}

.sirp-case details[open] summary { background: rgba(70, 175, 255, 0.13); }

.sirp-case details p {
  margin: 0;
  padding: 0.8rem 1rem 0.95rem;
  color: var(--md-default-fg-color--light);
}

.sirp-next-steps {
  margin-top: 1.75rem;
  padding: 1.2rem 1.35rem;
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0 0.6rem 0.6rem 0;
  background: rgba(70, 175, 255, 0.07);
}

.sirp-next-steps h3 {
  margin-top: 0 !important;
}

.sirp-motion-ready .sirp-reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition:
    opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--sirp-reveal-delay, 0ms);
}

.sirp-motion-ready .sirp-reveal.sirp-reveal--visible {
  opacity: 1;
  transform: none;
}

@media screen and (max-width: 900px) {
  .sirp-boundaries { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sirp-useful__flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .sirp-triage__layout { grid-template-columns: 1fr; }
  .sirp-triage__queue { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-right: 0; border-bottom: 1px solid rgba(95, 175, 225, 0.18); }
  .sirp-triage__decision { grid-template-columns: 1fr; }
  .sirp-triage__controls { grid-column: 1; }
  .sirp-triage__case-record { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 700px) {
  .sirp-relationship {
    grid-template-columns: 1fr;
  }

  .sirp-relationship__arrow {
    transform: rotate(90deg);
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .sirp-definition { padding: 1rem; }
  .sirp-terms,
  .sirp-boundaries,
  .sirp-platform-grid,
  .sirp-useful__flow { grid-template-columns: 1fr; }

  .sirp-value-grid,
  .sirp-metric-grid,
  .sirp-lifecycle,
  .sirp-triage__options,
  .sirp-triage__queue,
  .sirp-triage__evidence,
  .sirp-triage__action-options,
  .sirp-triage__case-record {
    grid-template-columns: 1fr;
  }

  .sirp-triage__priority-options { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sirp-triage__controls { justify-content: stretch; }
  .sirp-triage__controls button { flex: 1; }

  .sirp-case__header {
    grid-template-columns: auto 1fr;
  }

  .sirp-case__owner {
    grid-column: 2;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sirp-value-card,
  .sirp-metric-card,
  .sirp-lifecycle li,
  .sirp-triage__options button,
  .sirp-triage__evidence button,
  .sirp-triage__feedback,
  .sirp-motion-ready .sirp-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Understanding IDS and IPS */

.ids-at-a-glance {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 1.1rem 0 1.7rem;
  overflow: hidden;
  border: 1px solid rgba(70, 175, 255, 0.22);
  border-radius: 0.75rem;
  background: var(--md-default-bg-color);
}

.ids-at-a-glance > div {
  min-width: 0;
  padding: 0.72rem 0.85rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
  border-left: 1px solid var(--md-default-fg-color--lightest);
}

.ids-at-a-glance > div:nth-child(odd) { border-left: 0; }
.ids-at-a-glance > div:nth-child(-n + 2) { border-top: 0; }
.ids-at-a-glance b,
.ids-at-a-glance strong,
.ids-at-a-glance span { display: block; }
.ids-at-a-glance b { margin-bottom: 0.2rem; color: #1676c4; font-size: 0.63rem; letter-spacing: 0.05em; text-transform: uppercase; }
.ids-at-a-glance span { color: var(--md-default-fg-color--light); font-size: 0.72rem; line-height: 1.45; }

.ids-at-a-glance .ids-at-a-glance__heading {
  padding: 0.85rem;
  background: linear-gradient(145deg, rgba(70, 175, 255, 0.13), rgba(70, 175, 255, 0.04));
}

.ids-at-a-glance__heading strong { margin-bottom: 0.18rem; color: #1676c4; font-size: 0.95rem; }

.ids-boundaries {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 1rem 0 1.2rem;
}

.ids-boundaries > div {
  display: grid;
  min-width: 0;
  padding: 0.95rem;
  grid-template-columns: 1.65rem minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 0.65rem;
  row-gap: 0.2rem;
  align-content: start;
  border: 1px solid rgba(70, 175, 255, 0.18);
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
}

.ids-boundaries b {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  grid-row: 1 / span 2;
  grid-column: 1;
  place-items: center;
  align-self: start;
  border: 1px solid rgba(70, 175, 255, 0.38);
  border-radius: 50%;
  color: #1676c4;
  background: color-mix(in srgb, #46afff 12%, var(--md-default-bg-color));
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.02em;
  line-height: 1;
}

.ids-boundaries strong,
.ids-boundaries span { display: block; grid-column: 2; }
.ids-boundaries strong { align-self: center; font-size: 0.8rem; line-height: 1.35; }
.ids-boundaries span { grid-row: 2; color: var(--md-default-fg-color--light); font-size: 0.69rem; line-height: 1.45; }

.ids-solution-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 1.2rem 0;
}

.ids-solution-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.05rem;
  border: 1px solid rgba(70, 175, 255, 0.22);
  border-top: 0.2rem solid #1676c4;
  border-radius: 0.7rem;
  background: linear-gradient(160deg, rgba(70, 175, 255, 0.08), var(--md-default-bg-color) 40%);
  box-shadow: 0 0.45rem 1.4rem rgba(0, 35, 70, 0.07);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.ids-solution-card__fit { display: block; color: #1676c4; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.ids-solution-card > p:first-of-type { margin: 0; }
.ids-solution-card h3 { margin: 0.45rem 0 0.75rem !important; font-size: 1.05rem !important; }
.ids-solution-card p { margin: 0 0 0.58rem; font-size: 0.73rem; line-height: 1.55; }
.ids-solution-card small { display: block; margin-top: auto; padding-top: 0.7rem; border-top: 1px solid var(--md-default-fg-color--lightest); color: var(--md-default-fg-color--light); font-size: 0.67rem; line-height: 1.5; }

@media (hover: hover) {
  .ids-solution-card:hover {
    transform: translateY(-0.18rem);
    border-color: rgba(70, 175, 255, 0.55);
    background: color-mix(in srgb, #46afff 9%, var(--md-default-bg-color));
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.11);
  }
}

.ids-comparison-grid,
.ids-method-grid,
.ids-value-grid {
  display: grid;
  gap: 1rem;
  margin: 1.4rem 0;
}

.ids-comparison-grid,
.ids-value-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ids-method-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ids-mode-card,
.ids-method-card,
.ids-value-card {
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: linear-gradient(
    145deg,
    rgba(70, 175, 255, 0.08),
    rgba(70, 175, 255, 0.02)
  );
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.ids-mode-card--prevent {
  background: linear-gradient(
    145deg,
    rgba(70, 175, 255, 0.11),
    rgba(70, 175, 255, 0.025)
  );
}

.ids-mode-card h3,
.ids-method-card h3,
.ids-value-card h3 {
  margin: 0 0 0.55rem !important;
  font-size: 1.05rem !important;
}

.ids-mode-card p:last-child,
.ids-method-card p:last-child,
.ids-value-card p:last-child {
  margin-bottom: 0;
}

@media (hover: hover) {
  .ids-mode-card:hover,
  .ids-method-card:hover,
  .ids-value-card:hover {
    transform: translateY(-0.2rem);
    border-color: rgba(70, 175, 255, 0.52);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.12);
  }
}

.ids-deployment {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0 2rem;
}

.ids-deployment__lane {
  padding: 1.1rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.8rem;
  background: var(--md-code-bg-color);
}

.ids-deployment__lane > strong {
  display: block;
  margin-bottom: 1rem;
  color: var(--md-accent-fg-color);
}

.ids-deployment__lane p {
  margin: 1rem 0 0;
  color: var(--md-default-fg-color--light);
  font-size: 0.86rem;
}

.ids-network-flow {
  position: relative;
  display: flex;
  min-height: 6.5rem;
  align-items: center;
  justify-content: center;
}

.ids-node {
  z-index: 1;
  display: grid;
  min-width: 4.8rem;
  min-height: 3.1rem;
  padding: 0.5rem;
  place-items: center;
  border: 1px solid rgba(95, 175, 225, 0.35);
  border-radius: 0.6rem;
  background: var(--md-default-bg-color);
  font-size: 0.76rem;
  font-weight: 700;
  text-align: center;
}

.ids-node small {
  color: var(--md-default-fg-color--light);
  font-weight: 400;
}

.ids-node--sensor {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0 1rem rgba(70, 175, 255, 0.12);
}

.ids-flow-line {
  position: relative;
  flex: 1;
  height: 0.13rem;
  overflow: hidden;
  background: rgba(70, 175, 255, 0.3);
}

.ids-flow-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -1rem;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  transform: translateY(-50%);
  animation: ids-packet-flow 2.4s linear infinite;
}

.ids-flow-branch {
  position: absolute;
  top: 50%;
  right: calc(7% + 2.4rem);
  width: 3.4rem;
  height: 1.65rem;
  border-top: 0.13rem solid rgba(70, 175, 255, 0.48);
  border-right: 0.13rem solid rgba(70, 175, 255, 0.48);
  border-radius: 0 0.45rem 0 0;
  background: transparent;
}

.ids-flow-branch::before {
  content: "";
  position: absolute;
  top: -0.29rem;
  left: -0.18rem;
  width: 0.42rem;
  height: 0.42rem;
  border: 0.1rem solid var(--md-default-bg-color);
  border-radius: 50%;
  background: #1676c4;
}

.ids-flow-branch + .ids-node {
  position: absolute;
  right: 7%;
  bottom: -0.6rem;
}

.ids-network-flow--ids {
  padding-right: 26%;
}

@keyframes ids-packet-flow {
  to {
    left: calc(100% + 0.4rem);
  }
}

.ids-pipeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 1.35rem 0 2rem !important;
  padding: 0 !important;
  counter-reset: ids-step;
  list-style: none;
}

.ids-pipeline li {
  position: relative;
  padding: 3.1rem 1rem 1rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
  counter-increment: ids-step;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.ids-pipeline li::before {
  content: counter(ids-step);
  position: absolute;
  top: 0.9rem;
  left: 1rem;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.75rem;
  font-weight: 700;
}

.ids-pipeline strong,
.ids-pipeline span {
  display: block;
}

.ids-pipeline span {
  margin-top: 0.35rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.84rem;
  line-height: 1.5;
}

.ids-pipeline li.ids-step--active {
  transform: translateY(-0.18rem);
  border-color: rgba(70, 175, 255, 0.65);
  box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.13);
}

.ids-simulator {
  margin: 1.4rem 0 1.8rem;
  padding: 1.15rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.8rem;
  background: rgba(70, 175, 255, 0.035);
}

.ids-simulator__group {
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
}

.ids-simulator__group legend {
  margin-bottom: 0.65rem;
  font-weight: 700;
}

.ids-simulator__options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.ids-sim-option,
.ids-mode-toggle button {
  border: 1px solid rgba(95, 175, 225, 0.24);
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  cursor: pointer;
  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background-color 170ms ease,
    box-shadow 170ms ease;
}

.ids-sim-option {
  padding: 0.8rem;
  border-radius: 0.6rem;
  text-align: left;
}

.ids-sim-option strong,
.ids-sim-option small,
.ids-simulator__result strong,
.ids-simulator__result small {
  display: block;
}

.ids-sim-option small,
.ids-simulator__result small {
  margin-top: 0.22rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
  line-height: 1.45;
}

.ids-sim-option:hover,
.ids-sim-option:focus-visible,
.ids-mode-toggle button:hover,
.ids-mode-toggle button:focus-visible {
  border-color: rgba(70, 175, 255, 0.68);
  box-shadow: 0 0.5rem 1.1rem rgba(0, 35, 70, 0.1);
}

.ids-sim-option:focus-visible,
.ids-mode-toggle button:focus-visible {
  outline: 0.13rem solid var(--md-accent-fg-color);
  outline-offset: 0.13rem;
}

.ids-sim-option[aria-pressed="true"],
.ids-mode-toggle button[aria-pressed="true"] {
  border-color: var(--md-accent-fg-color);
  background: rgba(70, 175, 255, 0.13);
}

.ids-mode-toggle {
  display: inline-flex;
}

.ids-mode-toggle button {
  padding: 0.55rem 0.95rem;
}

.ids-mode-toggle button:first-child {
  border-radius: 0.55rem 0 0 0.55rem;
}

.ids-mode-toggle button:last-child {
  margin-left: -1px;
  border-radius: 0 0.55rem 0.55rem 0;
}

.ids-simulator__result {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  padding: 0.9rem 1rem;
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
  box-shadow: inset 0.2rem 0 #66bb6a;
  transition:
    background-color 200ms ease,
    box-shadow 200ms ease;
}

.ids-simulator__status {
  min-width: 4.8rem;
  padding: 0.38rem 0.5rem;
  border-radius: 999px;
  background: rgba(102, 187, 106, 0.15);
  color: #2e7d32;
  font-size: 0.72rem;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

[data-md-color-scheme="slate"] .ids-simulator__status {
  color: #81c784;
}

.ids-simulator__result[data-status="alerted"] {
  background: rgba(255, 193, 7, 0.08);
  box-shadow: inset 0.2rem 0 #ffc107;
}

.ids-simulator__result[data-status="alerted"] .ids-simulator__status {
  background: rgba(255, 193, 7, 0.16);
  color: #a16a00;
}

.ids-simulator__result[data-status="blocked"] {
  background: rgba(255, 82, 82, 0.09);
  box-shadow: inset 0.2rem 0 #ff5252;
}

.ids-simulator__result[data-status="blocked"] .ids-simulator__status {
  background: rgba(255, 82, 82, 0.15);
  color: #d32f2f;
}

.ids-rule-lab {
  margin: 1.4rem 0 1.8rem;
  padding: 1.15rem;
  border: 1px solid rgba(95, 175, 225, 0.22);
  border-radius: 0.8rem;
  background: rgba(70, 175, 255, 0.035);
}

.soar-mission {
  overflow: hidden;
  padding: 0;
  background: color-mix(in srgb, var(--md-default-bg-color) 96%, var(--md-accent-fg-color) 4%);
  box-shadow: 0 0.7rem 1.8rem rgba(0, 35, 70, 0.09);
}

.soar-mission__header {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid rgba(95, 175, 225, 0.2);
  background: linear-gradient(135deg, rgba(70, 175, 255, 0.13), rgba(70, 175, 255, 0.035));
}

.soar-mission__header div,
.soar-mission__header div > span,
.soar-mission__header div > strong,
.soar-mission__header div > small {
  display: block;
}

.soar-mission__header div > span {
  color: var(--md-accent-fg-color);
  font-size: 0.64rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.soar-mission__header div > strong { margin-top: 0.25rem; font-size: 1rem; }
.soar-mission__header div > small { margin-top: 0.2rem; color: var(--md-default-fg-color--light); font-size: 0.72rem; }
.soar-mission__header > b { flex: 0 0 auto; padding: 0.38rem 0.62rem; border-radius: 999px; background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); font-size: 0.68rem; }

.soar-mission__orientation {
  display: grid;
  grid-template-columns: 0.8fr 1.15fr 1.65fr;
  gap: 0.55rem;
  padding: 0.7rem 1.15rem;
  border-bottom: 1px solid rgba(95, 175, 225, 0.16);
  background: color-mix(in srgb, var(--md-code-bg-color) 76%, transparent);
}

.soar-mission__orientation > span {
  display: block;
  min-width: 0;
  color: var(--md-default-fg-color--light);
  font-size: 0.67rem;
  line-height: 1.4;
}

.soar-mission__orientation b {
  display: block;
  margin-bottom: 0.12rem;
  color: var(--md-default-fg-color);
  font-size: 0.6rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.md-typeset .soar-mission__progress {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.6rem;
  margin: 0 !important;
  padding: 0.8rem 1.15rem !important;
  border-bottom: 1px solid rgba(95, 175, 225, 0.16);
  list-style: none;
}

.md-typeset .soar-mission__progress li {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0 !important;
  padding: 0.48rem 0.58rem !important;
  border: 1px solid rgba(95, 175, 225, 0.16);
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--md-default-bg-color) 82%, transparent);
  color: var(--md-default-fg-color--light);
  font-size: 0.68rem;
}

.soar-mission__progress li > b {
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 1.35rem;
  place-items: center;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 50%;
  font-size: 0.62rem;
}

.soar-mission__progress li[aria-current="step"] { border-color: rgba(75, 159, 255, 0.42); background: rgba(75, 159, 255, 0.08); color: var(--md-default-fg-color); font-weight: 750; }
.soar-mission__progress li[aria-current="step"] > b { border-color: var(--md-accent-fg-color); background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); }
.soar-mission__progress li[data-complete] > b { border-color: #42a875; background: rgba(66, 168, 117, 0.13); color: #278259; }

.soar-mission__panel { padding: 1.1rem 1.15rem 0.8rem; }

.soar-mission__guide {
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(75, 159, 255, 0.28);
  border-left: 0.18rem solid var(--md-accent-fg-color);
  border-radius: 0.5rem;
  background: rgba(75, 159, 255, 0.07);
}

.soar-mission__goal {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
}

.soar-mission__goal > span {
  padding: 0.28rem 0.45rem;
  border-radius: 999px;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.soar-mission__goal > strong { font-size: 0.76rem; line-height: 1.4; }
.md-typeset .soar-mission__guide ol { margin: 0.45rem 0 0.55rem 1.1rem; }
.md-typeset .soar-mission__guide li { margin: 0.16rem 0; color: var(--md-default-fg-color--light); font-size: 0.72rem; }
.md-typeset .soar-mission__guide li b { color: var(--md-default-fg-color); }
.md-typeset .soar-mission__guide details {
  margin: 0.6rem 0 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(75, 159, 255, 0.32);
  border-radius: 0.45rem;
  background: var(--md-default-bg-color);
}

.md-typeset .soar-mission__guide summary {
  margin: 0 !important;
  padding-top: 0.62rem !important;
  padding-bottom: 0.62rem !important;
  border: 0 !important;
  color: var(--md-accent-fg-color);
  background: rgba(75, 159, 255, 0.08);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

.md-typeset .soar-mission__guide summary::before {
  top: 50%;
  transform: translateY(-50%);
}

.md-typeset .soar-mission__guide details > p {
  margin: 0 !important;
  padding: 0.72rem 0.8rem;
  border-top: 1px solid rgba(75, 159, 255, 0.24);
  font-size: 0.72rem;
  line-height: 1.5;
}

.soar-mission__evidence {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.soar-mission__evidence button {
  display: flex;
  min-height: 7.25rem;
  flex-direction: column;
  padding: 0.85rem;
  border: 1px solid rgba(95, 175, 225, 0.24);
  border-radius: 0.6rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.soar-mission__evidence button > span { color: var(--md-accent-fg-color); font-size: 0.62rem; font-weight: 750; text-transform: uppercase; }
.soar-mission__evidence button > strong { margin-top: 0.45rem; font-size: 0.78rem; }
.soar-mission__evidence button > small { margin-top: 0.35rem; color: var(--md-default-fg-color--light); font-size: 0.7rem; line-height: 1.45; }
.soar-mission__evidence button > em { margin-top: auto; padding-top: 0.6rem; color: var(--md-default-fg-color--light); font-size: 0.66rem; font-style: normal; font-weight: 700; }
.soar-mission__evidence button[aria-pressed="true"] { border-color: #42a875; background: rgba(66, 168, 117, 0.08); }
.soar-mission__evidence button[aria-pressed="true"] > em { color: #278259; }

.soar-mission__choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.soar-mission .soar-simulator__options button {
  position: relative;
  padding-right: 2.2rem;
}

.soar-mission .soar-simulator__options button > em {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.4rem;
  padding: 0.18rem 0.38rem;
  border-radius: 999px;
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color--light);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.soar-mission .soar-simulator__options button[aria-pressed="true"]::after {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  display: grid;
  width: 1.1rem;
  height: 1.1rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  content: "✓";
  font-size: 0.62rem;
  font-weight: 900;
}

.soar-mission__approval {
  margin-bottom: 1rem;
  padding: 0.9rem 1rem;
  border: 1px dashed #d9a317;
  border-radius: 0.6rem;
  background: rgba(255, 193, 7, 0.07);
}

.soar-mission__approval > span,
.soar-mission__approval > strong { display: block; }
.soar-mission__approval > span { color: #9b7100; font-size: 0.62rem; font-weight: 750; text-transform: uppercase; }
.soar-mission__approval > strong { margin-top: 0.3rem; }
.soar-mission__approval dl,
.soar-mission__audit dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem; margin: 0.7rem 0 0; }
.soar-mission__approval dl > div,
.soar-mission__audit dl > div { padding: 0.55rem 0.65rem; border-radius: 0.4rem; background: color-mix(in srgb, var(--md-default-bg-color) 88%, transparent); }
.soar-mission__approval dt,
.soar-mission__audit dt { color: var(--md-default-fg-color--light); font-size: 0.62rem; font-weight: 700; }
.soar-mission__approval dd,
.soar-mission__audit dd { margin: 0.15rem 0 0; font-size: 0.7rem; line-height: 1.4; }

.soar-mission__actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 1rem;
}

.soar-mission__actions button,
.soar-mission__run {
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(95, 175, 225, 0.38);
  border-radius: 0.45rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 700;
  cursor: pointer;
}

.soar-mission__actions button:last-child,
.soar-mission__run { border-color: var(--md-accent-fg-color); background: var(--md-accent-fg-color); color: var(--md-primary-bg-color); }
.soar-mission__run:disabled { cursor: default; opacity: 0.55; }

.md-typeset .soar-mission .soar-simulator__steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(5rem, 1fr));
  gap: 0.4rem;
  margin: 1rem 0 !important;
  padding: 0 0 0.25rem !important;
  overflow-x: auto;
  list-style: none;
}

.md-typeset .soar-mission .soar-simulator__steps li {
  margin: 0 !important;
  padding: 0.65rem 0.45rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.5rem;
  background: var(--md-code-bg-color);
  text-align: center;
}

.md-typeset .nta-tool-flow > a {
  color: var(--md-default-fg-color);
  text-decoration: none;
  transition: transform 170ms ease, border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease;
}

.nta-tool-flow > a:hover {
  transform: translateY(-0.12rem);
  border-color: rgba(70, 175, 255, 0.5);
  background: color-mix(in srgb, #46afff 8%, var(--md-default-bg-color));
  box-shadow: 0 0.45rem 1rem rgba(0, 35, 70, 0.08);
}

.nta-tool-flow > a:focus-visible { outline: 0.13rem solid #1676c4; outline-offset: 0.13rem; }

.soar-mission .soar-simulator__steps strong,
.soar-mission .soar-simulator__steps small { display: block; }
.soar-mission .soar-simulator__steps strong { font-size: 0.7rem; }
.soar-mission .soar-simulator__steps small { margin-top: 0.2rem; color: var(--md-default-fg-color--light); font-size: 0.6rem; }
.soar-mission .soar-simulator__steps li[data-soar-run-step="complete"] { border-color: rgba(66, 168, 117, 0.55); background: rgba(66, 168, 117, 0.09); }
.soar-mission .soar-simulator__steps li[data-soar-run-step="failed"] { border-color: rgba(211, 72, 72, 0.55); background: rgba(211, 72, 72, 0.09); }
.soar-mission .soar-simulator__steps li[data-soar-run-step="recovered"] { border-color: rgba(66, 168, 117, 0.65); background: rgba(66, 168, 117, 0.13); }

.soar-mission__recovery { margin-top: 0.8rem !important; padding: 0.85rem !important; border: 1px solid rgba(211, 72, 72, 0.35) !important; border-radius: 0.55rem; background: rgba(211, 72, 72, 0.045); }

.soar-mission__audit {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(66, 168, 117, 0.48);
  border-radius: 0.65rem;
  background: rgba(66, 168, 117, 0.07);
}

.soar-mission__audit header span,
.soar-mission__audit header strong { display: block; }
.soar-mission__audit header span { color: #278259; font-size: 0.62rem; font-weight: 750; text-transform: uppercase; }
.soar-mission__audit header strong { margin-top: 0.2rem; font-size: 0.9rem; }
.soar-mission__audit p { margin: 0.8rem 0 0; font-size: 0.72rem; }

.soar-mission > .soar-simulator__result { margin: 0 1.15rem 1.15rem; }
.soar-mission__panel > .soar-simulator__result { margin: 1rem 0 0; }

[data-md-color-scheme="slate"] .soar-mission__progress li[data-complete] > b,
[data-md-color-scheme="slate"] .soar-mission__evidence button[aria-pressed="true"] > em,
[data-md-color-scheme="slate"] .soar-mission__audit header span {
  color: #72d6a7;
}

[data-md-color-scheme="slate"] .soar-mission__approval > span {
  color: #ffd65c;
}

@media screen and (max-width: 900px) {
  .soar-mission__evidence {
    grid-template-columns: 1fr;
  }

  .soar-mission__evidence button {
    min-height: 0;
  }
}

@media screen and (max-width: 700px) {
  .soar-mission__orientation,
  .soar-mission__approval dl,
  .soar-mission__audit dl {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 600px) {
  .soar-mission__header,
  .soar-mission__goal,
  .soar-mission__panel > .soar-simulator__result {
    align-items: flex-start;
  }

  .soar-mission__header,
  .soar-mission__panel > .soar-simulator__result {
    flex-direction: column;
  }

  .soar-mission__goal {
    grid-template-columns: 1fr;
  }

  .md-typeset .soar-mission__progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .soar-mission__panel {
    padding: 0.85rem;
  }
}

.ids-rule-lab__alert {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.25rem 1rem;
  padding: 0.9rem 1rem;
  border-left: 0.2rem solid #ffc107;
  border-radius: 0.45rem;
  background: var(--md-code-bg-color);
}

.ids-rule-lab__alert span {
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
}

.ids-rule-lab__alert strong {
  grid-row: 2;
  overflow-wrap: anywhere;
}

.ids-rule-lab__steps { margin-top: 1rem; }
.ids-rule-lab__steps label strong,
.ids-rule-lab__steps label span { display: block; }

.ids-rule-lab__steps label span,
.ids-rule-lab__steps p {
  color: var(--md-default-fg-color--light);
  font-size: 0.82rem;
}

.ids-rule-lab__steps input {
  width: min(100%, 22rem);
  margin: 0.65rem 0;
  padding: 0.65rem 0.75rem;
  border: 1px solid rgba(95, 175, 225, 0.35);
  border-radius: 0.45rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font: inherit;
}

.ids-rule-lab__steps input:focus-visible,
.ids-rule-lab__steps button:focus-visible {
  outline: 0.13rem solid var(--md-accent-fg-color);
  outline-offset: 0.13rem;
}

.ids-rule-lab__rule {
  overflow-x: auto;
  padding: 0.8rem;
  border-radius: 0.45rem;
  background: #172331;
}

.ids-rule-lab__rule code {
  padding: 0;
  background: transparent;
  color: #e6edf3;
  white-space: nowrap;
}

.ids-rule-lab__rule mark {
  padding: 0.08rem 0.22rem;
  border-radius: 0.2rem;
  background: rgba(255, 193, 7, 0.22);
  color: #ffd866;
}

.ids-rule-lab__steps button {
  padding: 0.6rem 0.9rem;
  border: 1px solid var(--md-accent-fg-color);
  border-radius: 0.45rem;
  background: rgba(70, 175, 255, 0.13);
  color: var(--md-default-fg-color);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.ids-rule-lab__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

.ids-rule-lab__steps .ids-rule-lab__reset {
  border-color: var(--md-default-fg-color--lightest);
  background: transparent;
  color: var(--md-default-fg-color--light);
}

.ids-rule-lab__steps .ids-rule-lab__reset:hover,
.ids-rule-lab__steps .ids-rule-lab__reset:focus-visible {
  border-color: #1676c4;
  color: #1676c4;
  background: color-mix(in srgb, #46afff 7%, var(--md-default-bg-color));
}

.ids-rule-lab__feedback {
  margin-top: 0.9rem;
  padding: 0.7rem 0.8rem;
  border-radius: 0.45rem;
  background: var(--md-code-bg-color);
  font-size: 0.84rem;
}

.ids-rule-lab__feedback[data-state="incorrect"] { box-shadow: inset 0.2rem 0 #ffc107; }
.ids-rule-lab__feedback[data-state="correct"] {
  background: rgba(76, 175, 80, 0.1);
  box-shadow: inset 0.2rem 0 #4caf50;
}

.ids-block-visual {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(2rem, 1fr) auto minmax(2rem, 1fr) auto;
  align-items: center;
  margin-top: 1rem;
  padding: 1.2rem 0.6rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.65rem;
  background: var(--md-default-bg-color);
}

.ids-block-node {
  z-index: 1;
  padding: 0.65rem;
  border: 1px solid rgba(95, 175, 225, 0.3);
  border-radius: 0.5rem;
  background: var(--md-code-bg-color);
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}

.ids-block-node small {
  display: block;
  margin-top: 0.18rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.67rem;
  font-weight: 400;
}

.ids-block-path {
  position: relative;
  height: 0.16rem;
  background: rgba(70, 175, 255, 0.32);
}

.ids-block-path i,
.ids-block-path--after::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  transform: translate(-50%, -50%);
  animation: ids-rule-packet 1.6s linear infinite;
}

.ids-block-path--after::after { animation-delay: 0.8s; }

.ids-block-badge {
  position: static;
  display: inline-grid;
  min-width: 3.4rem;
  min-height: 1.35rem;
  margin-top: 0.42rem;
  padding: 0.2rem 0.5rem;
  place-items: center;
  border: 1px solid #1676c4;
  border-radius: 999px;
  background: #1676c4;
  color: #fff;
  font-size: 0.68rem;
  line-height: 1;
  text-transform: uppercase;
}

.ids-block-visual[data-state="blocked"] .ids-block-node--source,
.ids-block-visual[data-state="blocked"] .ids-block-node--ips {
  border-color: #ff5252;
  box-shadow: 0 0 0 0.2rem rgba(255, 82, 82, 0.1);
}

.ids-block-visual[data-state="blocked"] .ids-block-path--after {
  height: 0;
  border-top: 0.16rem dashed rgba(255, 82, 82, 0.35);
  background: transparent;
}

.ids-block-visual[data-state="blocked"] .ids-block-path--after::after { display: none; }
.ids-block-visual[data-state="blocked"] .ids-block-path i {
  left: 100%;
  background: #ff5252;
  animation: none;
}

.ids-block-visual[data-state="blocked"] .ids-block-badge {
  border-color: #d32f2f;
  background: #d32f2f;
  color: #fff;
}

@keyframes ids-rule-packet { to { left: 100%; } }

.ids-next-steps {
  margin-top: 1.75rem;
  padding: 1.2rem 1.35rem;
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0 0.6rem 0.6rem 0;
  background: rgba(70, 175, 255, 0.07);
}

.ids-next-steps h3 {
  margin-top: 0 !important;
}

.ids-next-steps ul {
  margin-bottom: 0;
}

.ids-motion-ready .ids-reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition:
    opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--ids-reveal-delay, 0ms);
}

.ids-motion-ready .ids-reveal.ids-reveal--visible {
  opacity: 1;
  transform: none;
}

@media screen and (max-width: 900px) {
  .ids-method-grid,
  .ids-pipeline,
  .ids-simulator__options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 600px) {
  .ids-boundaries,
  .ids-solution-grid,
  .ids-comparison-grid,
  .ids-method-grid,
  .ids-value-grid,
  .ids-deployment,
  .ids-pipeline,
  .ids-simulator__options {
    grid-template-columns: 1fr;
  }

  .ids-rule-lab__alert {
    grid-template-columns: 1fr;
  }

  .ids-rule-lab__alert strong {
    grid-row: auto;
    margin-bottom: 0.4rem;
  }

  .ids-block-node {
    padding: 0.45rem 0.3rem;
    font-size: 0.68rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ids-flow-line::after {
    animation: none;
  }

  .ids-block-path i,
  .ids-block-path--after::after {
    animation: none;
  }

  .ids-mode-card,
  .ids-method-card,
  .ids-value-card,
  .ids-pipeline li,
  .ids-sim-option,
  .ids-mode-toggle button,
  .ids-simulator__result,
  .ids-motion-ready .ids-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Understanding SIEM */

.siem-definition {
  overflow: hidden;
  margin: 1.2rem 0 0.8rem;
  padding: 1.35rem 1.45rem 1.2rem;
  border: 1px solid rgba(70, 175, 255, 0.3);
  border-left: 0.28rem solid #1676c4;
  border-radius: 0.8rem;
  background:
    radial-gradient(circle at 100% 0, rgba(70, 175, 255, 0.16), transparent 42%),
    linear-gradient(145deg, rgba(70, 175, 255, 0.08), rgba(70, 175, 255, 0.02));
}

.siem-definition__label {
  display: block;
  margin-bottom: 0.5rem;
  color: #1676c4;
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.siem-definition > p:first-of-type { margin: 0; }

.siem-definition > p:nth-of-type(2) {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.7;
}

.siem-definition__evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 1rem 0;
}

.siem-definition__evidence span {
  padding: 0.28rem 0.58rem;
  border: 1px solid rgba(70, 175, 255, 0.3);
  border-radius: 999px;
  background: color-mix(in srgb, #46afff 9%, var(--md-default-bg-color));
  font-size: 0.72rem;
  font-weight: 700;
}

.siem-definition .siem-definition__note {
  margin: 0;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(70, 175, 255, 0.2);
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
}

.siem-definition__note strong { color: var(--md-default-fg-color); }

.siem-terms {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 1.7rem;
  overflow: hidden;
  border: 1px solid rgba(70, 175, 255, 0.2);
  border-radius: 0.7rem;
  background: var(--md-code-bg-color);
}

.siem-terms > span {
  display: grid;
  min-width: 0;
  padding: 0.95rem;
  grid-template-columns: 1.65rem minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 0.65rem;
  row-gap: 0.2rem;
  align-content: start;
  border-left: 1px solid rgba(70, 175, 255, 0.18);
  color: var(--md-default-fg-color--light);
  font-size: 0.7rem;
}

.siem-terms > span:first-child { border-left: 0; }

.siem-terms b {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  grid-row: 1 / span 2;
  grid-column: 1;
  place-items: center;
  align-self: start;
  border: 1px solid rgba(70, 175, 255, 0.38);
  border-radius: 50%;
  color: #1676c4;
  background: color-mix(in srgb, #46afff 12%, var(--md-default-bg-color));
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.02em;
  line-height: 1;
}

.siem-terms strong {
  display: block;
  margin: 0;
  grid-row: 1;
  grid-column: 2;
  align-self: center;
  color: var(--md-default-fg-color);
  font-size: 0.8rem;
  line-height: 1.35;
}

.siem-terms small {
  display: block;
  grid-row: 2;
  grid-column: 2;
  color: var(--md-default-fg-color--light);
  font-size: 0.69rem;
  line-height: 1.45;
}

.siem-boundaries {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 1rem 0 1.2rem;
}

.siem-boundaries__item {
  min-width: 0;
  padding: 0.8rem 0.75rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.65rem;
  background: var(--md-code-bg-color);
}

.siem-boundaries__item strong,
.siem-boundaries__item span { display: block; }

.siem-boundaries__item strong { margin-bottom: 0.3rem; font-size: 0.82rem; }

.siem-boundaries__item span {
  color: var(--md-default-fg-color--light);
  font-size: 0.68rem;
  line-height: 1.45;
}

.siem-boundaries__item--focus {
  border-color: rgba(70, 175, 255, 0.62);
  background: linear-gradient(145deg, rgba(70, 175, 255, 0.16), rgba(70, 175, 255, 0.05));
  box-shadow: inset 0 0.18rem #1676c4;
}

.siem-evidence-stages {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 0.7rem;
  align-items: stretch;
  margin: 1rem 0 1.2rem;
}

.siem-evidence-stages > div {
  display: grid;
  min-width: 0;
  padding: 0.95rem;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 0.65rem;
  row-gap: 0.35rem;
  align-content: start;
  border: 1px solid rgba(70, 175, 255, 0.2);
  border-radius: 0.65rem;
  background: linear-gradient(155deg, rgba(70, 175, 255, 0.07), var(--md-code-bg-color) 42%);
  box-shadow: 0 0.35rem 1rem rgba(0, 35, 70, 0.05);
}

.siem-evidence-stages b,
.siem-evidence-stages strong,
.siem-evidence-stages span { display: block; }

.siem-evidence-stages b {
  display: grid;
  width: 1.7rem;
  height: 1.7rem;
  margin: 0;
  grid-row: 1;
  grid-column: 1;
  place-items: center;
  align-self: center;
  border: 1px solid rgba(70, 175, 255, 0.4);
  border-radius: 50%;
  color: #fff;
  background: #1676c4;
  box-shadow: 0 0 0 0.2rem rgba(70, 175, 255, 0.1);
  font-size: 0.6rem;
  letter-spacing: 0.03em;
}

.siem-evidence-stages strong {
  margin: 0;
  grid-row: 1;
  grid-column: 2;
  align-self: center;
  font-size: 0.9rem;
}

.siem-evidence-stages span {
  grid-row: 2;
  grid-column: 1 / -1;
  color: var(--md-default-fg-color--light);
  font-size: 0.7rem;
  line-height: 1.45;
}

.siem-evidence-stages i {
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  align-self: center;
  color: #1676c4;
  font-size: 0;
  font-style: normal;
}

.siem-evidence-stages i::before {
  content: "›";
  color: #1676c4;
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 1;
  text-shadow: 0 0 0.7rem rgba(70, 175, 255, 0.18);
}

.siem-evidence-stages i::after { display: none; content: none; }

.siem-useful {
  position: relative;
  margin: 1.2rem 0 0.75rem;
  padding: 1.25rem 1.3rem 1.35rem;
  border: 1px solid rgba(70, 175, 255, 0.25);
  border-radius: 0.8rem;
  background: linear-gradient(145deg, rgba(70, 175, 255, 0.09), rgba(70, 175, 255, 0.02));
}

.siem-useful__label,
.siem-platform-card__fit {
  display: block;
  color: #1676c4;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.siem-useful > p:first-of-type { margin: 0; }

.siem-useful blockquote {
  position: relative;
  margin: 0.65rem 0 1.2rem;
  padding: 0.58rem 0.8rem 0.58rem 2.75rem;
  border: 0;
  border-radius: 0.55rem;
  background: color-mix(in srgb, #46afff 8%, var(--md-default-bg-color));
  color: var(--md-default-fg-color);
  font-size: 1.02rem;
  font-weight: 700;
}

.siem-useful blockquote::before {
  content: "?";
  position: absolute;
  top: 50%;
  left: 0.82rem;
  display: grid;
  width: 1.05rem;
  height: 1.05rem;
  transform: translateY(-50%);
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #1676c4;
  font-size: 0.68rem;
  font-weight: 850;
}

.siem-useful blockquote p { margin: 0; }

.siem-useful__flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.siem-useful__flow::before {
  content: "";
  position: absolute;
  top: 1.38rem;
  right: 8%;
  left: 8%;
  height: 0.12rem;
  background: linear-gradient(90deg, #1676c4, #46afff);
  opacity: 0.35;
}

.siem-useful__flow li {
  position: relative;
  min-width: 0;
  padding: 2.55rem 0.75rem 0.8rem;
  border: 1px solid rgba(70, 175, 255, 0.18);
  border-radius: 0.6rem;
  background: color-mix(in srgb, var(--md-default-bg-color) 94%, #46afff);
  box-shadow: 0 0.25rem 0.8rem rgba(0, 35, 70, 0.05);
}

.siem-useful__flow b,
.siem-useful__flow strong,
.siem-useful__flow span { display: block; }
.siem-useful__flow b {
  position: absolute;
  top: 0.72rem;
  left: 50%;
  z-index: 1;
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  transform: translateX(-50%);
  place-items: center;
  border: 0.16rem solid color-mix(in srgb, #46afff 25%, var(--md-default-bg-color));
  border-radius: 50%;
  color: #fff;
  background: #1676c4;
  font-size: 0.62rem;
}
.siem-useful__flow strong { margin-bottom: 0.25rem; font-size: 0.8rem; }
.siem-useful__flow span { color: var(--md-default-fg-color--light); font-size: 0.68rem; line-height: 1.45; }

.siem-friction {
  margin: 0 0 1.8rem;
  padding: 0;
  border: 1px solid rgba(70, 175, 255, 0.2);
  border-radius: 0.7rem;
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color--light);
  font-size: 0.74rem;
  overflow: hidden;
}

.siem-friction__heading {
  display: flex;
  gap: 0.55rem;
  align-items: center;
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid rgba(70, 175, 255, 0.18);
  color: var(--md-default-fg-color);
  background: color-mix(in srgb, #46afff 7%, var(--md-default-bg-color));
}

.siem-friction__heading > span {
  display: grid;
  width: 1.15rem;
  height: 1.15rem;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #1676c4;
  font-size: 0.68rem;
  font-weight: 850;
}

.siem-friction__issues {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  padding: 0.8rem 0.9rem 0.7rem;
}

.siem-friction__issues span {
  padding: 0.3rem 0.58rem;
  border: 1px solid rgba(70, 175, 255, 0.24);
  border-radius: 999px;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  font-size: 0.67rem;
  font-weight: 650;
}

.siem-friction > p {
  margin: 0;
  padding: 0 0.9rem 0.85rem;
  line-height: 1.55;
}

.siem-platform-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 1.2rem 0;
}

.siem-platform-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.05rem;
  border: 1px solid rgba(70, 175, 255, 0.22);
  border-top: 0.2rem solid #1676c4;
  border-radius: 0.7rem;
  background: linear-gradient(160deg, rgba(70, 175, 255, 0.07), var(--md-default-bg-color) 38%);
  box-shadow: 0 0.45rem 1.4rem rgba(0, 35, 70, 0.07);
}

.siem-platform-card > p:first-of-type { margin: 0; }
.siem-platform-card h3 { margin: 0.45rem 0 0.75rem !important; font-size: 1.05rem !important; }
.siem-platform-card p { margin: 0 0 0.58rem; font-size: 0.73rem; line-height: 1.55; }
.siem-platform-card small {
  display: block;
  margin-top: auto;
  padding-top: 0.7rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
  color: var(--md-default-fg-color--light);
  font-size: 0.67rem;
  line-height: 1.5;
}

@media (hover: hover) {
  .siem-platform-card:hover {
    transform: translateY(-0.18rem);
    border-color: rgba(70, 175, 255, 0.55);
    background: color-mix(in srgb, #46afff 9%, var(--md-default-bg-color));
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.11);
  }
}

.siem-platform-card { transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }

/* Keep the evidence question and step labels aligned across theme breakpoints. */
.md-typeset .siem-useful blockquote {
  display: block;
  margin: 0.65rem 0 1rem;
  padding: 0.72rem 0.9rem;
  border: 1px solid rgba(70, 175, 255, 0.2);
  border-radius: 0.55rem;
  background: color-mix(in srgb, #46afff 6%, var(--md-default-bg-color));
  box-shadow: 0 0.28rem 0.9rem rgba(0, 35, 70, 0.04);
}

.md-typeset .siem-useful blockquote::before,
.md-typeset .siem-useful blockquote::after { display: none; content: none; }

.md-typeset .siem-useful .siem-useful__flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}

.md-typeset .siem-useful .siem-useful__flow::before { display: none; }

.md-typeset .siem-useful .siem-useful__flow > li {
  position: static;
  display: grid;
  min-height: 0;
  padding: 0.85rem;
  grid-template-columns: 1.45rem minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 0.55rem;
  row-gap: 0.16rem;
  align-content: start;
  border: 1px solid rgba(70, 175, 255, 0.2);
  background: linear-gradient(155deg, rgba(70, 175, 255, 0.05), var(--md-default-bg-color) 48%);
  text-align: left;
}

.md-typeset .siem-useful .siem-useful__flow > li > b {
  position: static;
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  margin: 0;
  transform: none;
  grid-row: 1 / span 2;
  grid-column: 1;
  place-items: center;
  align-self: start;
}

.md-typeset .siem-useful .siem-useful__flow > li > strong {
  margin: 0;
  grid-row: 1;
  grid-column: 2;
  align-self: center;
}

.md-typeset .siem-useful .siem-useful__flow > li > span {
  grid-row: 2;
  grid-column: 2;
}

@media screen and (max-width: 900px) {
  .md-typeset .siem-useful .siem-useful__flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 520px) {
  .md-typeset .siem-useful .siem-useful__flow { grid-template-columns: 1fr; }
}

.siem-value-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0 0;
}

.siem-value-card {
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(95, 175, 225, 0.18);
  border-radius: 0.75rem;
  background: linear-gradient(
    145deg,
    rgba(70, 175, 255, 0.08),
    rgba(70, 175, 255, 0.02)
  );
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

@media (hover: hover) {
  .siem-value-card:hover {
    transform: translateY(-0.2rem);
    border-color: rgba(70, 175, 255, 0.5);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.12);
  }
}

.siem-value-card h3 {
  margin: 0 0 0.55rem !important;
  font-size: 1.05rem !important;
}

.siem-value-card h3 .twemoji {
  color: var(--md-accent-fg-color);
}

.siem-value-card p {
  margin: 0;
  color: var(--md-default-fg-color--light);
}

.siem-pipeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0 2rem !important;
  padding: 0 !important;
  counter-reset: siem-step;
  list-style: none;
}

.siem-pipeline li {
  position: relative;
  min-width: 0;
  padding: 1.1rem 1rem 1rem 3.2rem;
  border: 1px solid rgba(95, 175, 225, 0.2);
  border-radius: 0.75rem;
  background: var(--md-code-bg-color);
  counter-increment: siem-step;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.siem-pipeline li::before {
  content: counter(siem-step);
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.75rem;
  font-weight: 700;
  transition:
    transform 220ms ease,
    box-shadow 220ms ease;
}

.siem-pipeline li.siem-step--active {
  transform: translateY(-0.18rem);
  border-color: rgba(70, 175, 255, 0.65);
  box-shadow: 0 0.8rem 1.8rem rgba(0, 35, 70, 0.13);
}

.siem-pipeline li.siem-step--active::before {
  transform: scale(1.08);
  box-shadow: 0 0 0 0.3rem rgba(70, 175, 255, 0.13);
}

.siem-pipeline strong,
.siem-pipeline span {
  display: block;
}

.siem-pipeline strong {
  margin-bottom: 0.35rem;
}

.siem-pipeline span {
  color: var(--md-default-fg-color--light);
  font-size: 0.9rem;
  line-height: 1.55;
}

.siem-next-steps {
  margin-top: 1.75rem;
  padding: 1.2rem 1.35rem;
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0 0.6rem 0.6rem 0;
  background: rgba(70, 175, 255, 0.07);
}

.siem-next-steps h3 {
  margin-top: 0 !important;
}

.siem-next-steps ul {
  margin-bottom: 0;
}

.siem-dashboard {
  margin: 1rem 0 1.8rem;
  overflow: hidden;
  border: 1px solid rgba(95, 175, 225, 0.24);
  border-radius: 0.8rem;
  background: var(--md-default-bg-color);
}

.siem-dashboard__bar {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0.9rem;
  background: var(--md-code-bg-color);
  font-size: 0.82rem;
}

.siem-dashboard__bar span {
  color: var(--md-default-fg-color--light);
}

.siem-dashboard__layout {
  display: grid;
  grid-template-columns: minmax(12rem, 0.72fr) minmax(0, 1.8fr);
}

.siem-dashboard__queue {
  border-right: 1px solid rgba(95, 175, 225, 0.18);
  background: rgba(70, 175, 255, 0.025);
}

.siem-dashboard__queue button,
.siem-dashboard__timeline button {
  display: block;
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(95, 175, 225, 0.14);
  background: transparent;
  color: var(--md-default-fg-color);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.siem-dashboard__queue button {
  padding: 0.8rem;
}

.siem-dashboard__queue button > span,
.siem-dashboard__queue strong,
.siem-dashboard__queue small,
.siem-dashboard__heading span,
.siem-dashboard__heading strong,
.siem-dashboard__heading small,
.siem-dashboard__timeline strong,
.siem-dashboard__timeline small,
.siem-dashboard__feedback strong,
.siem-dashboard__feedback span {
  display: block;
}

.siem-dashboard__queue button > span {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
}

.siem-dashboard__queue button > span b {
  color: var(--md-accent-fg-color);
}

.siem-dashboard__queue small,
.siem-dashboard__heading small,
.siem-dashboard__timeline small,
.siem-dashboard__feedback span {
  margin-top: 0.22rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.76rem;
  line-height: 1.4;
}

.siem-dashboard__queue button:hover,
.siem-dashboard__queue button:focus-visible,
.siem-dashboard__timeline button:hover,
.siem-dashboard__timeline button:focus-visible {
  background: rgba(70, 175, 255, 0.08);
}

.siem-dashboard__queue button:focus-visible,
.siem-dashboard__timeline button:focus-visible,
.siem-dashboard__decision button:focus-visible {
  outline: 0.13rem solid var(--md-accent-fg-color);
  outline-offset: -0.13rem;
}

.siem-dashboard__queue button[aria-selected="true"] {
  background: rgba(70, 175, 255, 0.13);
  box-shadow: inset 0.2rem 0 var(--md-accent-fg-color);
}

.siem-dashboard__workspace {
  min-width: 0;
  padding: 0.9rem;
}

.siem-dashboard__heading {
  margin-bottom: 0.8rem;
}

.siem-dashboard__heading span {
  color: #e46b6b;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.siem-dashboard__heading strong {
  margin-top: 0.2rem;
  font-size: 1.05rem;
}

.siem-dashboard__timeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
}

.siem-dashboard__timeline button {
  display: flex;
  gap: 0.55rem;
  min-width: 0;
  padding: 0.65rem;
  border: 1px solid rgba(95, 175, 225, 0.18);
  border-radius: 0.45rem;
}

.siem-dashboard__timeline button[aria-selected="true"] {
  border-color: var(--md-accent-fg-color);
  background: rgba(70, 175, 255, 0.1);
}

.siem-dashboard__timeline time {
  color: var(--md-accent-fg-color);
  font-size: 0.72rem;
  font-weight: 700;
}

.siem-dashboard__detail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.7rem;
  padding: 0.75rem;
  background: var(--md-code-bg-color);
  border-radius: 0.5rem;
}

.siem-dashboard__detail div span {
  display: block;
  margin-bottom: 0.15rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
}

.siem-dashboard__detail div strong {
  overflow-wrap: anywhere;
  font-size: 0.82rem;
}

.siem-dashboard__detail p {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(95, 175, 225, 0.15);
  font-size: 0.8rem;
}

.siem-dashboard__decision {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.7rem;
}

.siem-dashboard__decision button {
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(95, 175, 225, 0.24);
  border-radius: 0.4rem;
  background: transparent;
  color: var(--md-default-fg-color);
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
}

.siem-dashboard__decision button[aria-pressed="true"] {
  border-color: var(--md-accent-fg-color);
  background: rgba(70, 175, 255, 0.12);
}

.siem-dashboard__decision .siem-dashboard__reset {
  margin-left: auto;
  border-style: dashed;
  color: var(--md-default-fg-color--light);
}

/* Monitoring and Detection section landing page */

.md-start-flow {
  display: flex;
  gap: 0.55rem;
  align-items: stretch;
  margin: 1.5rem 0 2rem;
}

.md-start-flow > span {
  position: relative;
  display: grid;
  flex: 1 1 0;
  gap: 0.2rem;
  min-width: 0;
  padding: 0.9rem 0.8rem 0.85rem 2.5rem;
  border: 1px solid rgba(70, 175, 255, 0.22);
  border-radius: 0.65rem;
  background: linear-gradient(145deg, rgba(70, 175, 255, 0.08), rgba(126, 87, 194, 0.04));
}

.md-start-flow > span b {
  position: absolute;
  top: 0.85rem;
  left: 0.75rem;
  display: grid;
  width: 1.25rem;
  height: 1.25rem;
  place-items: center;
  border-radius: 50%;
  background: var(--md-accent-fg-color);
  color: var(--md-primary-bg-color);
  font-size: 0.7rem;
}

.md-start-flow > span strong {
  font-size: 0.88rem;
}

.md-start-flow > span small {
  color: var(--md-default-fg-color--light);
  font-size: 0.76rem;
  line-height: 1.4;
}

.md-start-flow > i {
  align-self: center;
  color: var(--md-accent-fg-color);
  font-size: 1.1rem;
  font-style: normal;
}

.md-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 1.2rem 0 2rem;
}

.md-path-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 1.15rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.7rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color) !important;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.045);
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.md-path-card:is(:hover, :focus-visible) {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0.5rem 1.2rem rgba(30, 125, 185, 0.13);
  transform: translateY(-2px);
}

.md-path-card--recommended {
  border-color: rgba(70, 175, 255, 0.5);
  background: linear-gradient(160deg, rgba(70, 175, 255, 0.1), transparent 60%);
}

.md-path-label {
  align-self: flex-start;
  padding: 0.2rem 0.48rem;
  border-radius: 999px;
  background: rgba(70, 175, 255, 0.12);
  color: var(--md-accent-fg-color);
  font-size: 0.72rem;
  font-weight: 700;
}

.md-path-card > strong {
  font-size: 1rem;
  line-height: 1.3;
}

.md-path-card > span:not(.md-path-label) {
  flex-grow: 1;
  color: var(--md-default-fg-color--light);
  font-size: 0.84rem;
  line-height: 1.5;
}

.md-path-card > small,
.md-path-card > em {
  font-size: 0.76rem;
  line-height: 1.45;
}

.md-path-card > small {
  color: var(--md-accent-fg-color);
}

.md-path-card > em {
  padding-top: 0.55rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
  color: var(--md-default-fg-color--light);
  font-style: normal;
}

@media screen and (max-width: 900px) {
  .md-start-flow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md-start-flow > i {
    display: none;
  }

  .md-path-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 600px) {
  .md-start-flow {
    grid-template-columns: 1fr;
  }

  .siem-dashboard__decision .siem-dashboard__reset {
    width: 100%;
    margin-left: 0;
  }
}

.siem-dashboard__feedback {
  margin-top: 0.65rem;
  padding: 0.7rem 0.8rem;
  border-radius: 0.45rem;
  background: var(--md-code-bg-color);
}

.siem-dashboard__feedback[data-state="correct"] {
  background: rgba(76, 175, 80, 0.1);
  box-shadow: inset 0.2rem 0 #4caf50;
}

.siem-dashboard__feedback[data-state="incorrect"] {
  background: rgba(255, 193, 7, 0.1);
  box-shadow: inset 0.2rem 0 #ffc107;
}

/* Reveal only after JavaScript has enhanced the page, preserving no-script content. */

.siem-motion-ready .siem-reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition:
    opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--siem-reveal-delay, 0ms);
}

.siem-motion-ready .siem-reveal.siem-reveal--visible {
  opacity: 1;
  transform: none;
}

@media screen and (max-width: 900px) {
  .siem-boundaries { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .siem-useful__flow,
  .siem-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .siem-useful__flow::before { display: none; }

  .siem-pipeline,
  .siem-dashboard__timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .siem-dashboard__layout {
    grid-template-columns: 1fr;
  }

  .siem-dashboard__queue {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid rgba(95, 175, 225, 0.18);
  }
}

@media screen and (max-width: 600px) {
  .siem-definition { padding: 1.1rem; }
  .siem-terms,
  .siem-boundaries,
  .siem-platform-grid,
  .siem-value-grid,
  .siem-pipeline,
  .siem-dashboard__queue,
  .siem-dashboard__timeline,
  .siem-dashboard__detail {
    grid-template-columns: 1fr;
  }

  .siem-terms > span {
    border-top: 1px solid rgba(70, 175, 255, 0.18);
    border-left: 0;
  }

  .siem-terms > span:first-child { border-top: 0; }

  .siem-evidence-stages { grid-template-columns: 1fr; }
  .siem-evidence-stages i {
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 auto;
  }

  .siem-evidence-stages i::before {
    transform: rotate(90deg);
  }

  .soar-mission__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .md-typeset .soar-mission__progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .soar-mission__panel {
    padding: 0.85rem;
  }

  .soar-mission > .soar-simulator__result {
    align-items: flex-start;
    flex-direction: column;
    margin: 0 0.85rem 0.85rem;
  }
}

@media screen and (max-width: 420px) {
  .siem-useful__flow { grid-template-columns: 1fr; }
  .siem-useful { padding: 1rem; }
  .siem-useful blockquote {
    padding-left: 2.55rem;
    font-size: 0.88rem;
    line-height: 1.45;
  }

  .siem-useful__flow {
    gap: 0.45rem;
  }

  .siem-useful__flow li {
    min-height: 0;
    padding: 0.72rem 0.75rem 0.72rem 2.9rem;
    border-left: 0.16rem solid rgba(70, 175, 255, 0.55);
    text-align: left;
  }

  .siem-useful__flow b {
    top: 50%;
    left: 0.72rem;
    width: 1.25rem;
    height: 1.25rem;
    transform: translateY(-50%);
  }

  .siem-useful__flow strong { margin-bottom: 0.12rem; }
  .siem-friction__issues { gap: 0.32rem; }
  .siem-friction__issues span { padding: 0.25rem 0.48rem; font-size: 0.63rem; }
}

@media (prefers-reduced-motion: reduce) {
  .siem-value-card,
  .siem-pipeline li,
  .siem-pipeline li::before,
  .siem-dashboard button,
  .siem-dashboard__feedback,
  .siem-motion-ready .siem-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Shared informational-card feedback across Understanding pages. */
.md-typeset a:is(.siem-platform-card, .ids-solution-card) {
  color: var(--md-default-fg-color);
  text-decoration: none;
}

.md-typeset a:is(.siem-platform-card, .ids-solution-card):focus-visible {
  outline: 0.14rem solid #1676c4;
  outline-offset: 0.16rem;
}

.understanding-tool-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0.9rem 0 1.4rem;
}

.md-typeset .understanding-tool-actions > a {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  padding: 0.52rem 0.75rem;
  border: 1px solid rgba(70, 175, 255, 0.28);
  border-radius: 0.5rem;
  color: #1676c4;
  background: color-mix(in srgb, #46afff 6%, var(--md-default-bg-color));
  font-size: 0.72rem;
  font-weight: 750;
  text-decoration: none;
  transition: transform 170ms ease, border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease;
}

.understanding-tool-actions > a span {
  font-size: 1.05rem;
  line-height: 0.8;
  transition: transform 170ms ease;
}

@media (hover: hover) {
  .understanding-tool-actions > a:hover {
    transform: translateY(-0.1rem);
    border-color: rgba(70, 175, 255, 0.55);
    background: color-mix(in srgb, #46afff 11%, var(--md-default-bg-color));
    box-shadow: 0 0.4rem 1rem rgba(0, 35, 70, 0.08);
  }

  .understanding-tool-actions > a:hover span { transform: translateX(0.16rem); }
}

.understanding-tool-actions > a:focus-visible {
  outline: 0.13rem solid #1676c4;
  outline-offset: 0.13rem;
}

@media (hover: hover) {
  :is(
    .bas-value-card,
    .attack-term-card,
    .attack-use-card,
    .edr-record-card,
    .dfir-pair__card,
    .dfir-evidence-card,
    .dfir-integrity-card,
    .nta-value-card,
    .nta-data-card,
    .nta-method-card,
    .nta-tool-card,
    .soar-candidate-card,
    .soar-metric-card,
    .sirp-value-card,
    .sirp-metric-card,
    .ids-mode-card,
    .ids-method-card,
    .ids-value-card,
    .ids-solution-card,
    .siem-value-card,
    .siem-platform-card
  ):hover {
    border-color: rgba(70, 175, 255, 0.55);
    background: color-mix(in srgb, #46afff 9%, var(--md-default-bg-color));
  }
}

/* Compact top-level information architecture and active navigation state */

body:not(.cdk-home-page) .md-sidebar--secondary .md-nav {
  font-size: 0.75rem;
  line-height: 1.4;
}

body:not(.cdk-home-page) .md-sidebar--secondary .md-nav__title {
  font-size: 0.75rem;
  line-height: 1.4;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .md-sidebar--secondary
  .md-nav__title {
  color: #18181b;
  font-weight: 750;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page)
  .md-sidebar--secondary
  .md-nav__title {
  color: #f4f4f5;
  font-weight: 750;
}

body:not(.cdk-home-page) .md-sidebar--primary .md-nav__link {
  box-sizing: border-box;
  width: 100%;
  min-height: 1.75rem;
  margin: 0.08rem 0;
  padding: 0.34rem 0.58rem;
  align-items: center;
  border-radius: 0.45rem;
  transition:
    color 150ms ease,
    background-color 150ms ease;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .md-sidebar--primary
  .md-nav__link--active[href] {
  box-sizing: border-box;
  width: 100%;
  min-height: 1.75rem;
  margin: 0.08rem 0;
  padding: 0.34rem 0.58rem;
  align-items: center;
  border-radius: 0.45rem;
  color: #174ea6;
  background: #e5eefc;
  font-weight: 650;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page)
  .md-sidebar--primary
  .md-nav__link--active[href] {
  box-sizing: border-box;
  width: 100%;
  min-height: 1.75rem;
  margin: 0.08rem 0;
  padding: 0.34rem 0.58rem;
  align-items: center;
  border-radius: 0.45rem;
  color: #8bc8ff;
  background: rgba(75, 159, 255, 0.14);
  font-weight: 650;
}

@media (hover: hover) {
  body[data-md-color-scheme="default"]:not(.cdk-home-page)
    .md-sidebar--primary
    .md-nav__link:not(.md-nav__link--active):hover {
    color: var(--md-default-fg-color);
    background: #f0f0f0;
  }

  body[data-md-color-scheme="slate"]:not(.cdk-home-page)
    .md-sidebar--primary
    .md-nav__link:not(.md-nav__link--active):hover {
    color: var(--md-default-fg-color);
    background: rgba(255, 255, 255, 0.07);
  }
}

body:not(.cdk-home-page)
  .md-sidebar--primary
  .md-nav__link:focus-visible {
  outline: 0.12rem solid #4b9fff;
  outline-offset: 0.08rem;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .md-sidebar--primary
  .md-nav__link:not(.md-nav__link--active):focus-visible {
  color: var(--md-default-fg-color);
  background: #f0f0f0;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page)
  .md-sidebar--primary
  .md-nav__link:not(.md-nav__link--active):focus-visible {
  color: var(--md-default-fg-color);
  background: rgba(255, 255, 255, 0.07);
}

body[data-md-color-scheme="default"]:not(.cdk-home-page) .md-header,
body[data-md-color-scheme="default"]:not(.cdk-home-page) .md-tabs {
  color: #27272a;
  background: #fff;
  box-shadow: none;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page) .md-tabs {
  border-bottom: 1px solid #e4e4e7;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .md-search__form {
  background: #f3f3f4;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .md-search__input,
body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .md-search__input::placeholder {
  color: #3f3f46;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .md-search__icon {
  color: #27272a;
}

.cdk-search-shortcut {
  position: absolute;
  top: 50%;
  right: 0.48rem;
  z-index: 3;
  padding: 0.12rem 0.3rem;
  border: 0;
  border-radius: 0.2rem;
  color: var(--md-primary-bg-color--light);
  background: rgba(0, 0, 0, 0.24);
  box-shadow: none;
  font-size: 0.55rem;
  font-weight: 600;
  line-height: 1.2;
  pointer-events: none;
  transform: translateY(-50%);
}

.cdk-search-filters {
  display: none;
}

.cdk-search-filter-toggle {
  display: none;
}

body[data-md-color-scheme="default"]:not(.cdk-home-page)
  .cdk-search-shortcut {
  color: #52525b;
  background: #e4e4e7;
}

[data-md-toggle="search"]:checked
  ~ .md-header
  .cdk-search-shortcut {
  display: none;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page) .md-header,
body[data-md-color-scheme="slate"]:not(.cdk-home-page) .md-tabs {
  color: #f4f4f5;
  background: #0b0d11;
  box-shadow: none;
}

body[data-md-color-scheme="slate"]:not(.cdk-home-page) .md-tabs {
  border-bottom: 1px solid #272a31;
}

body:not(.cdk-home-page)
  [data-md-component="palette"]
  [data-cdk-tooltip] {
  position: relative;
}

body:not(.cdk-home-page)
  [data-md-component="palette"]
  [data-cdk-tooltip]::after {
  position: absolute;
  top: calc(100% + 0.55rem);
  left: 50%;
  z-index: 10;
  padding: 0.38rem 0.52rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.38rem;
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.14);
  content: attr(data-cdk-tooltip);
  font-size: 0.58rem;
  font-weight: 400;
  line-height: 1.25;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -0.2rem);
  transition:
    opacity 140ms ease,
    transform 140ms ease;
  white-space: nowrap;
}

body:not(.cdk-home-page)
  [data-md-component="palette"]
  [data-cdk-tooltip]:is(:hover, :focus-visible)::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

.md-header__button.md-logo {
  margin-right: 0.1rem;
  padding: 0.25rem;
}

.md-header__button.md-logo img {
  width: auto;
  height: 1.5rem;
}

[dir="ltr"] .md-header__title {
  margin-left: 0.35rem;
}

[dir="rtl"] .md-header__title {
  margin-right: 0.35rem;
}

.md-tabs__link {
  position: relative;
}

.md-tabs__link::after {
  position: absolute;
  right: 0;
  bottom: -0.7rem;
  left: 0;
  height: 1px;
  background: currentcolor;
  content: "";
  opacity: 0;
  transform: scaleX(0.55);
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.md-tabs__item--active > .md-tabs__link::after,
.md-tabs__link--active::after,
.md-tabs__link[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

.md-tabs__link:focus-visible {
  border-radius: 0.12rem;
  outline: 0.12rem solid #8bdeff;
  outline-offset: 0.22rem;
}

/* Centered desktop search dialog, using Material's existing search index. */
@media screen and (min-width: 60em) {
  body[data-md-color-scheme="default"]:not(.cdk-home-page)
    [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__overlay {
    background: rgba(15, 23, 42, 0.58);
  }

  body[data-md-color-scheme="slate"]:not(.cdk-home-page)
    [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__overlay {
    background: rgba(0, 0, 0, 0.58);
  }

  body:not(.cdk-home-page)
    [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__inner {
    border-color: var(--md-default-fg-color--lighter);
    box-shadow:
      0 1.4rem 4rem rgba(0, 0, 0, 0.34),
      0 0 0 1px var(--md-default-bg-color);
  }

  body[data-md-color-scheme="default"]:not(.cdk-home-page)
    [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__inner {
    border-color: #a1a1aa;
    background: #fff;
    box-shadow:
      0 1.6rem 4.5rem rgba(15, 23, 42, 0.46),
      0 0 0 1px rgba(255, 255, 255, 0.9);
  }

  body[data-md-color-scheme="slate"]:not(.cdk-home-page)
    [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__inner {
    border-color: #52525b;
  }

  body[data-md-color-scheme="default"]:not(.cdk-home-page)
    [data-md-toggle="search"]:checked
    ~ .md-container,
  body[data-md-color-scheme="default"]:not(.cdk-home-page)
    [data-md-toggle="search"]:checked
    ~ .md-header
    .md-header__inner
    > :not(.md-search) {
    filter: blur(4px) brightness(0.72);
  }

  [data-md-toggle="search"]:checked ~ .md-header[hidden] {
    transform: none;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__overlay {
    inset: 0;
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    background: rgba(10, 15, 24, 0.26);
    opacity: 1;
    transform: none;
  }

  [data-md-toggle="search"]:checked ~ .md-container,
  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-header__inner
    > :not(.md-search) {
    filter: blur(7px);
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__inner {
    position: fixed;
    top: 50%;
    right: auto;
    left: 50%;
    display: grid;
    width: min(32rem, calc(100vw - 4rem));
    height: min(24rem, calc(100vh - 5rem));
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) 9rem;
    grid-template-rows: 2.65rem minmax(0, 1fr);
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 0.75rem;
    background: var(--md-default-bg-color);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.24);
    opacity: 1;
    transform: translate(-50%, -50%);
    z-index: 3;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__form {
    height: 2.65rem;
    grid-column: 1;
    grid-row: 1;
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 0;
    background: var(--md-default-bg-color);
    box-shadow: none;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__input {
    height: 2.65rem;
    font-size: 0.78rem;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__input::placeholder {
    color: var(--md-default-fg-color--light);
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__icon[for="__search"] {
    top: 0.72rem;
    color: var(--md-default-fg-color--light);
    pointer-events: auto;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__icon[for="__search"]
    svg:first-child {
    display: block;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__icon[for="__search"]
    svg:last-child {
    display: none;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__options {
    display: none;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .cdk-search-filter-toggle {
    position: absolute;
    top: 50%;
    right: 0.7rem;
    z-index: 4;
    display: flex;
    width: 1.35rem;
    height: 1.35rem;
    align-items: center;
    justify-content: center;
    color: var(--md-default-fg-color--light);
    cursor: pointer;
    transform: translateY(-50%);
  }

  .cdk-search-filter-toggle:hover {
    color: var(--md-default-fg-color);
  }

  .cdk-search-filter-toggle svg {
    width: 1rem;
    height: 1rem;
    fill: currentcolor;
  }

  .cdk-search-filter-toggle__badge {
    position: absolute;
    top: -0.1rem;
    right: -0.08rem;
    min-width: 0.58rem;
    height: 0.58rem;
    padding: 0 0.12rem;
    border-radius: 999px;
    color: #fff;
    background: #536dfe;
    font-size: 0.42rem;
    font-weight: 700;
    line-height: 0.58rem;
    text-align: center;
  }

  .cdk-search-filter-toggle__badge[hidden] {
    display: none;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__output {
    position: relative;
    top: auto;
    bottom: auto;
    min-height: 0;
    grid-column: 1;
    grid-row: 2;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__scrollwrap {
    width: 100%;
    height: 100%;
    max-height: none;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .cdk-search-filters {
    display: block;
    min-width: 0;
    overflow-y: auto;
    grid-column: 2;
    grid-row: 1 / 3;
    padding: 0.75rem 0.7rem;
    border-left: 1px solid var(--md-default-fg-color--lightest);
    color: var(--md-default-fg-color);
    background: color-mix(
      in srgb,
      var(--md-default-bg-color) 96%,
      var(--md-default-fg-color) 4%
    );
  }

  body[data-md-color-scheme="default"]:not(.cdk-home-page)
    .cdk-search-filters {
    border-left-color: #d4d4d8;
    background: #f4f4f5;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__inner.cdk-search-filters-collapsed {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__inner.cdk-search-filters-collapsed
    :is(.md-search__form, .md-search__output) {
    grid-column: 1;
  }

  [data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__inner.cdk-search-filters-collapsed
    .cdk-search-filters {
    display: none;
  }

  .cdk-search-filters h2 {
    margin: 0 0 0.85rem;
    color: inherit;
    font-size: 0.72rem;
    font-weight: 600;
  }

  .cdk-search-filters > p {
    margin: 0 0 0.35rem;
    color: var(--md-default-fg-color--light);
    font-size: 0.56rem;
    font-weight: 600;
  }

  .cdk-search-filters__list {
    display: grid;
    gap: 0.08rem;
  }

  .cdk-search-filters__list button {
    display: grid;
    width: 100%;
    padding: 0.3rem 0.35rem;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.4rem;
    border-radius: 0.25rem;
    color: var(--md-default-fg-color--light);
    cursor: pointer;
    font-size: 0.55rem;
    line-height: 1.3;
    text-align: left;
  }

  .cdk-search-filters__list button:hover,
  .cdk-search-filters__list button[aria-pressed="true"] {
    color: var(--md-default-fg-color);
    background: var(--md-default-fg-color--lightest);
  }

  .cdk-search-filters__list button span {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
  }
}