/* Keep mirrored DAQIRI pages aligned with the Holoscan dark landing theme. */
.hs-daqiri {
  --nv-green: #76b900;
  --nv-green-d: #5a8f00;
  --nv-green-l: #a0d000;
  --nv-bg-page: #121614;
  --nv-bg-card: #111711;
  --nv-bg-card2: #151d13;
  --nv-border: #2b3528;
  --nv-text-pri: #f0f3ed;
  --nv-text-mut: #a8b0a5;
  --nv-text-dim: #788274;
  --nv-code-bg: #0d110d;
  --nv-code-inline-bg: #182016;
  --nv-code-fg: #d4ddd0;
  --nv-link: #76b900;
  --nv-link-hover: #a0d000;
  --nv-table-row-border: #252d23;
  --bg-page: var(--nv-bg-page);
  --bg-card: var(--nv-bg-card);
  --bg-card2: var(--nv-bg-card2);
  --border: var(--nv-border);
  --text-pri: var(--nv-text-pri);
  --text-mut: var(--nv-text-mut);
  --text-dim: var(--nv-text-dim);
  --link: var(--nv-link);
  --link-hover: var(--nv-link-hover);
  --code-inline-bg: var(--nv-code-inline-bg);
  --code-block-bg: var(--nv-code-bg);
  --code-fg: var(--nv-code-fg);
  --table-row-border: var(--nv-table-row-border);
}

.hs-daqiri,
.hs-daqiri .md-typeset {
  background-color: var(--nv-bg-page);
  color: var(--nv-text-pri);
}

.hs-daqiri .md-typeset :is(h1, h2, h3, h4, h5, h6) {
  color: var(--nv-text-pri);
}

/* Overview uses upstream markup. Restyle it to the Holoscan landing system. */
.hs-landing.hs-daqiri.daqiri-landing {
  --radius: 0px;
  --border: var(--hs-line);
  --nv-border: var(--hs-line);
  font-family: "NVIDIA Sans", Arial, sans-serif;
}

.hs-landing.hs-daqiri.daqiri-landing .container,
.hs-landing.hs-daqiri.daqiri-landing #hero .container {
  width: min(1280px, calc(100% - 112px));
  max-width: none;
  margin-inline: auto;
  padding: 0;
}

.hs-landing.hs-daqiri.daqiri-landing #hero {
  padding: 55px 0 96px;
  background: radial-gradient(ellipse at 78% 42%, #23331638, transparent 46%);
}

.hs-landing.hs-daqiri.daqiri-landing .hero-grid,
.hs-landing.hs-daqiri.daqiri-landing .hero-glow,
.hs-landing.hs-daqiri.daqiri-landing .hero-visual::before,
.hs-landing.hs-daqiri.daqiri-landing .feature-icon,
.hs-landing.hs-daqiri.daqiri-landing .landing-footer {
  display: none;
}

.hs-landing.hs-daqiri.daqiri-landing .hero-eyebrow,
[data-md-color-scheme] .md-typeset .hs-landing.hs-daqiri.daqiri-landing .hero-eyebrow {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  gap: 10px;
  color: var(--hs-green);
  font-size: 11px;
  letter-spacing: .17em;
  margin-bottom: 25px;
}

.hs-landing.hs-daqiri.daqiri-landing .hero-eyebrow::before {
  width: 6px;
  height: 6px;
  animation: none;
  box-shadow: 0 0 12px #76b90066;
}

