/* Shared October 2026 visual system. Loaded last by tools/build-site-design.mjs. */
:root {
  --arch-ink: #131b31;
  --arch-ink-soft: #40506b;
  --arch-muted: #596982;
  --arch-rule: #d8e1ef;
  --arch-blue: #2855f9;
  --arch-blue-dark: #163bc3;
  --arch-pale: #edf2fc;
  --arch-paper: #fff;
  --arch-night: #050711;
  --arch-night-blue: #0b1546;
  --arch-sans: "Instrument Sans", "Inter var", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --arch-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;
  --arch-measure: 720px;
}

html:has(body.msr-architecture) { scroll-padding-top: 96px; }
body.msr-architecture {
  min-height: 100%;
  background: var(--arch-paper) !important;
  color: var(--arch-ink) !important;
  font-family: var(--arch-sans) !important;
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}
body.msr-architecture :is(h1,h2,h3,h4) {
  color: var(--arch-ink) !important;
  font-family: var(--arch-sans) !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance;
}
/* fluid.css carries a later-generation serif override with !important. Keep the
   shared architectural type decision explicit for those legacy page families. */
body.msr-architecture.msr-fluid :is(h1,h2,h3,h4) { font-family: var(--arch-sans) !important; }
body.msr-architecture p { text-wrap: pretty; }
body.msr-architecture :is(button,input,select,textarea) { font-family: var(--arch-sans); }
body.msr-architecture a { text-underline-offset: .18em; }
body.msr-architecture :is(main,footer,header,summary,button,input,select,textarea,a):focus-visible {
  outline: 3px solid #82aaff !important;
  outline-offset: 3px !important;
}
body.msr-architecture ::selection { background: #cbd8ff; color: #101b3f; }

/* The shared navigation is a fine, dark architectural band on every route. */
.msr-architecture .msr-header {
  z-index: 100;
  background: rgba(5,7,17,.97) !important;
  color: #f7f9ff !important;
  border-bottom: 1px solid rgba(187,207,255,.2) !important;
  box-shadow: 0 8px 30px rgba(4,9,31,.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.msr-architecture .msr-header-inner {
  width: min(100%, 1360px);
  height: 76px;
  padding-inline: 40px;
  gap: clamp(22px,3vw,42px);
}
.msr-architecture .msr-logo,
.msr-architecture .msr-nav a,
.msr-architecture .msr-research summary { color: #e8edfb !important; }
.msr-architecture .msr-logo { font-size: 18px; letter-spacing: -.035em; }
.msr-architecture .msr-logo b { color: #fff; font-weight: 600; }
.msr-architecture .msr-logo svg path { stroke: #9ab5ff !important; }
.msr-architecture .msr-logo svg circle { fill: #c1d4ff !important; }
.msr-architecture .msr-nav { gap: clamp(17px,2.2vw,30px); }
.msr-architecture .msr-nav a {
  position: relative;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #c3cbe0 !important;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: color .18s ease;
}
.msr-architecture .msr-nav a:hover,
.msr-architecture .msr-nav a[aria-current="page"],
.msr-architecture .msr-nav a.is-current { color: #fff !important; }
.msr-architecture .msr-nav a[aria-current="page"]::after,
.msr-architecture .msr-nav a.is-current::after {
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  height: 2px;
  background: #7393ff;
  content: "";
}
.msr-architecture .msr-inquiry {
  min-height: 46px;
  padding: 10px 15px;
  border: 1px solid rgba(177,198,255,.44) !important;
  border-radius: 3px !important;
  background: #2855f9 !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background .18s ease, transform .18s ease;
}
.msr-architecture .msr-inquiry:hover { background: #416aff !important; transform: translateY(-1px); }
.msr-architecture .msr-submenu {
  background: #fff !important;
  border: 1px solid #d8e1ef !important;
  box-shadow: 0 18px 42px rgba(6,14,42,.22) !important;
  border-radius: 4px !important;
}
.msr-architecture .msr-submenu a { color: #253350 !important; }
.msr-architecture .msr-submenu a:hover { background: #edf2fc !important; color: #173dc9 !important; }
.msr-architecture .msr-mobile summary {
  color: #fff;
  border-color: rgba(190,207,255,.68) !important;
  background: rgba(15,25,60,.86);
}
.msr-architecture .msr-mobile summary span {
  width: 20px;
  height: 2px;
  background: #e3eaff !important;
}
.msr-architecture .msr-mobile nav {
  background: #080d20;
  border: 1px solid rgba(187,207,255,.22);
  box-shadow: 0 24px 54px rgba(0,0,0,.34);
}
.msr-architecture .msr-mobile nav a { color: #edf2ff !important; }
.msr-architecture .msr-mobile nav a:hover { background: rgba(112,145,255,.13) !important; }
.msr-architecture .msr-mobile nav a.is-current { border-left: 2px solid #7895ff; padding-left: 13px; color: #fff !important; }
.msr-architecture .skip-link:focus,
.msr-architecture .skip:focus { z-index: 1200; background: #fff; color: #111 !important; }

/* Commercial opening: large copy, luminous record structure, and a controlled blue fade. */
.msr-architecture.verify-site .v-hero {
  position: relative;
  isolation: isolate;
  overflow: clip;
  min-height: 635px;
  padding: clamp(74px,8.4vw,116px) 0 82px;
  border: 0;
  color: #f8faff;
  background:
    radial-gradient(ellipse at 76% 42%, rgba(48,82,245,.34), transparent 42%),
    linear-gradient(112deg,#050711 0%,#080d26 52%,#101b5c 100%) !important;
}
.msr-architecture.verify-site .v-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(180deg,transparent 70%,rgba(142,164,255,.15) 100%),
    repeating-linear-gradient(135deg,transparent 0 63px,rgba(183,203,255,.035) 64px,transparent 65px);
  content: "";
  pointer-events: none;
}
.msr-architecture.verify-site .v-hero::after {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 105px;
  background: linear-gradient(180deg,transparent,rgba(177,195,255,.22));
  content: "";
  pointer-events: none;
}
.msr-architecture.verify-site .v-wrap { width: min(100% - 80px, 1280px); }
.msr-architecture.verify-site .v-hero-grid {
  grid-template-columns: minmax(0,1.04fr) minmax(380px,.96fr);
  align-items: center;
  column-gap: clamp(28px,4vw,68px);
}
.msr-architecture.verify-site .v-hero-copy > h1 {
  max-width: 12ch;
  margin: 0;
  color: #fff !important;
  font-size: clamp(54px,6.25vw,82px);
  font-weight: 450 !important;
  line-height: 1.015;
  letter-spacing: -.058em !important;
}
.msr-architecture.verify-site .v-verify-hero .v-hero-copy > h1 { max-width: 13ch; font-size: clamp(62px,7vw,92px); }
.msr-architecture.verify-site .v-verify-hero .v-hero-copy > h2 {
  color: #dce5ff !important;
  font-size: clamp(29px,3.35vw,42px);
  font-weight: 450 !important;
  letter-spacing: -.045em !important;
}
.msr-architecture.verify-site .v-eyebrow {
  color: #3153c7 !important;
  font-size: 11px;
  letter-spacing: .12em;
}
.msr-architecture.verify-site .v-hero .v-eyebrow { color: #a8beff !important; }
.msr-architecture.verify-site .v-lede {
  max-width: 61ch;
  color: #c4cde3 !important;
  font-size: clamp(17px,1.4vw,19px);
  line-height: 1.68;
}
.msr-architecture.verify-site .v-text-link { color: #2348d4 !important; }
.msr-architecture.verify-site .v-hero .v-text-link,
.msr-architecture.verify-site .v-sample .v-text-link { color: #dce5ff !important; }
.msr-architecture.verify-site .v-button {
  min-height: 50px;
  border: 1px solid rgba(188,207,255,.48);
  border-radius: 3px;
  background: var(--arch-blue) !important;
  box-shadow: 0 10px 28px rgba(40,85,249,.24);
  font-size: 14px;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.msr-architecture.verify-site .v-button:hover { transform: translateY(-2px); background: #426cff !important; box-shadow: 0 14px 32px rgba(40,85,249,.35); }
.msr-architecture.verify-site .v-trust { color: #b4c1e1 !important; font-size: 12px; }
.msr-architecture.verify-site .v-trust i { color: #7184bb; }
.msr-architecture.verify-site .v-hero-mark {
  position: relative;
  grid-column: 2;
  grid-row: 1 / span 6;
  align-self: center;
  justify-self: stretch;
  width: 100%;
  min-height: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.msr-architecture.verify-site .v-hero-mark img {
  width: min(100%, 650px);
  height: auto;
  filter: drop-shadow(0 22px 35px rgba(24,67,238,.22));
}
.msr-architecture.verify-site .architecture-caption {
  display: flex;
  width: min(100%, 590px);
  justify-content: space-between;
  gap: 8px;
  margin-top: -3px;
  color: #b9c9f6;
  font: 10px/1.5 var(--arch-mono);
  letter-spacing: .07em;
}
.msr-architecture.verify-site .v-hero-mark > :not(img):not(.architecture-caption) { display: none; }
.msr-architecture.verify-site .v-reporters {
  position: relative;
  z-index: 1;
  padding: 22px 0;
  border: 0;
  background: linear-gradient(180deg,#f4f6ff 0%,#fff 100%);
}
.msr-architecture.verify-site .v-reporters-inner { max-width: 1280px; }
.msr-architecture.verify-site .v-reporters h2 { color: #50617d !important; text-transform: uppercase; letter-spacing: .13em; font: 500 10px/1.4 var(--arch-mono) !important; }
.msr-architecture.verify-site .v-press-viewport { mask-image: linear-gradient(to right,#000 0,#000 calc(100% - 18px),transparent 100%); }
.msr-architecture.verify-site .v-press-logo { filter: saturate(1.03); }

/* Content sections use pale structural transitions and crisp editorial surfaces. */
.msr-architecture.verify-site .v-section { padding: clamp(62px,7vw,94px) 0; background: #fff; }
.msr-architecture.verify-site .v-section .v-wrap { max-width: 1280px; }
.msr-architecture.verify-site .v-heading { margin-bottom: 34px; }
.msr-architecture.verify-site .v-heading h2,
.msr-architecture.verify-site .v-sample-copy h2,
.msr-architecture.verify-site .v-final h2,
.msr-architecture.verify-site .v-request-copy h2 {
  max-width: 21ch;
  color: var(--arch-ink) !important;
  font-size: clamp(34px,4.25vw,54px);
  font-weight: 450 !important;
  letter-spacing: -.05em !important;
  line-height: 1.08;
}
.msr-architecture.verify-site .v-heading .v-eyebrow,
.msr-architecture.verify-site .v-sample-copy .v-eyebrow,
.msr-architecture.verify-site .v-final .v-eyebrow { color: #3153c7 !important; }
.msr-architecture.verify-site .v-application-grid {
  border-color: #d9e2f0;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.msr-architecture.verify-site .v-application {
  min-width: 0;
  padding: 28px 34px 32px 0;
}
.msr-architecture.verify-site .v-application + .v-application { padding-left: 34px; border-left-color: #d9e2f0; }
.msr-architecture.verify-site .v-application h3 { color: #17233e !important; font-size: 23px; }
.msr-architecture.verify-site .architecture-diagram { width: 124px; height: 84px; object-fit: contain; margin: 0 0 18px; }
.msr-architecture.verify-site .v-index { color: #3756c3 !important; }
.msr-architecture.verify-site .v-question { max-width: 53ch; color: #354560 !important; font-size: 16px; line-height: 1.65; }
.msr-architecture.verify-site .v-application li { color: #58677f; font-size: 14px; line-height: 1.65; }
.msr-architecture.verify-site .v-application > a { color: #2348d4; }
.msr-architecture.verify-site .v-boundary { max-width: 78ch; color: #596a84 !important; }
.msr-architecture.verify-site .v-evidence { background: linear-gradient(135deg,#eef2fd 0%,#f5f7ff 50%,#e9efff 100%); }
.msr-architecture.verify-site .v-evidence .v-heading h2 { max-width: 19ch; }
.msr-architecture.verify-site .v-capsule-grid { gap: 14px; align-items: stretch; }
.msr-architecture.verify-site .evidence-capsule {
  min-width: 0;
  padding: 21px 20px 18px;
  border: 1px solid #d9e1f0;
  border-top: 3px solid #536fe2;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 32px rgba(30,48,101,.045);
}
.msr-architecture.verify-site .evidence-capsule h3 { color: #17233e !important; font-size: 20px; }
.msr-architecture.verify-site .v-number,
.msr-architecture.verify-site .v-number-simple,
.msr-architecture.verify-site .v-number-side strong { color: #2349dc !important; }
.msr-architecture.verify-site .v-number-caption,
.msr-architecture.verify-site .v-number-side span,
.msr-architecture.verify-site .v-capsule-finding,
.msr-architecture.verify-site .v-capsule-scope,
.msr-architecture.verify-site .v-capsule-top,
.msr-architecture.verify-site .v-evidence-note { color: #43536d !important; }
.msr-architecture.verify-site .v-capsule-top { font-size: 10px; }
.msr-architecture.verify-site .v-capsule-scope { border-left: 2px solid #aab8e6; padding-left: 10px; }
.msr-architecture.verify-site .v-capsule-links { border-color: #dbe3f1; }
.msr-architecture.verify-site .v-capsule-links a { color: #1f45ca; }
.msr-architecture.verify-site .v-process { background: #fff; }
.msr-architecture.verify-site .v-steps { counter-reset: none; }
.msr-architecture.verify-site .v-steps li > span { color: #3658d5; }
.msr-architecture.verify-site .v-steps h3 { color: #17233e !important; font-size: 19px; }
.msr-architecture.verify-site .v-steps p { color: #52627b; }
.msr-architecture.verify-site .v-process > .v-wrap > .v-text-link { color: #2145cc; }
.msr-architecture.verify-site .v-sample {
  position: relative;
  overflow: hidden;
  padding: clamp(64px,7vw,92px) 0;
  color: #fff;
  background:
    radial-gradient(ellipse at 82% 50%,rgba(44,83,239,.26),transparent 43%),
    linear-gradient(112deg,#080b19 0%,#101a44 100%);
}
.msr-architecture.verify-site .v-sample::before { position:absolute; inset:0; border-block:1px solid rgba(183,203,255,.16); content:""; pointer-events:none; }
.msr-architecture.verify-site .v-sample-copy h2,
.msr-architecture.verify-site .v-sample-copy :is(p,li) { color: #f3f6ff !important; }
.msr-architecture.verify-site .v-sample-copy .v-eyebrow { color: #a8beff !important; }
.msr-architecture.verify-site .v-sample-copy .v-sample-label { color: #d6e0ff !important; }
.msr-architecture.verify-site .v-sample .v-button-light { background: #fff !important; color: #14203a !important; border-color: #dce5f4 !important; }
.msr-architecture.verify-site .v-sample .v-button-light:hover { background: #e8f0fc !important; color: #14203a !important; }
.msr-architecture.verify-site .v-sample-copy li { color: #cbd5ee !important; }
.msr-architecture.verify-site .v-memo-preview { border: 1px solid #d9e2f6; box-shadow: 0 25px 65px rgba(0,0,0,.26); }
.msr-architecture.verify-site .v-final,
.msr-architecture.verify-site .v-request { background: #edf2fc; border-color: #d8e1f1; }
.msr-architecture.verify-site .v-final-inner { max-width: 820px; }
.msr-architecture.verify-site .v-final-inner > p:not(.v-eyebrow) { color: #4d5d77; }
.msr-architecture.verify-site .v-final small { color: #566780; }
.msr-architecture.verify-site .v-request { padding-block: clamp(58px,7vw,88px); }
.msr-architecture.verify-site .v-warning { border-color: #d4dced; border-left-color: #4160df; background: #fff; color: #475772; }
.msr-architecture.verify-site .v-warning strong { color: #1c2a48; }
.msr-architecture.verify-site .v-form { padding: clamp(20px,2.5vw,30px); border: 1px solid #d2dced; border-radius: 4px; box-shadow: 0 18px 48px rgba(33,55,114,.07); }
.msr-architecture.verify-site .v-form label { color: #263753; }
.msr-architecture.verify-site .v-form input,
.msr-architecture.verify-site .v-form select,
.msr-architecture.verify-site .v-form textarea { border-color: #b9c7dc; border-radius: 3px; color: #16233d; }
.msr-architecture.verify-site .v-form input:focus,
.msr-architecture.verify-site .v-form select:focus,
.msr-architecture.verify-site .v-form textarea:focus { border-color: #345add; }
.msr-architecture.verify-site .v-request-copy > p:not(.v-eyebrow) { color: #4e5e78; }
.msr-architecture.verify-site .v-faq-list summary { color: #1d2b47; }
.msr-architecture.verify-site .v-faq-list details p { color: #52627c; }
.msr-architecture.verify-site .sf {
  padding: 44px 0 20px;
  border-top: 1px solid rgba(178,198,255,.2) !important;
  background: #050711 !important;
  color: #eef2ff !important;
}
.msr-architecture.verify-site .sf-wrap { width: min(calc(100% - 80px),1280px); max-width: 1280px; padding-inline: 0; }
.msr-architecture.verify-site .sf-top { display: block; padding-bottom: 24px; border-color: rgba(178,198,255,.2); }
.msr-architecture.verify-site .sf-brand,
.msr-architecture.verify-site .sf-name,
.msr-architecture.verify-site .sf-disc,
.msr-architecture.verify-site .sf-top p,
.msr-architecture.verify-site .sf-col a,
.msr-architecture.verify-site .sf-bottom { color: #e0e7fb !important; }
.msr-architecture.verify-site .sf-disc { max-width: 62ch; margin-top: 7px; color: #aebbd8 !important; }
.msr-architecture.verify-site .sf-social a { color: #dce5ff !important; }
.msr-architecture.verify-site .sf-cols { gap: 28px; }
.msr-architecture.verify-site .sf-col h3 { color: #9eb4ff !important; font: 500 10px/1.4 var(--arch-mono) !important; letter-spacing: .12em; }
.msr-architecture.verify-site .sf-col a { display: flex; min-height: 40px; align-items: center; font-size: 13px; }
.msr-architecture.verify-site .sf-bottom { border-color: rgba(178,198,255,.2); font-size: 12px; }

/* One shared dark footer keeps reports, archives, hubs and service pages aligned. */
.msr-architecture .sf {
  border-top: 1px solid rgba(178,198,255,.2) !important;
  background: #050711 !important;
  color: #eef2ff !important;
}
.msr-architecture .sf-wrap { width: min(calc(100% - 80px),1280px); max-width: 1280px; padding-inline: 0; }
.msr-architecture .sf-top { border-color: rgba(178,198,255,.2) !important; }
.msr-architecture .sf :is(.sf-name,.sf-legal,.sf-disc,.sf-top p,.sf-col a,.sf-bottom) { color: #e0e7fb !important; }
.msr-architecture .sf :is(.sf-disc,.sf-legal) { color: #aebbd8 !important; }
.msr-architecture .sf .sf-col h3 { color: #9eb4ff !important; }
.msr-architecture .sf .sf-bottom { border-color: rgba(178,198,255,.2) !important; }
.msr-architecture .sf-mark path { stroke: #9ab5ff !important; }
.msr-architecture .sf-mark circle { fill: #c1d4ff !important; }

/* Service and audience routes get the same dark opening with a calmer light body. */
.msr-architecture.fluid-services main > .hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 510px;
  padding: clamp(64px,8vw,104px) 0 72px;
  background: radial-gradient(ellipse at 78% 54%,rgba(40,85,249,.28),transparent 45%), linear-gradient(112deg,#050711,#0c1747) !important;
  color: #fff !important;
}
.msr-architecture.fluid-services main > .hero::after {
  position:absolute; z-index:-1; inset:0;
  background: repeating-linear-gradient(135deg,transparent 0 68px,rgba(183,203,255,.04) 69px,transparent 70px);
  content:""; pointer-events:none;
}
.msr-architecture.fluid-services .hero > .wrap,
.msr-architecture.fluid-about .hero > .wrap { max-width: 1280px; }
.msr-architecture.fluid-services .hero-split {
  grid-template-columns: minmax(0,1.05fr) minmax(330px,.95fr);
  align-items: center;
  gap: clamp(35px,6vw,84px);
}
.msr-architecture.fluid-services .hero h1,
.msr-architecture.fluid-about .hero h1 {
  max-width: 18ch;
  color: #fff !important;
  font-size: clamp(44px,5.15vw,66px) !important;
  font-weight: 450 !important;
  line-height: 1.04;
  letter-spacing: -.055em !important;
}
.msr-architecture.fluid-services .hero .eyebrow,
.msr-architecture.fluid-about .hero .eyebrow { color: #a8beff !important; }
.msr-architecture.fluid-services .hero .eyebrow a { color: #dce5ff !important; }
.msr-architecture.fluid-services .hero .lede,
.msr-architecture.fluid-about .hero .lede { max-width: 60ch; color: #c7d1e8 !important; font-size: 18px; }
.msr-architecture.fluid-services .hero .lede {
  padding: 14px 18px;
  border: 1px solid rgba(174,196,255,.22);
  border-radius: 8px;
  background: rgba(12,21,52,.68) !important;
}
.msr-architecture.fluid-services .hero .lede b { color: #f1f4ff !important; }
.msr-architecture.fluid-services .hero .crumbs,
.msr-architecture.fluid-services .hero .crumbs a { color: #c2cbea !important; }
.msr-architecture.fluid-services .hero .crumbs [aria-current="page"] { color: #e7edff !important; }
.msr-architecture.fluid-services .hero .crumbs li + li::before { color: #8495c8 !important; }
.msr-architecture.fluid-services .hero-cta { margin-top: 28px; }
.msr-architecture.fluid-services .hero-cta .btn--primary,
.msr-architecture.fluid-about .hero .btn--primary {
  min-height: 48px;
  background: #2855f9 !important;
  color: #fff !important;
  border: 1px solid rgba(183,203,255,.4);
  box-shadow: 0 10px 25px rgba(40,85,249,.23);
}
.msr-architecture.fluid-services .hero-cta .btn--ghost,
.msr-architecture.fluid-about .hero .btn--ghost {
  min-height: 48px;
  border-color: rgba(190,207,255,.48) !important;
  background: transparent !important;
  color: #e3eaff !important;
}
.msr-architecture.fluid-services .studio-art,
.msr-architecture.fluid-services .studio-exhibit-art {
  border: 1px solid rgba(173,196,255,.26);
  background: radial-gradient(ellipse,#1b338b 0%,#111a3c 66%,rgba(5,7,17,.18) 100%);
}
.msr-architecture.fluid-services .studio-art img,
.msr-architecture.fluid-services .studio-exhibit-art img {
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(33,76,247,.22));
}
.msr-architecture.fluid-services .studio-art-caption { color: #aebde0 !important; }
.msr-architecture.fluid-services .studio-art-caption strong { color: #eff3ff !important; }
.msr-architecture.fluid-services .hero .studio-scope { color: #c7d1e8 !important; }
.msr-architecture.studio-capabilities .hero .moat { color: #c7d1e8 !important; }
.msr-architecture.studio-capabilities .hero .moat > span:last-child { color: #c7d1e8 !important; }
.msr-architecture.studio-capabilities .hero .moat :is(b,strong) { color: #f1f4ff !important; }
.msr-architecture.studio-capabilities .hero .moat .neutral-badge {
  border-color: rgba(152,177,255,.38) !important;
  background: rgba(62,91,184,.24) !important;
  color: #dbe5ff !important;
}
.msr-architecture.fluid-services .exhibit-frame,
.msr-architecture.fluid-services .studio-scope,
.msr-architecture.fluid-services .cap-disclosure,
.msr-architecture.fluid-services .lane-card,
.msr-architecture.fluid-services .card { border-color: #dbe3f0 !important; }
.msr-architecture.fluid-services .cap-disclosure[open] { background: #f2f5fd !important; }
.msr-architecture.fluid-services :is(.sec-h,.sec-head) { border-color: #d6dfec !important; }
.msr-architecture.fluid-services .audience-index a { color: #3b4c69 !important; }
.msr-architecture.fluid-services .studio-exhibit-art { border-radius: 4px !important; }
.msr-architecture.fluid-services .chrono-card,
.msr-architecture.fluid-services .recon-card,
.msr-architecture.fluid-services .pipe-card,
.msr-architecture.fluid-services .split-card {
  border: 1px solid #d4deed !important;
  border-radius: 4px !important;
  background: #fbfcff !important;
  color: #24334c !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.26) !important;
}
.msr-architecture.fluid-services .hero .exhibit-frame :is(.chrono-card,.recon-card,.pipe-card,.split-card) :is(div,p,span,small,strong,b,em,code) { color: #33435d !important; }
.msr-architecture.fluid-services .hero .exhibit-frame :is(.chrono-head,.recon-head,.pipe-head,.split-head) {
  border-color: #dbe3ef !important;
  background: #eef2fa !important;
  color: #40516d !important;
}
.msr-architecture.fluid-services .hero .exhibit-frame :is(.chrono-body,.recon-body,.pipe-body,.split-body) { color: #33435d !important; }
.msr-architecture.fluid-services .hero .exhibit-frame :is(.chrono-row,.recon-row .k,.recon-row .v,.pipe-stage p,.split-row p) { color: #253650 !important; }
.msr-architecture.fluid-services .hero .exhibit-frame :is(.chrono-note,.pipe-note,.recon-note,.split-note) { color: #52627d !important; }
.msr-architecture.fluid-services .hero .exhibit-frame :is(.chrono-card,.recon-card,.pipe-card,.split-card) a.inline { color: #2349cf !important; }
.msr-architecture.fluid-services .hero .exhibit-frame :is(.chrono-card,.recon-card,.pipe-card,.split-card) :is(.chrono-rule,.chrono-verdict,.pipe-verdict,.recon-verdict,.split-row,.split-note) { border-color: #d6dfed !important; }
.msr-architecture.fluid-services .hero .exhibit-frame .chrono-rule::after { background: #fbfcff !important; color: #52627d !important; }
.msr-architecture.fluid-services .hero .exhibit-frame .pipe-arrow { color: #70809b !important; }
.msr-architecture.fluid-services .hero .exhibit-frame :is(.chrono-card,.recon-card,.pipe-card,.split-card) .chip { color: #253650 !important; border-color: #d1dced !important; }

/* About keeps its portrait and biography on clean paper beneath the same dark intro. */
.msr-architecture.fluid-about main > .hero {
  position: relative;
  padding: clamp(64px,7vw,90px) 0 76px;
  background: radial-gradient(ellipse at 84% 45%,rgba(40,85,249,.24),transparent 42%), linear-gradient(112deg,#050711,#0b1546) !important;
  color: #fff !important;
}
.msr-architecture.fluid-about .id-row { align-items: center; }
.msr-architecture.fluid-about .portrait { border-radius: 3px !important; border: 1px solid #cad5e8; box-shadow: 0 18px 48px rgba(3,8,26,.18); }
.msr-architecture.fluid-about main > section:not(.hero) { padding-block: clamp(42px,5vw,68px); }

/* Discovery mastheads are compact, illustrated openings; lists stay on light paper. */
.msr-architecture.fluid-hub main.doc { padding: 0 0 88px; background: #fff !important; }
.msr-architecture.fluid-hub main.doc > .wrap { width: 100%; max-width: none; padding: 0; }
.msr-architecture.fluid-hub main > .wrap > .masthead {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr);
  align-items: center;
  gap: clamp(30px,5vw,74px);
  width: 100%;
  min-height: 360px;
  margin: 0 0 34px;
  padding: 56px max(40px,calc((100% - 1280px)/2 + 40px)) 48px;
  border: 0 !important;
  color: #f5f7ff !important;
  background: radial-gradient(ellipse at 78% 48%,rgba(48,82,245,.3),transparent 42%), linear-gradient(112deg,#050711,#0c1747) !important;
}
.msr-architecture.fluid-hub main > .wrap > .masthead::before { display: none !important; }
.msr-architecture.fluid-hub:not(.studio-hub) main > .wrap > .masthead {
  max-width: none;
  grid-template-columns: minmax(0,860px);
  align-content: center;
  gap: 14px;
  min-height: 320px;
}
.msr-architecture.fluid-hub:not(.studio-hub) .masthead h1,
.msr-architecture.fluid-hub:not(.studio-hub) .masthead :is(.thesis,.lede,.lead) { margin: 0 !important; }
.msr-architecture.fluid-hub main > .wrap > .masthead::after {
  position:absolute; z-index:-1; inset:0;
  background: repeating-linear-gradient(135deg,transparent 0 70px,rgba(183,203,255,.035) 71px,transparent 72px);
  content:"";
}
.msr-architecture.fluid-hub .masthead h1 { max-width: 20ch; color: #fff !important; font-size: clamp(39px,4.5vw,58px) !important; font-weight: 450 !important; line-height:1.06; letter-spacing:-.05em !important; }
.msr-architecture.fluid-hub .masthead .kicker { color: #aec1ff !important; }
.msr-architecture.fluid-hub .masthead .thesis,
.msr-architecture.fluid-hub .masthead .lede,
.msr-architecture.fluid-hub .masthead .lead { max-width: 62ch; color: #c4cde3 !important; font-size: 17px; }
.msr-architecture.fluid-hub .masthead > p { color: #c4cde3 !important; }
.msr-architecture.fluid-hub .masthead .dot { background: #7895ff; }
.msr-architecture.fluid-hub .masthead > .studio-hub-art {
  width: 100%;
  min-width: 0;
  height: min(30vw,330px);
  align-self: center;
  border: 1px solid rgba(175,198,255,.16);
  background: radial-gradient(ellipse,rgba(53,85,231,.24),transparent 70%);
}
.msr-architecture.fluid-hub .masthead > .studio-hub-art img { width: 100%; height: 100%; object-fit: contain; }
.msr-architecture.fluid-hub main > .wrap > :not(.masthead) { width: min(calc(100% - 80px),1280px); margin-right: auto; margin-left: auto; }
.msr-architecture.fluid-hub .studio-index { border-color: #dbe3f0 !important; }
.msr-architecture.fluid-hub .studio-index a { color: #32445f !important; }
.msr-architecture.fluid-hub .studio-index a:hover { color: #2145ca !important; background: #f1f4fc !important; }
.msr-architecture.fluid-hub .case-record,
.msr-architecture.fluid-hub .rlist a,
.msr-architecture.fluid-hub .research-latest-list a { border-color: #d9e2ef !important; }
.msr-architecture.fluid-hub .cr-finding,
.msr-architecture.fluid-hub .research-latest-title { color: #17233e !important; font-family: var(--arch-sans) !important; }
.msr-architecture.fluid-hub .case-record:hover,
.msr-architecture.fluid-hub .research-latest-list a:hover { background: #f5f7fc !important; }
.msr-architecture.fluid-hub .case-library-controls :is(input,select) { border-color: #b9c7dc; }
.msr-architecture.fluid-hub .case-library-controls button { color: #2246cb; border-color: #b9c7dc; }
.msr-architecture.fluid-hub .case-library-controls :is(input,select,button):focus-visible { outline-color: #2855f9 !important; }
.msr-architecture.fluid-hub .step-index { background: #f1f4fc !important; border-left-color: #536fe2 !important; }
.msr-architecture.fluid-hub .step-index-num { color: #2246cb !important; }

/* Policy and company reading pages use the same type and measured white reading column. */
.msr-architecture.fluid-policy .doc,
.msr-architecture.fluid-report .doc,
.msr-architecture.fluid-data .doc { background: #fff !important; }
.msr-architecture.fluid-policy .doc > .wrap,
.msr-architecture.fluid-report .doc > .wrap { max-width: 1080px; }
.msr-architecture.fluid-policy .masthead,
.msr-architecture.fluid-policy .mast,
.msr-architecture.fluid-report .masthead,
.msr-architecture.fluid-report .mast,
.msr-architecture.fluid-data .masthead { border-color: #d7e0ed !important; }
.msr-architecture.fluid-policy .masthead h1,
.msr-architecture.fluid-policy .mast h1,
.msr-architecture.fluid-report .masthead h1,
.msr-architecture.fluid-report .mast h1,
.msr-architecture.fluid-data .masthead h1 {
  max-width: 24ch;
  color: #15213a !important;
  font-size: clamp(36px,4vw,52px) !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
  line-height: 1.08;
}
.msr-architecture.fluid-policy .doc :is(.thesis,.lead,.lede),
.msr-architecture.fluid-report .doc :is(.thesis,.lead,.lede),
.msr-architecture.fluid-data .doc :is(.thesis,.lead,.lede) { max-width: 70ch; color: #465670 !important; }
.msr-architecture.fluid-policy .sec-head,
.msr-architecture.fluid-report .sec-head,
.msr-architecture.fluid-data .sec-head { border-color: #dbe3f0 !important; }
.msr-architecture.fluid-policy .sec-head h2,
.msr-architecture.fluid-report .sec-head h2,
.msr-architecture.fluid-data .sec-head h2 { color: #18243e !important; font-size: clamp(25px,3vw,34px) !important; }
.msr-architecture.fluid-policy .kicker,
.msr-architecture.fluid-report .kicker,
.msr-architecture.fluid-data .kicker { color: #3d5bc5 !important; }

/* Published reports: a quiet blue rule, 720px reading measure, and intact exhibits. */
.msr-architecture.fluid-report .report-mast-accent { height: 5px; background: linear-gradient(90deg,#c3d3ff,#4968e9 55%,#edf2fc); }
.msr-architecture.fluid-report .wrap.report-layout { max-width: 1140px; gap: clamp(24px,4vw,54px); }
.msr-architecture.fluid-report .report-body,
.msr-architecture.fluid-report .doc-body { max-width: 760px; min-width: 0; }
.msr-architecture.fluid-report .report-body :is(p,li,dd,blockquote) { max-width: 72ch; }
.msr-architecture.fluid-report .report-body :is(.case-expanded-story h2,.case-expanded-story h3) { color: #18243f !important; }
.msr-architecture.fluid-report .report-body .case-expanded-dek { color: #43536d !important; }
.msr-architecture.fluid-report .finding-record,
.msr-architecture.fluid-report .notice,
.msr-architecture.fluid-report .case-technical,
.msr-architecture.fluid-report .correction-notice { border-color: #d4deee !important; }
.msr-architecture.fluid-report .finding-record { border-left: 3px solid #4968e9 !important; background: #f4f6fd !important; }
.msr-architecture.fluid-report .exhibit,
.msr-architecture.fluid-report .evidence-figure { border-color: #d6dfec !important; border-radius: 3px; box-shadow: none !important; }
.msr-architecture.fluid-report .table-scroll,
.msr-architecture.fluid-report .exhibit-table-wrap { max-width: 100%; border-color: #d0dbea !important; }
.msr-architecture.fluid-report .contents-rail { border-left-color: #d5dfed; }
.msr-architecture.fluid-report .contents-rail a { border-left-color: transparent; color: #52627b; }
.msr-architecture.fluid-report .contents-rail a:is(:hover,[aria-current="true"],.is-active) { border-left-color: #3157de; color: #1f3474; }
.msr-architecture.fluid-report .contents-rail-mobile { border-color: #d6dfec; background: #f7f9fd; }
.msr-architecture.fluid-report .print-btn { border-color: #cad5e6; color: #2747bf; }

/* Historic data keeps its archive status visible while the tables and methods stay legible. */
.msr-architecture.fluid-data .arch-banner {
  border: 1px solid #ccd7eb !important;
  border-left: 4px solid #536fe2 !important;
  border-radius: 3px !important;
  background: #edf2fc !important;
  box-shadow: none !important;
}
.msr-architecture.fluid-data .arch-tag,
.msr-architecture.fluid-data .arch-state { color: #2948bf !important; }
.msr-architecture.fluid-data :is(.known,.note,.warn,.gate,.formula,.finding-record) { border-color: #d4deee !important; }
.msr-architecture.fluid-data .table-scroll { border-color: #d3ddec !important; border-radius: 3px !important; }
.msr-architecture.fluid-data table th { background: #eef2fa !important; color: #1a2742 !important; }
.msr-architecture.fluid-data table :is(td,th) { font-variant-numeric: tabular-nums; }
.msr-architecture.fluid-data .stat-band,
.msr-architecture.fluid-data .cf-panel,
.msr-architecture.fluid-data .sc-statband { border-color: #d6dfed !important; background-color: #f4f6fc !important; }
.msr-architecture.fluid-data :is(.sc-big,.big,.subject-profit) { color: #254bd1 !important; font-variant-numeric: tabular-nums; }

/* The custom error page uses the same visual grammar and clear recovery destinations. */
.msr-architecture:not(.msr-fluid) { background: #050711 !important; color: #f7f9ff !important; }
.msr-architecture:not(.msr-fluid) .topbar {
  background: #050711 !important;
  color: #f7f9ff !important;
  border-bottom-color: rgba(187,207,255,.2) !important;
  box-shadow: 0 8px 30px rgba(4,9,31,.08) !important;
}
.msr-architecture:not(.msr-fluid) .brand,
.msr-architecture:not(.msr-fluid) .brand-name,
.msr-architecture:not(.msr-fluid) .brand-name b { color: #fff !important; }
.msr-architecture:not(.msr-fluid) .brand { color: #fff !important; }
.msr-architecture:not(.msr-fluid) .topbar a { color: #fff !important; }
.msr-architecture:not(.msr-fluid) .brand-mark path { stroke: #9ab5ff !important; }
.msr-architecture:not(.msr-fluid) .brand-mark circle { fill: #c1d4ff !important; }
.msr-architecture:not(.msr-fluid) main { position: relative; overflow: hidden; background: radial-gradient(ellipse at 72% 45%,rgba(40,85,249,.3),transparent 48%),linear-gradient(112deg,#050711,#0b1546); }
.msr-architecture:not(.msr-fluid) .panel { position: relative; z-index: 1; max-width: 1040px; padding-block: clamp(80px,12vw,152px); }
.msr-architecture:not(.msr-fluid) .eyebrow { color: #aec1ff; }
.msr-architecture:not(.msr-fluid) h1 { max-width: 15ch; color: #fff !important; font-size: clamp(48px,7vw,78px); font-weight: 450 !important; }
.msr-architecture:not(.msr-fluid) .sub { max-width: 50ch; color: #cad3eb; }
.msr-architecture:not(.msr-fluid) .btn--primary { background: #2855f9; color: #fff; border-radius: 3px; }
.msr-architecture:not(.msr-fluid) .btn--ghost { border-color: rgba(190,207,255,.48); background: transparent; color: #e3eaff; }
.msr-architecture:not(.msr-fluid) .faint { color: #bac7e4; }
.msr-architecture:not(.msr-fluid) .faint a { color: #dce5ff; }

@media (max-width: 1000px) {
  .msr-architecture .msr-header-inner { height: 72px; padding-inline: 28px; }
  .msr-architecture.verify-site .v-hero { min-height: 0; }
  .msr-architecture.verify-site .v-hero-grid { grid-template-columns: minmax(0,1fr) minmax(300px,.88fr); gap: 30px; }
  .msr-architecture.verify-site .v-hero-copy > h1 { font-size: clamp(48px,6.2vw,68px); }
  .msr-architecture.verify-site .v-hero-mark { grid-row: 1 / span 6; }
  .msr-architecture.fluid-hub main > .wrap > .masthead { grid-template-columns: minmax(0,1fr) minmax(270px,.8fr); min-height: 310px; }
  .msr-architecture.fluid-services .hero-split { gap: 32px; }
  .msr-architecture.fluid-services .hero h1 { font-size: clamp(42px,5vw,56px) !important; }
}

@media (max-width: 760px) {
  .msr-architecture .msr-header-inner { height: 68px; padding-inline: 20px; }
  .msr-architecture .msr-nav { display: none; }
  .msr-architecture .msr-header-inner > .msr-inquiry { display: none; }
  .msr-architecture .msr-mobile { display: block; margin-left: auto; }
  .msr-architecture .msr-mobile nav { max-width: calc(100vw - 24px); }
  .msr-architecture.verify-site .v-wrap { width: calc(100% - 40px); }
  .msr-architecture.verify-site .v-hero { padding: 54px 0 38px; }
  .msr-architecture.verify-site .v-hero-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .msr-architecture.verify-site .v-hero-copy { display: block; }
  .msr-architecture.verify-site .v-hero-copy > h1,
  .msr-architecture.verify-site .v-verify-hero .v-hero-copy > h1 { max-width: 13ch; font-size: clamp(45px,9vw,64px); }
  .msr-architecture.verify-site .v-verify-hero .v-hero-copy > h2 { margin-top: 8px; font-size: clamp(26px,5vw,34px); }
  .msr-architecture.verify-site .v-lede { margin-top: 20px; font-size: 16px; }
  .msr-architecture.verify-site .v-actions { gap: 16px; margin-top: 24px; }
  .msr-architecture.verify-site .v-button { width: auto; max-width: 100%; }
  .msr-architecture.verify-site .v-hero-mark {
    grid-column: 1;
    grid-row: auto;
    justify-self: center;
    width: min(100%,460px);
    display: flex !important;
    margin: 2px auto -10px;
  }
  .msr-architecture.verify-site .v-hero-mark img { width: 100%; }
  .msr-architecture.verify-site .architecture-caption { font-size: 8px; }
  .msr-architecture.verify-site .v-trust { display: flex; flex-wrap: wrap; gap: 3px 8px; margin-top: 18px; font-size: 11px; }
  .msr-architecture.verify-site .v-section,
  .msr-architecture.verify-site .v-sample,
  .msr-architecture.verify-site .v-final,
  .msr-architecture.verify-site .v-request { padding-block: 46px; }
  .msr-architecture.verify-site .v-heading h2,
  .msr-architecture.verify-site .v-sample-copy h2,
  .msr-architecture.verify-site .v-final h2,
  .msr-architecture.verify-site .v-request-copy h2 { font-size: clamp(31px,7vw,42px); }
  .msr-architecture.verify-site .v-application-grid { grid-template-columns: minmax(0,1fr); }
  .msr-architecture.verify-site .v-application { padding: 24px 0 26px; }
  .msr-architecture.verify-site .v-application + .v-application { padding: 25px 0 26px; border-top: 1px solid #d9e2f0; border-left: 0; }
  .msr-architecture.verify-site .v-application .architecture-diagram { width: 104px; height: 70px; }
  .msr-architecture.verify-site .v-capsule-grid { grid-template-columns: minmax(0,1fr); grid-template-rows: none; gap: 14px; }
  .msr-architecture.verify-site .evidence-capsule,
  .msr-architecture.verify-site .evidence-capsule:nth-child(n) { display: flex; grid-column: auto; grid-row: auto; flex-direction: column; padding: 19px 17px; }
  .msr-architecture.verify-site .v-capsule-top { display: flex; flex-wrap: wrap; }
  .msr-architecture.verify-site .v-heading-row { display: block; }
  .msr-architecture.verify-site .v-heading-row .v-text-link { display: inline-flex; margin-top: 16px; white-space: normal; }
  .msr-architecture.verify-site .v-sample-grid { grid-template-columns: minmax(0,1fr); gap: 34px; }
  .msr-architecture.verify-site .v-memo-preview { width: 100%; max-width: 500px; min-height: 390px; }
  .msr-architecture.verify-site .v-request-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .msr-architecture.verify-site .v-form { padding: 20px 17px; }
  .msr-architecture.verify-site .v-form-grid { grid-template-columns: minmax(0,1fr); }
  .msr-architecture.verify-site .v-form-wide { grid-column: auto; }
  .msr-architecture.verify-site .sf-wrap { width: calc(100% - 40px); padding-inline: 0; }
  .msr-architecture.verify-site .sf-cols { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px; }

  .msr-architecture.fluid-services main > .hero { min-height: 0; padding: 52px 0 46px; }
  .msr-architecture.fluid-services .hero-split { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .msr-architecture.fluid-services .hero h1,
  .msr-architecture.fluid-about .hero h1 { font-size: clamp(38px,8.8vw,52px) !important; }
  .msr-architecture.fluid-services .studio-hero-visual { width: min(100%,520px); margin-inline: auto; }
  .msr-architecture.fluid-services .studio-art,
  .msr-architecture.fluid-services .studio-exhibit-art { display: block !important; }
  .msr-architecture.fluid-services .studio-art,
  .msr-architecture.fluid-services .studio-exhibit-art { max-height: 260px; }
  .msr-architecture.fluid-about main > .hero { padding: 50px 0 48px; }
  .msr-architecture.fluid-about .id-row { gap: 20px; }
  .msr-architecture.fluid-about .portrait { width: 116px; height: 140px; flex: none; }

  .msr-architecture.fluid-hub main > .wrap > .masthead {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    min-height: 0;
    margin-bottom: 24px;
    padding: 42px 20px 34px;
  }
  .msr-architecture.fluid-hub:not(.studio-hub) main > .wrap > .masthead { grid-template-columns: minmax(0,1fr); min-height: 0; gap: 14px; }
  .msr-architecture.fluid-hub.studio-method main > .wrap > .masthead > .studio-hub-art { grid-column: 1; grid-row: auto; width: min(100%,400px); height: 210px; margin: 0 auto; }
  .msr-architecture.fluid-hub .masthead h1 { font-size: clamp(34px,8vw,44px) !important; }
  .msr-architecture.fluid-hub .masthead .thesis,
  .msr-architecture.fluid-hub .masthead .lede,
  .msr-architecture.fluid-hub .masthead .lead { font-size: 16px; }
  .msr-architecture.fluid-hub .masthead > .studio-hub-art { width: min(100%,400px); height: 210px; margin: 0 auto; }
  .msr-architecture.fluid-hub main > .wrap > :not(.masthead) { width: calc(100% - 40px); }
  .msr-architecture.fluid-hub .studio-index { gap: 6px 20px; }

  .msr-architecture.fluid-report .wrap.report-layout { display: block; width: calc(100% - 40px); }
  .msr-architecture.fluid-report .report-body,
  .msr-architecture.fluid-report .doc-body { width: 100%; max-width: none; }
  .msr-architecture.fluid-report .report-body :is(p,li,dd,blockquote) { max-width: 72ch; }
  .msr-architecture.fluid-policy .doc > .wrap,
  .msr-architecture.fluid-report .doc > .wrap { width: calc(100% - 40px); }
  .msr-architecture.fluid-policy .masthead h1,
  .msr-architecture.fluid-policy .mast h1,
  .msr-architecture.fluid-report .masthead h1,
  .msr-architecture.fluid-report .mast h1,
  .msr-architecture.fluid-data .masthead h1 { font-size: clamp(32px,8vw,40px) !important; }
  .msr-architecture.fluid-data .doc > .wrap { width: calc(100% - 40px); }
  .msr-architecture .sf-cols { min-width: 0; }
  .msr-architecture .sf-wrap { width: calc(100% - 40px); }
}

@media (max-width: 390px) {
  .msr-architecture .msr-header-inner { padding-inline: 16px; }
  .msr-architecture.verify-site .v-wrap,
  .msr-architecture.verify-site .sf-wrap { width: calc(100% - 32px); }
  .msr-architecture .sf-wrap { width: calc(100% - 32px); }
  .msr-architecture.verify-site .v-hero-copy > h1,
  .msr-architecture.verify-site .v-verify-hero .v-hero-copy > h1 { font-size: 43px; }
  .msr-architecture.verify-site .v-hero-mark { width: 100%; }
  .msr-architecture.verify-site .architecture-caption { font-size: 7px; letter-spacing: .015em; }
  .msr-architecture.fluid-services .hero > .wrap,
  .msr-architecture.fluid-about .hero > .wrap { padding-inline: 18px; }
  .msr-architecture.fluid-hub main > .wrap > :not(.masthead),
  .msr-architecture.fluid-report .wrap.report-layout,
  .msr-architecture.fluid-report .doc > .wrap,
  .msr-architecture.fluid-policy .doc > .wrap,
  .msr-architecture.fluid-data .doc > .wrap { width: calc(100% - 32px); }
  .msr-architecture.verify-site .sf-cols { grid-template-columns: minmax(0,1fr); }
}

@media (prefers-reduced-motion: reduce) {
  body.msr-architecture *, body.msr-architecture *::before, body.msr-architecture *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media print {
  html:has(body.msr-architecture) { scroll-padding-top: 0; }
  body.msr-architecture,
  body.msr-architecture :is(main,section,.doc,.report-body,.doc-body,.hero,.v-hero,.v-sample,.sf) {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
  }
  .msr-architecture .msr-header,
  .msr-architecture .msr-mobile,
  .msr-architecture .msr-inquiry,
  .msr-architecture .architecture-diagram,
  .msr-architecture .v-hero-mark,
  .msr-architecture .studio-art,
  .msr-architecture .studio-hub-art,
  .msr-architecture .studio-exhibit-art { display: none !important; }
  .msr-architecture :is(h1,h2,h3,p,li,a,small,strong,time,span,dt,dd) { color: #000 !important; }
  .msr-architecture .v-button,
  .msr-architecture .btn { border: 1px solid #777 !important; background: #fff !important; color: #000 !important; box-shadow: none !important; }
  .msr-architecture .v-request,
  .msr-architecture .v-form,
  .msr-architecture .evidence-capsule,
  .msr-architecture .arch-banner { border-color: #888 !important; }
  .msr-architecture .table-scroll,
  .msr-architecture .exhibit-table-wrap { overflow: visible !important; }
  .msr-architecture .table-scroll table { min-width: 0 !important; }
  .msr-architecture .contents-rail,
  .msr-architecture .contents-rail-mobile { display: none !important; }
  .msr-architecture .v-hero::before,
  .msr-architecture .v-hero::after,
  .msr-architecture .fluid-hub .masthead::after,
  .msr-architecture .fluid-hub .masthead::before,
  .msr-architecture .fluid-services .hero::after { display: none !important; }
}