/* Site replica theme. Requested card and orange control refinements follow below. */
#nosDeniersGlassSaffronAssembly .brand-punchline { display: block; }
#nosDeniersGlassSaffronAssembly .demo-scope-note p { margin-block: 6px; }
#nosDeniersGlassSaffronAssembly .demo-scope-note { margin-top: 10px; }
#nosDeniersGlassSaffronAssembly .nd-live-filterbar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) {
  #nosDeniersGlassSaffronAssembly .nd-live-filterbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
#nosDeniersGlassSaffronAssembly .nd-live-filterbar #years { width: 100%; }
/* Same flat orange finish already approved on the public site. */
#nosDeniersGlassSaffronAssembly #reopen-demo {
  background: linear-gradient(130deg, #f68c47, #f4a252);
  color: #243246; border: 1px solid #ef934c; border-radius: 8px;
  box-shadow: 0 2px 8px #dc792b17; text-shadow: none;
  font: 650 12px/1.3 "Inter Display", Arial, sans-serif;
  padding: 10px 14px; transform: none;
}
#nosDeniersGlassSaffronAssembly #reopen-demo:hover { filter: brightness(.98); transform: none; }
#nosDeniersGlassSaffronAssembly #reopen-demo:active { transform: translateY(1px); box-shadow: none; }
@media (max-width: 720px) {
  #nosDeniersGlassSaffronAssembly #reopen-demo { font-size: 11px; padding: 9px 11px; }
}
#nosDeniersGlassSaffronAssembly .demo-edition { margin-left: auto; }
#nosDeniersGlassSaffronAssembly #chart rect { rx: 4px; }

/* Three translucent cards: no solid pedestal and no raised hover movement. */
.demo-welcome .demo-journey {
  background: linear-gradient(145deg, #ffffffc7, #ffffff70),
              linear-gradient(135deg, color-mix(in srgb, var(--tint) 32%, transparent), transparent);
  border: 1.5px solid #142e50;
  box-shadow: 0 14px 38px -23px #284b7752, inset 0 1px 0 #ffffffb8;
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
  transform: none;
  transition: background .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.demo-welcome .demo-journey:hover {
  background: linear-gradient(145deg, #ffffffd9, #ffffff8c),
              linear-gradient(135deg, color-mix(in srgb, var(--tint) 32%, transparent), transparent);
  border-color: #142e50; transform: none;
  box-shadow: 0 16px 40px -23px #284b775e, inset 0 1px 0 #ffffffd9;
}
.demo-welcome .demo-journey:active {
  transform: none;
  box-shadow: 0 8px 24px -20px #284b7747, inset 0 1px 0 #ffffffb8;
}
.demo-welcome .demo-journey .journey-icon {
  background: #ffffff75; border: 1px solid #ffffffb8;
  box-shadow: inset 0 1px 0 #ffffffd9;
}
.demo-welcome .demo-journey b {
  background: color-mix(in srgb, var(--accent) 90%, transparent);
  border: 1px solid #ffffff99;
  box-shadow: 0 4px 12px -7px #10234440;
}

/* Requested visible outlines and orange welcome title card. */
.demo-welcome .welcome-intro {
  width: fit-content; max-width: 100%; margin: 13px auto 0;
  padding: 14px 24px;
  border: 1.5px solid #142e50; border-radius: 12px;
  background: linear-gradient(130deg, #f68c47, #f4a252);
  color: #243246; text-shadow: none;
  box-shadow: 0 2px 8px #dc792b17;
}
.demo-welcome .welcome-intro h1 { margin: 0 0 7px; }
.demo-welcome .welcome-intro > p { margin: 0; font-size: 14px; line-height: 1.5; color: #243246; }
@media (max-width: 480px) {
  .demo-welcome .welcome-intro { padding: 12px 10px; }
  .demo-welcome .welcome-intro > p { font-size: 12px; }
}

/* Align the banner with the content column; enlarge only its illustration. */
#nosDeniersGlassSaffronAssembly .nd-hero { margin-left: 243px; }
#nosDeniersGlassSaffronAssembly .nd-hero .nd-accountant { transform: translate(-50%, -50%) scale(1.1); }
@media (max-width: 1100px) {
  #nosDeniersGlassSaffronAssembly .nd-hero { margin-left: 214px; }
}
@media (max-width: 660px) {
  #nosDeniersGlassSaffronAssembly .nd-hero { margin-left: 0; }
}