.hs-landing.hs-daqiri.daqiri-landing .hero-title,
[data-md-color-scheme] .md-typeset .hs-landing.hs-daqiri.daqiri-landing .hero-title {
  font-size: clamp(36px, 3.8vw, 58px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.045em;
  margin-bottom: 0;
}

.hs-landing.hs-daqiri.daqiri-landing .hero-title .hi {
  color: var(--hs-green);
}

.hs-landing.hs-daqiri.daqiri-landing .hero-desc,
[data-md-color-scheme] .md-typeset .hs-landing.hs-daqiri.daqiri-landing .hero-desc {
  max-width: 640px;
  margin-top: 27px;
  color: #c0c6c0;
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.6;
}

.hs-landing.hs-daqiri.daqiri-landing .hero-actions {
  gap: 12px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.hs-landing.hs-daqiri.daqiri-landing a.btn,
.hs-landing.hs-daqiri.daqiri-landing .hero-actions a.btn,
[data-md-color-scheme] .md-typeset .hs-landing.hs-daqiri.daqiri-landing .hero-actions a.btn,
[data-md-color-scheme] .md-typeset .hs-landing.hs-daqiri.daqiri-landing a.btn-primary {
  flex: none;
  justify-content: center;
  gap: 18px;
  min-height: 0;
  padding: 15px 22px;
  border-radius: 0;
  border-width: 1px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}

.hs-landing.hs-daqiri.daqiri-landing a.btn-primary,
[data-md-color-scheme] .md-typeset .hs-landing.hs-daqiri.daqiri-landing a.btn-primary {
  background: var(--hs-green);
  border-color: var(--hs-green);
  color: #111709;
}

.hs-landing.hs-daqiri.daqiri-landing a.btn-outline {
  background: #121614b3;
  border-color: var(--hs-line);
  color: var(--hs-text);
}

.hs-landing.hs-daqiri.daqiri-landing .hero-visual-link,
.hs-landing.hs-daqiri.daqiri-landing .hero-visual img,
.hs-landing.hs-daqiri.daqiri-landing .graphic-overlay-backdrop,
.hs-landing.hs-daqiri.daqiri-landing .graphic-overlay-panel {
  border-radius: 0;
  background: #000;
  box-shadow: none;
  filter: none;
}

.hs-landing.hs-daqiri.daqiri-landing .hero-visual-link {
  padding: 0;
  border: 1px solid var(--hs-line);
}

.hs-landing.hs-daqiri.daqiri-landing .hero-stats {
  gap: 28px 40px;
  margin-top: 28px;
  padding-top: 28px;
  border-top-color: var(--hs-line);
}

.hs-landing.hs-daqiri.daqiri-landing .stat-value {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.02em;
}

.hs-landing.hs-daqiri.daqiri-landing .stat-label {
  margin-top: 6px;
  color: var(--hs-green);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
}

.hs-landing.hs-daqiri.daqiri-landing section:not(#hero) {
  padding: 96px 0;
  background: var(--hs-bg);
  border-top: 1px solid var(--hs-line);
}

.hs-landing.hs-daqiri.daqiri-landing .section-label {
  margin-bottom: 18px;
  color: var(--hs-green);
  font-size: 11px;
  letter-spacing: .17em;
}

.hs-landing.hs-daqiri.daqiri-landing .section-title,
[data-md-color-scheme] .md-typeset .hs-landing.hs-daqiri.daqiri-landing .section-title {
  font-size: clamp(32px, 3.4vw, 52px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.hs-landing.hs-daqiri.daqiri-landing .section-desc,
[data-md-color-scheme] .md-typeset .hs-landing.hs-daqiri.daqiri-landing .section-desc,
.hs-landing.hs-daqiri.daqiri-landing .features-intro .section-desc {
  max-width: 680px;
  color: #c5ccc4;
  font-size: 17px;
  line-height: 1.7;
}

.hs-landing.hs-daqiri.daqiri-landing .features-highlight {
  color: var(--hs-green);
  font-style: normal;
}

.hs-landing.hs-daqiri.daqiri-landing .features-grid,
.hs-landing.hs-daqiri.daqiri-landing .example-card,
.hs-landing.hs-daqiri.daqiri-landing .gs-code-block,
.hs-landing.hs-daqiri.daqiri-landing .tutorial-card {
  border-radius: 0;
  border-color: var(--hs-line);
}

.hs-landing.hs-daqiri.daqiri-landing .feature-card {
  padding: 32px 28px;
}

.hs-landing.hs-daqiri.daqiri-landing .feature-card h3 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.02em;
}

.hs-landing.hs-daqiri.daqiri-landing .feature-card p {
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.65;
}

.hs-landing.hs-daqiri.daqiri-landing pre,
.hs-landing.hs-daqiri.daqiri-landing .gs-code-block {
  background: #0d110e;
  border-color: var(--hs-line);
}

/* Documentation pages: wider than a blog column, readable on the dark landing. */
.hs-daqiri[data-page="blog-article"] .hs-article {
  width: min(1180px, calc(100% - 112px));
}

.hs-daqiri .highlight span[class] {
  color: #d2dfcb;
}

.hs-daqiri .highlight :is(.k, .kn, .kd, .kr, .kt, .nt) { color: #bf92df; }
.hs-daqiri .highlight :is(.s, .s1, .s2, .sb, .sa, .se, .sh) { color: #b6d979; }
.hs-daqiri .highlight :is(.m, .mi, .mf, .mh, .mb, .il) { color: #e5b36b; }
.hs-daqiri .highlight :is(.c, .c1, .cm, .ch, .cp, .cpf) { color: #8a9884; }
.hs-daqiri .highlight :is(.nf, .nc, .nb, .nn, .nv, .na, .nd) { color: #72c9bd; }
.hs-daqiri .highlight :is(.n, .p, .o, .ow, .w) { color: #d2dfcb; }

.hs-daqiri .tabbed-set {
  margin-top: 28px;
  border: 0;
}

.hs-daqiri .tabbed-labels {
  box-shadow: none;
  background: transparent;
  border-bottom: 1px solid var(--hs-line);
}

.hs-daqiri .tabbed-labels > label {
  color: #a3aaa4;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 18px;
}

.hs-daqiri .tabbed-set > input:nth-child(1):checked ~ .tabbed-labels > label:nth-child(1),
.hs-daqiri .tabbed-set > input:nth-child(2):checked ~ .tabbed-labels > label:nth-child(2),
.hs-daqiri .tabbed-set > input:nth-child(3):checked ~ .tabbed-labels > label:nth-child(3),
.hs-daqiri .tabbed-set > input:nth-child(4):checked ~ .tabbed-labels > label:nth-child(4) {
  color: var(--hs-text);
  border-bottom-color: var(--hs-green);
}

.hs-daqiri .tabbed-content {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.hs-daqiri .md-typeset__table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.hs-daqiri .hs-article__body table:not([class]) {
  min-width: 640px;
}

@media (max-width: 760px) {
  .hs-daqiri[data-page="blog-article"] .hs-article {
    width: calc(100% - 40px);
  }
}

@media (max-width: 1000px) {
  .hs-landing.hs-daqiri.daqiri-landing .container,
  .hs-landing.hs-daqiri.daqiri-landing #hero .container {
    width: calc(100% - 48px);
  }

  .hs-landing.hs-daqiri.daqiri-landing #hero {
    padding-block: 40px 64px;
  }

  .hs-landing.hs-daqiri.daqiri-landing section:not(#hero) {
    padding-block: 64px;
  }
}

@media (max-width: 750px) {
  .hs-landing.hs-daqiri.daqiri-landing #hero {
    padding-top: 32px;
  }
}