/* Architecture documents need their complete drawings; original component
   layout, motion, canvas effects and theme controls are preserved. */
:root{color-scheme:dark}
img[src*="/architecture/"][alt$=" cover"]{object-fit:contain!important;background:#fff}
.architecture-credentials{border-top:1px solid var(--border);padding:64px 20px 90px;background:var(--surface-page)}
.architecture-credentials-inner{max-width:1120px;margin:0 auto}
.architecture-credentials h2{font-size:clamp(28px,4vw,42px);margin-bottom:30px}
.architecture-credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}
.architecture-credential-card{padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface-card)}
.architecture-credential-card h3{font-size:22px;line-height:1.4;margin-bottom:14px}
.architecture-credential-card p,.architecture-credential-card li{font-size:13px;line-height:1.9;color:var(--color-zinc-400);margin-top:10px}
.architecture-credential-card li{padding-bottom:12px;border-bottom:1px solid var(--border)}
.architecture-kicker{color:var(--brand-400)!important;letter-spacing:.1em}
@media(max-width:680px){.architecture-credential-grid{grid-template-columns:1fr}.architecture-credential-card{padding:22px}.architecture-credentials{padding-block:45px 70px}}
/* User-supplied palette: white, medium grey, soft orange, charcoal, light grey. */
:root.dark{--surface-hero:#252525!important;--surface-deep:#202020!important;--surface-page:#252525!important;--surface-card:#2b2b2b!important;--surface-card-alt:#292929!important;--surface-raised:#333!important;--surface-hover:#383838!important;--surface-well:#222!important;--surface-well-hover:#303030!important;--surface-glass:#303030b8!important;--surface-edge:#696b6866!important;--background:#252525!important;--foreground:#fff!important;--border:#696b684d!important;--color-zinc-950:#252525!important;--color-zinc-900:#2d2d2d!important;--color-zinc-800:#414141!important;--color-zinc-700:#696b68!important;--color-zinc-600:#969892!important;--color-zinc-500:#b4b6b1!important;--color-zinc-400:#d4d4d4!important;--color-zinc-300:#e5e5e5!important}
.hero[data-light-fallback] .hero__light::before,.hero[data-light-fallback] .hero__light::after{content:'';position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,40%),color-mix(in srgb,var(--brand-500) 20%,transparent),transparent 42%),radial-gradient(ellipse at 22% 70%,color-mix(in srgb,var(--brand-500) 9%,transparent),transparent 48%);filter:blur(35px);animation:architecture-light 13s ease-in-out infinite alternate}
.hero[data-light-fallback] .hero__light::after{animation-delay:-7s;animation-duration:19s;opacity:.5;mix-blend-mode:screen}
@keyframes architecture-light{from{transform:translate(-4%,-3%) scale(.94)}to{transform:translate(5%,5%) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.hero[data-light-fallback] .hero__light::before,.hero[data-light-fallback] .hero__light::after{animation:none}}