/* V8 Gray Report | Limited presentation changes requested by the client.
   Preserve the mobile compact layout, red CTAs and all existing interactions. */

/* Match the newsroom surface exactly, including a legible dark text palette. */
#standard.standard {
  background:var(--mist, #f2f5f6);
  color:var(--ink, #122535);
}
#standard.standard::after { display:none; }
#standard .eyebrow { color:var(--blue, #176188); }
#standard h2, #standard .standard-item h3 { color:var(--ink, #122535); }
#standard .standard-intro,
#standard .standard-item p { color:#526572; }
#standard .text-link { color:var(--ink, #122535); }
#standard .text-link:hover { color:var(--blue, #176188); }
#standard .standard-signature { color:#516774; }
#standard .standard-signature::before { background:#8b9da8; }
#standard .standard-item,
#standard .standard-item:last-child { border-color:#d2dde4; }
#standard .standard-no { color:#176188; }
#standard .standard-icon { color:#526e7d; }
#standard .standard-evidence { color:#5b727f!important; }

/* Translucent neutral gray. Blur/desaturation keep background colours from
   tinting the panel; the labels and inputs themselves stay fully opaque. */
.quick-layout.header-wrap,
.quick-collapsed > .header-wrap {
  background:linear-gradient(112deg,
    rgba(234,235,236,.89) 0%,
    rgba(241,242,243,.87) 55%,
    rgba(246,247,248,.89) 100%);
  border-color:rgba(181,186,191,.88);
  -webkit-backdrop-filter:blur(18px) saturate(0%);
  backdrop-filter:blur(18px) saturate(0%);
  box-shadow:0 -12px 34px rgba(29,35,40,.13),
             0 -2px 8px rgba(29,35,40,.04),
             inset 0 1px 0 rgba(255,255,255,.90);
}
.quick-layout::before { background:#7b858e; }
.quick-lead { border-right-color:rgba(155,163,171,.42); }
.quick-toggle {
  background:rgba(242,243,244,.93);
  border-color:rgba(181,186,191,.88);
  -webkit-backdrop-filter:blur(18px) saturate(0%);
  backdrop-filter:blur(18px) saturate(0%);
  box-shadow:0 -5px 18px rgba(29,35,40,.07);
}
.quick-overline { color:#576772; }
.quick-consent, .quick-disclaimer { color:#586772; }
.quick-field input, .quick-field select {
  color:#172f40;
  background:transparent;
  border-bottom-color:rgba(135,147,157,.65);
}
.quick-field input::placeholder { color:#60717e; }
.quick-field input:focus, .quick-field select:focus {
  background:rgba(255,255,255,.92);
  border-bottom-color:#576e7d;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .quick-layout.header-wrap, .quick-collapsed > .header-wrap, .quick-toggle {
    background:#eef0f1;
  }
}
@media(prefers-reduced-transparency:reduce) {
  .quick-layout.header-wrap, .quick-collapsed > .header-wrap, .quick-toggle {
    background:#eef0f1;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* The footer uses the same approved display ratio as the header (188 x 38).
   Match that lockup rather than the taller natural ratio of the embedded PNG.
   No logo redraw, crop or asset replacement. Preserve the previous mobile width. */
.footer-brand { --footer-logo-width:183px; }
.footer-brand img {
  display:block;
  width:var(--footer-logo-width);
  height:calc(var(--footer-logo-width) * 0.202127659574);
  max-width:100%;
  max-height:none;
  object-fit:fill;
  object-position:left center;
  transform:none;
}
@media(max-width:760px) {
  .footer-brand { --footer-logo-width:145px; }
}

/* Source details remain in the project detail view/source documentation.
   Keep the carousel controls on the right after removing the requested note. */
#projects .projects-bottom { justify-content:flex-end; }
#projects .project-motion-controls { margin-left:auto; }
@media(max-width:760px) {
  #projects .projects-bottom { align-items:stretch; }
}