/* AstraCMS public design system: content blueprints, model cards and open collaboration. */
:root {
  --vision-ink: #0b1020;
  --vision-ink-soft: #131b31;
  --vision-paper: #f7f8f3;
  --vision-blue: #6f7cff;
  --vision-blue-bright: #8d97ff;
  --vision-lime: #b9f45b;
  --vision-line: #dfe4ee;
  --vision-muted: #637087;
}

html { scroll-behavior: smooth; scrollbar-gutter: stable; }
body { color: #172139; background: #fff; }
::selection { color: #0b1020; background: var(--vision-lime); }

/* Shared shell */
.site-header { border-bottom-color: rgba(16,25,48,.08); background: rgba(255,255,255,.9); }
.site-header .site-nav { width: min(1480px, calc(100% - 56px)); }
.site-brand { display: inline-flex; align-items: center; color: #111a30; }
.site-brand > span { display: grid; line-height: 1; }
.site-brand small { margin-top: 5px; color: #7c8799; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.site-nav > nav > ul > li > a { color: #4a556b; }
.site-nav > nav > ul > li > a:hover,
.site-nav > nav > ul > li > a[aria-current="page"] { color: #111a30; background: #eef0ff; }
.site-header-cta { color: #fff !important; background: #5865db !important; box-shadow: 0 8px 22px rgba(74,86,191,.16); }
.site-header-cta:hover { color: #fff !important; background: #4653c8 !important; transform: translateY(-1px); }

.site-channel-page .site-block > .site-container { width: min(1280px, calc(100% - clamp(40px,7vw,112px))); }
.site-channel-page .site-block-hero > .site-container { width: min(1540px, calc(100% - 32px)); }
.site-channel-page .site-block-hero { padding-top: 16px; }
.site-channel-page .site-block-hero .site-hero { border-radius: 28px; }

/* Home hero: an engineering canvas, not a generic marketing gradient. */
.site-channel-home .site-block-hero .site-hero:not(.has-media),
.site-channel-home .site-region-hero .site-hero:not(.has-media) {
  min-height: min(760px, calc(100svh - 94px));
  grid-template-columns: minmax(0,1.05fr) minmax(440px,.95fr);
  gap: clamp(48px,6vw,100px);
  padding: clamp(70px,7vw,112px) clamp(42px,7vw,118px);
  border: 1px solid #e0e4f3;
  color: #172139;
  background:
    linear-gradient(rgba(89,101,178,.055) 1px, transparent 1px),
    linear-gradient(90deg,rgba(89,101,178,.055) 1px, transparent 1px),
    radial-gradient(circle at 78% 15%,rgba(143,151,255,.22),transparent 31%),
    radial-gradient(circle at 10% 88%,rgba(185,244,91,.18),transparent 27%),
    linear-gradient(135deg,#fafbff,#f1f3ff 58%,#f6f8ff);
  background-size: 44px 44px,44px 44px,auto,auto,auto;
}
.site-channel-home .site-block-hero .site-hero::before,
.site-channel-home .site-region-hero .site-hero::before { position: absolute; inset: 0; display: block; background: linear-gradient(110deg,rgba(255,255,255,0) 54%,rgba(255,255,255,.35)); content: ""; }
.site-channel-home .site-block-hero .site-hero::after,
.site-channel-home .site-region-hero .site-hero::after { width: 240px; height: 240px; right: -80px; bottom: -80px; border-color: rgba(89,101,213,.16); }
.site-channel-home .site-block-hero .site-hero-content,
.site-channel-home .site-region-hero .site-hero-content { max-width: 720px; position: relative; z-index: 2; }
.site-channel-home .site-block-hero .site-hero-eyebrow,
.site-channel-home .site-region-hero .site-hero-eyebrow { padding: 0; border: 0; color: #5863ce; background: none; font-size: 11px; letter-spacing: .18em; }
.site-channel-home .site-block-hero .site-hero-eyebrow::before,
.site-channel-home .site-region-hero .site-hero-eyebrow::before { background: #6f7cff; box-shadow: 0 0 0 5px rgba(111,124,255,.1); }
.site-channel-home .site-block-hero .site-hero h1,
.site-channel-home .site-region-hero .site-hero h1 { max-width: 760px; color: #172139; font-size: clamp(52px,5.6vw,86px); line-height: 1.02; letter-spacing: -.065em; text-wrap: balance; }
.site-channel-home .site-block-hero .site-hero p,
.site-channel-home .site-region-hero .site-hero p { max-width: 650px; color: #62708a; font-size: clamp(16px,1.15vw,19px); line-height: 1.85; }
.site-channel-home .site-block-hero .site-hero-action,
.site-channel-home .site-region-hero .site-hero-action { color: #fff; background: #5865db; box-shadow: 0 14px 32px rgba(74,86,191,.17); }
.site-channel-home .site-block-hero .site-hero-action:hover,
.site-channel-home .site-region-hero .site-hero-action:hover { background: #4653c8; }
.site-channel-home .site-block-hero .site-hero-secondary,
.site-channel-home .site-region-hero .site-hero-secondary { color: #35435e; border-color: #d4daeb; background: rgba(255,255,255,.78); }

.site-home-visual.site-content-blueprint { max-width: 580px; padding: 18px; border: 1px solid #d8deef; border-radius: 22px; color: #26334d; background: rgba(255,255,255,.9); box-shadow: 0 30px 70px rgba(61,74,127,.13); backdrop-filter: blur(18px); }
.site-content-blueprint .site-home-visual-top { border-color: #e7eaf2; color: #8894a9; }
.site-content-blueprint .site-home-visual-top > span:first-child { color: #526079; }
.site-content-blueprint .site-home-visual-top i { background: #7e89ed; box-shadow: 0 0 0 4px rgba(111,124,255,.1); }
.site-blueprint-source { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; padding: 21px; border: 1px solid #cfd5f3; border-radius: 15px; background: linear-gradient(145deg,#f0f1ff,#f7f8ff); }
.site-blueprint-source small,.site-blueprint-source strong,.site-blueprint-source code { display: block; }
.site-blueprint-source small { color: #7886a2; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.site-blueprint-source strong { margin: 5px 0 3px; color: #202c47; font-size: 22px; }
.site-blueprint-source code { color: #697796; font-size: 11px; }
.site-blueprint-live { padding: 7px 10px; border: 1px solid #cdd6aa; border-radius: 99px; color: #547c20; background: #f3f9e7; font-size: 10px; white-space: nowrap; }
.site-blueprint-schema { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-top: 9px; }
.site-blueprint-schema span { padding: 9px 11px; border: 1px solid #e3e7ef; border-radius: 8px; color: #7c899f; background: #fafbfc; font-size: 9px; }
.site-blueprint-schema b { margin-right: 5px; color: #4d5c76; font-weight: 700; }
.site-blueprint-route { display: flex; align-items: center; gap: 12px; padding: 16px 0; color: #8090ad; font-size: 10px; }
.site-blueprint-route i { height: 1px; flex: 1; background: linear-gradient(90deg,transparent,#b7c0d6,transparent); }
.site-content-blueprint .site-home-destinations { gap: 8px; }
.site-content-blueprint .site-home-destinations > div { min-height: 88px; border-color: #e2e6ef; color: #24324c; background: #fff; box-shadow: none; }
.site-content-blueprint .site-home-destinations small { color: #6974d9; }
.site-content-blueprint .site-home-destinations strong { color: #27344f; }
.site-content-blueprint .site-home-destinations span { color: #8995a8; }
.site-blueprint-status { display: flex; justify-content: space-between; padding: 16px 3px 2px; color: #6f7e99; font-size: 10px; }
.site-blueprint-status span:first-child { color: #9bcf4c; }
.site-blueprint-status i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--vision-lime); box-shadow: 0 0 10px rgba(185,244,91,.5); }

/* Home content rhythm. */
.site-channel-home .site-variant-trust { position: relative; z-index: 3; margin-top: -54px; }
.site-channel-home .site-variant-trust .site-trust-strip { border: 0; border-radius: 18px; background: #fff; box-shadow: 0 22px 60px rgba(25,34,58,.12); }
.site-channel-home .site-block:has(.site-product-bento) { padding: 118px 0; background: var(--vision-paper); }
.site-channel-home .site-product-heading > span { color: #5b63d3; }
.site-channel-home .site-product-heading h2 { color: #121a2e; font-size: clamp(38px,4vw,58px); line-height: 1.08; }
.site-channel-home .site-product-card { min-height: 270px; padding: 30px; border: 0; border-radius: 20px; background: #fff; box-shadow: 0 1px 0 rgba(13,20,39,.08); }
.site-channel-home .site-product-card:nth-child(1) { color: #202a48; background: linear-gradient(145deg,#eef0ff,#e7eaff); }
.site-channel-home .site-product-card:nth-child(1) h3 { color: #202a48; }
.site-channel-home .site-product-card:nth-child(1) p { color: #63708a; }
.site-channel-home .site-product-card:nth-child(1) span { color: #5965d5; }
.site-channel-home .site-product-card:nth-child(1) b { border-color: #cbd1f6; color: #5662d3; background: rgba(255,255,255,.7); }

.site-channel-home .site-open-source { border-color: #d8deec; color: #172139; background: linear-gradient(145deg,#fff,#f4f6ff); box-shadow: 0 24px 60px rgba(46,61,109,.09); }
.site-channel-home .site-open-source-kicker { border-color: #cdd4ef; color: #5965cf; background: #eef0ff; }
.site-channel-home .site-open-source h2 { color: #172139; }
.site-channel-home .site-open-source-copy > p { color: #68758b; }
.site-channel-home .site-open-source li strong { color: #26334d; }
.site-channel-home .site-open-source li small { color: #7d899d; }
.site-channel-home .site-open-source-copy > a { color: #4e5bc6; }

.site-channel-home .site-block:has(.site-model-docs-section) { padding: 112px 0; color: #172139; background: #f0f2ff; }
.site-model-docs-section { display: grid; grid-template-columns: minmax(0,.86fr) minmax(560px,1.14fr); align-items: center; gap: clamp(48px,7vw,100px); }
.site-model-docs-copy > span { color: #5964cd; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.site-model-docs-copy h2 { margin: 14px 0 22px; color: #172139; font-size: clamp(36px,4vw,54px); line-height: 1.12; letter-spacing: -.05em; }
.site-model-docs-copy p { margin: 0; color: #66738a; font-size: 16px; line-height: 1.9; }
.site-model-docs-copy a { display: inline-flex; gap: 22px; margin-top: 28px; padding-bottom: 7px; border-bottom: 1px solid #aeb7d6; color: #34439b; text-decoration: none; }
.site-model-docs-copy a i { color: #5865db; font-style: normal; }
.site-model-docs-map { display: grid; grid-template-columns: minmax(0,1.1fr) 24px minmax(0,.9fr) 24px minmax(0,.9fr); align-items: center; gap: 8px; padding: 22px; border: 1px solid #d6dbed; border-radius: 22px; background: rgba(255,255,255,.62); }
.site-model-docs-map > i { color: #9aa5bd; font-style: normal; text-align: center; }
.site-model-docs-map > div { min-height: 210px; padding: 22px; border: 1px solid #dce1ec; border-radius: 14px; background: #fff; }
.site-model-docs-map small,.site-model-docs-map strong,.site-model-docs-map code,.site-model-docs-map span { display: block; }
.site-model-docs-map small { color: #8490a6; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.site-model-docs-map strong { margin: 30px 0 9px; color: #24314b; font-size: 18px; }
.site-model-docs-map code { color: #5f6bd2; font-size: 10px; }
.site-model-docs-map span { margin-top: 9px; color: #7d899d; font-size: 11px; line-height: 1.55; }
.site-model-docs-map .is-model { border-color: #c9cff1; background: linear-gradient(155deg,#eceeff,#fff 76%); }

.site-channel-home .site-home-community { padding: clamp(42px,5vw,70px); border: 1px solid #d6dcf4; border-radius: 24px; color: #1d2944; background: linear-gradient(115deg,#eef0ff,#f5f3ff); box-shadow: 0 24px 60px rgba(80,91,160,.09); }
.site-channel-home .site-home-community span { color: #606bd2; }
.site-channel-home .site-home-community h2 { max-width: 770px; color: #1a2540; }
.site-channel-home .site-home-community p { color: #68758c; }
.site-channel-home .site-home-community a { color: #fff; background: #5865db; }

/* Documentation exposes the content model instead of hiding the data structure. */
.site-template-documentation { background: #fff; }
.site-docs-index-hero { padding: 74px 0 76px; border-bottom: 1px solid #e2e6f0; color: #172139; background: linear-gradient(135deg,#f8f9ff,#f0f2ff); }
.site-docs-index-hero .site-container { width: min(1280px,calc(100% - 64px)); }
.site-docs-hero-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(390px,.9fr); align-items: center; gap: clamp(56px,7vw,110px); }
.site-docs-hero-copy > span { color: #5964cf; }
.site-docs-index-hero h1 { margin: 14px 0 14px; color: #172139; font-size: clamp(48px,5vw,72px); line-height: 1.03; }
.site-docs-index-hero p { color: #66738a; }
.site-docs-search { border: 1px solid #d4daea; background: #fff; box-shadow: 0 12px 30px rgba(55,69,119,.07); }
.site-docs-search input { color: #22304a; background: transparent; }
.site-docs-search input::placeholder { color: #8a96aa; }
.site-docs-search button { color: #fff; background: #5865db; }
.site-docs-model-card { padding: 24px; border: 1px solid #cfd5e9; border-radius: 18px; background: rgba(255,255,255,.86); box-shadow: 0 24px 60px rgba(59,71,122,.1); }
.site-docs-model-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid #e4e7ef; }
.site-docs-model-head span { color: #7d899e; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.site-docs-model-head code { color: #6873d8; font-size: 10px; }
.site-docs-model-card > strong { display: block; margin-top: 20px; color: #202c47; font-size: 25px; }
.site-docs-model-card > p { min-height: 48px; margin: 8px 0 18px; color: #748096; font-size: 12px; line-height: 1.65; }
.site-docs-model-card dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 0; }
.site-docs-model-card dl div { padding: 13px; border: 1px solid #e1e5ee; border-radius: 10px; background: #f9faff; }
.site-docs-model-card dt { color: #5965d3; font-size: 23px; font-weight: 800; }
.site-docs-model-card dd { margin: 2px 0 0; color: #7f8aa0; font-size: 10px; }
.site-docs-model-fields { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.site-docs-model-fields span { padding: 5px 8px; border: 1px solid #d9deeb; border-radius: 6px; color: #69768d; background: #fafbff; font-size: 9px; }
.site-docs-model-card > small { display: block; margin-top: 17px; color: #8994a7; font-size: 9px; }
.site-docs-module-directory { padding: 82px 0 40px; background: #fff; }
.site-docs-module-directory .site-container { width: min(1280px,calc(100% - 64px)); }
.site-docs-directory-head > span { color: #5d66d1; }
.site-docs-directory-head h2 { font-size: clamp(34px,3.5vw,48px); }
.site-docs-module-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 36px; }
.site-docs-module-grid article { min-height: 230px; position: relative; overflow: hidden; padding: 28px; border-color: #e0e5ed; border-radius: 18px; box-shadow: 0 10px 36px rgba(29,41,70,.04); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.site-docs-module-grid article::before { width: 74px; height: 3px; position: absolute; top: 0; left: 28px; background: var(--vision-blue); content: ""; }
.site-docs-module-grid article:hover { border-color: #bfc7f3; box-shadow: 0 18px 46px rgba(54,65,133,.09); transform: translateY(-3px); }
.site-docs-module-title strong { font-size: 21px; }
.site-docs-module-title span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: #11182b; background: var(--vision-lime); }

/* Open team: show a collaboration system without inventing people. */
.site-channel-team { background: #fff; }
.site-channel-team .site-block-hero .site-hero { min-height: 650px; display: grid; grid-template-columns: minmax(0,1fr) minmax(430px,.8fr); align-items: center; gap: clamp(50px,7vw,110px); padding: clamp(70px,7vw,110px); border: 1px solid #e0e4f1; color: #172139; background: linear-gradient(135deg,#f9faff,#f0f3ff); }
.site-channel-team .site-block-hero .site-hero::before { position: absolute; inset: 0; display: block; opacity: .55; background-image: radial-gradient(circle at 1px 1px,rgba(78,92,155,.14) 1px,transparent 0); background-size: 28px 28px; mask-image: linear-gradient(90deg,transparent,#000); content: ""; }
.site-channel-team .site-block-hero .site-hero-content { width: auto; max-width: 750px; }
.site-channel-team .site-block-hero .site-hero-eyebrow { color: #5964ce; }
.site-channel-team .site-block-hero .site-hero h1 { color: #172139; font-size: clamp(48px,5vw,76px); line-height: 1.05; }
.site-channel-team .site-block-hero .site-hero p { color: #67748b; }
.site-channel-team .site-block-hero .site-hero-action { color: #fff; background: #5865db; }
.site-channel-team .site-block-hero .site-hero-secondary { color: #36445f; border-color: #d1d7e7; background: #fff; }
.site-team-constellation { position: relative; z-index: 2; padding: 18px; border: 1px solid #d4daeb; border-radius: 22px; background: rgba(255,255,255,.88); box-shadow: 0 30px 70px rgba(59,73,127,.13); }
.site-team-map-head,.site-team-map-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #8a96a9; font-size: 9px; letter-spacing: .1em; }
.site-team-map-head { padding: 3px 3px 16px; border-bottom: 1px solid #e5e8ef; }
.site-team-map-head > span { color: #59677f; }
.site-team-map-head i,.site-team-map-foot i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #7280e4; }
.site-team-map-canvas { min-height: 390px; position: relative; }
.site-team-map-canvas::before,.site-team-map-canvas::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(111,124,255,.23); border-radius: 50%; content: ""; transform: translate(-50%,-50%); }
.site-team-map-canvas::before { width: 225px; height: 225px; }
.site-team-map-canvas::after { width: 340px; height: 340px; border-style: dashed; }
.site-team-map-core { width: 118px; height: 118px; position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; align-content: center; border: 1px solid #a9b2ef; border-radius: 50%; background: #eceeff; box-shadow: 0 0 0 12px rgba(111,124,255,.06); transform: translate(-50%,-50%); }
.site-team-map-core b { color: #5b67d4; font-size: 32px; }
.site-team-map-core strong { color: #25314c; font-size: 12px; }
.site-team-map-core small { color: #7f8ba3; font-size: 8px; }
.site-team-map-canvas article { min-width: 128px; position: absolute; z-index: 3; padding: 12px; border: 1px solid #d8deea; border-radius: 11px; background: #fff; box-shadow: 0 10px 24px rgba(47,59,101,.07); }
.site-team-map-canvas article i,.site-team-map-canvas article strong,.site-team-map-canvas article span { display: block; }
.site-team-map-canvas article i { color: #6f7cff; font-size: 8px; font-style: normal; }
.site-team-map-canvas article strong { margin: 4px 0; color: #293650; font-size: 13px; }
.site-team-map-canvas article span { color: #7d899d; font-size: 9px; }
.site-team-map-canvas .is-maintainer { top: 34px; left: 17px; }
.site-team-map-canvas .is-contributor { top: 80px; right: 8px; }
.site-team-map-canvas .is-user { right: 42px; bottom: 28px; }
.site-team-map-foot { padding: 15px 3px 2px; border-top: 1px solid #e5e8ef; }
.site-team-map-foot > span { color: #5e6acf; }
.site-team-map-foot b { color: #68758b; font-weight: 600; }

/* Product story and interface tour: explain why the product exists and what it feels like. */
.site-channel-home .site-block:has(.site-project-story) { padding: 112px 0; background: #fff; }
.site-channel-home .site-block:has(.site-project-story) .site-prose,
.site-channel-home .site-block:has(.site-cms-tour) .site-prose { width: min(1280px,calc(100% - clamp(40px,7vw,112px))); max-width: none; margin: auto; padding: 0; border: 0; background: transparent; box-shadow: none; }
.site-project-story { display: grid; grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr); gap: clamp(58px,8vw,120px); }
.site-project-story-lead > span,.site-cms-tour-copy > span { color: #5c67d2; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.site-project-story-lead h2,.site-cms-tour-copy h2 { margin: 15px 0 24px; color: #131c31; font-size: clamp(38px,4vw,58px); line-height: 1.08; letter-spacing: -.05em; }
.site-project-story-lead > p,.site-cms-tour-copy > p { color: #657188; font-size: 15px; line-height: 1.9; }
.site-project-story-lead blockquote { margin: 35px 0 0; padding: 24px 0 0 24px; border-top: 1px solid #dfe4ed; border-left: 3px solid var(--vision-lime); color: #4c5971; font-size: 16px; line-height: 1.85; }
.site-project-story-lead blockquote strong { color: #18233b; }
.site-project-story-chapters { border: 1px solid #dfe4ed; border-radius: 20px; background: #dfe4ed; }
.site-project-story-chapters article { display: grid; grid-template-columns: 104px 190px 1fr; gap: 25px; align-items: start; padding: 30px 28px; border-bottom: 1px solid #dfe4ed; background: #fff; }
.site-project-story-chapters b { color: #6975dc; font-size: 10px; letter-spacing: .1em; }
.site-project-story-chapters h3 { margin: 0; color: #1c2740; font-size: 18px; line-height: 1.35; }
.site-project-story-chapters p { margin: 0; color: #6e7a8f; line-height: 1.75; }
.site-channel-home .site-block:has(.site-cms-tour) { padding: 112px 0; background: #f3f5ff; }
.site-cms-tour { display: grid; grid-template-columns: minmax(320px,.72fr) minmax(600px,1.28fr); align-items: center; gap: clamp(48px,7vw,100px); }
.site-cms-tour-copy ul { margin: 28px 0; padding: 0; list-style: none; }
.site-cms-tour-copy li { display: grid; grid-template-columns: 94px 1fr; gap: 12px; padding: 13px 0; border-top: 1px solid #dce1ee; }
.site-cms-tour-copy li b { color: #293650; }
.site-cms-tour-copy li small { color: #7a879b; line-height: 1.55; }
.site-cms-tour-copy > a { display: inline-flex; gap: 24px; padding-bottom: 7px; border-bottom: 1px solid #adb6d4; color: #4452bd; text-decoration: none; }
.site-cms-tour-copy > a i { font-style: normal; }
.site-admin-preview { overflow: hidden; border: 1px solid #ccd3e5; border-radius: 18px; background: #fff; box-shadow: 0 28px 70px rgba(45,57,105,.15); transform: rotate(.6deg); }
.site-admin-preview-bar { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-bottom: 1px solid #e4e7ee; background: #f7f8fb; }
.site-admin-preview-bar i { width: 7px; height: 7px; border-radius: 50%; background: #cfd5df; }
.site-admin-preview-bar i:first-child { background: #ff8b86; }
.site-admin-preview-bar i:nth-child(2) { background: #f1c768; }
.site-admin-preview-bar i:nth-child(3) { background: #88cf9d; }
.site-admin-preview-bar span { margin-left: 7px; color: #919bad; font-size: 8px; }
.site-admin-preview-body { min-height: 390px; display: grid; grid-template-columns: 154px 1fr; }
.site-admin-preview aside { display: flex; flex-direction: column; gap: 5px; padding: 18px 12px; color: #afbad0; background: #111a30; }
.site-admin-preview aside strong { display: flex; gap: 8px; align-items: center; margin-bottom: 19px; color: #fff; font-size: 10px; }
.site-admin-preview aside em { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; color: #172139; background: var(--vision-lime); font-style: normal; }
.site-admin-preview aside span { padding: 9px 10px; border-radius: 7px; font-size: 9px; }
.site-admin-preview aside span.active { color: #fff; background: #5865db; }
.site-admin-preview :is(.site-admin-preview-content,main) { padding: 22px; background: #f6f8fc; }
.site-admin-preview :is(.site-admin-preview-content,main) header { display: flex; align-items: center; justify-content: space-between; }
.site-admin-preview :is(.site-admin-preview-content,main) header small,.site-admin-preview :is(.site-admin-preview-content,main) header b { display: block; }
.site-admin-preview :is(.site-admin-preview-content,main) header small { color: #929cae; font-size: 8px; }
.site-admin-preview :is(.site-admin-preview-content,main) header b { margin-top: 5px; color: #27334b; font-size: 15px; }
.site-admin-preview :is(.site-admin-preview-action,button) { padding: 8px 11px; border: 0; border-radius: 6px; color: #fff; background: #5865db; font-size: 8px; }
.site-admin-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 23px 0 14px; }
.site-admin-metrics span { padding: 14px; border: 1px solid #e1e5ee; border-radius: 9px; background: #fff; }
.site-admin-metrics small,.site-admin-metrics b { display: block; }
.site-admin-metrics small { color: #8994a6; font-size: 8px; }
.site-admin-metrics b { margin-top: 6px; color: #26324a; font-size: 20px; }
.site-admin-table { overflow: hidden; border: 1px solid #e0e5ee; border-radius: 9px; background: #fff; }
.site-admin-table > div { display: grid; grid-template-columns: 1.5fr .7fr .55fr; padding: 13px 15px; border-top: 1px solid #edf0f4; }
.site-admin-table > div:first-child { border-top: 0; }
.site-admin-table i { color: #69768b; font-size: 8px; font-style: normal; }
.site-admin-table .head { background: #fafbfe; }
.site-admin-table .head i { color: #929caf; font-weight: 700; }
.site-admin-table i b { display: inline-block; width: 16px; height: 11px; margin-right: 7px; border-radius: 3px; background: #e9ecf5; vertical-align: middle; }
.site-admin-table em { padding: 4px 6px; border-radius: 8px; color: #b57c1b; background: #fff5dc; font-size: 7px; font-style: normal; }
.site-admin-table em.ok { color: #34845c; background: #e5f7ed; }
.site-admin-table em.draft { color: #778397; background: #eef0f4; }

/* Solutions is a product narrative, not a stack of generic cards. */
.site-solutions-page { color: #172139; background: #fff; }
.site-solutions-page .site-container { width: min(1280px,calc(100% - clamp(40px,7vw,112px))); }
.site-solutions-hero { padding: 16px 16px 0; }
.site-solutions-hero > .site-container { width: min(1540px,100%); display: grid; grid-template-columns: minmax(0,1.04fr) minmax(460px,.96fr); align-items: center; gap: clamp(48px,5.5vw,88px); min-height: 720px; padding: clamp(64px,5.2vw,84px); border: 1px solid #dfe4f2; border-radius: 28px; background: radial-gradient(circle at 82% 16%,rgba(111,124,255,.22),transparent 28%),linear-gradient(135deg,#fafbff,#f0f3ff 62%,#f7f9ff); }
.site-solutions-hero-copy > span,.site-solutions-heading > span,.site-solutions-connectors > .site-container > div:first-child > span,.site-solutions-final span { color: #5965cf; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.site-solutions-hero h1 { margin: 15px 0 24px; color: #121a2e; font-size: clamp(50px,4.8vw,72px); line-height: 1.02; letter-spacing: -.065em; word-break: keep-all; }
.site-solutions-hero-copy > p { max-width: 680px; margin: 0; color: #637087; font-size: 17px; line-height: 1.85; }
.site-solutions-hero-copy > div { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 32px; }
.site-solutions-hero-copy a,.site-solutions-final a { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; padding: 13px 17px; border: 1px solid #cfd5e5; border-radius: 9px; color: #34415b; background: rgba(255,255,255,.75); text-decoration: none; }
.site-solutions-hero-copy a.primary,.site-solutions-final a.primary { border-color: #5865db; color: #fff; background: #5865db; }
.site-solutions-hero-copy a i,.site-solutions-final a i { font-style: normal; }
.site-solutions-hero dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 46px 0 0; }
.site-solutions-hero dl > div { display: grid; grid-template-columns: 28px 1fr; gap: 10px; padding-top: 16px; border-top: 1px solid #d4daea; }
.site-solutions-hero dt { color: #6571db; font-size: 9px; font-weight: 800; }
.site-solutions-hero dd { margin: 0; }
.site-solutions-hero dd strong,.site-solutions-hero dd small { display: block; }
.site-solutions-hero dd strong { color: #2e3a54; font-size: 12px; }
.site-solutions-hero dd small { margin-top: 4px; color: #8590a3; font-size: 9px; line-height: 1.45; }
.site-solutions-system { padding: 19px; border: 1px solid #ccd3e8; border-radius: 22px; background: rgba(255,255,255,.9); box-shadow: 0 32px 80px rgba(51,63,112,.14); }
.site-solutions-system-head,.site-solutions-system-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #7f8ba0; font-size: 9px; letter-spacing: .08em; }
.site-solutions-system-head { padding: 2px 2px 16px; border-bottom: 1px solid #e3e7ef; }
.site-solutions-system-head i,.site-solutions-system-foot i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #75d495; box-shadow: 0 0 0 4px rgba(117,212,149,.12); }
.site-solutions-system-head code { color: #6471d6; }
.site-solutions-system-core { margin: 24px 0 12px; padding: 24px; border: 1px solid #cbd1f0; border-radius: 13px; background: linear-gradient(145deg,#eceeff,#fafaff); }
.site-solutions-system-core small,.site-solutions-system-core strong,.site-solutions-system-core span { display: block; }
.site-solutions-system-core small { color: #6571d5; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.site-solutions-system-core strong { margin: 14px 0 6px; color: #26324b; font-size: 21px; }
.site-solutions-system-core span { color: #748097; font-size: 10px; }
.site-solutions-system-flow { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 9px; padding: 14px 10px; }
.site-solutions-system-flow span { color: #768398; font-size: 8px; }
.site-solutions-system-flow i { height: 1px; background: linear-gradient(90deg,#cfd5e2,#6976dc,#cfd5e2); }
.site-solutions-system-outputs { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.site-solutions-system-outputs article { min-height: 105px; padding: 16px; border: 1px solid #dfe3ec; border-radius: 11px; background: #fff; }
.site-solutions-system-outputs small,.site-solutions-system-outputs b,.site-solutions-system-outputs span { display: block; }
.site-solutions-system-outputs small { color: #707cdc; font-size: 7px; font-weight: 800; }
.site-solutions-system-outputs b { margin: 19px 0 4px; color: #2c3851; font-size: 12px; }
.site-solutions-system-outputs span { color: #8a95a7; font-size: 8px; }
.site-solutions-system-foot { margin-top: 16px; padding: 15px 2px 2px; border-top: 1px solid #e3e7ef; }
.site-solutions-system-foot b { color: #6975d9; }
.site-solutions-lifecycle,.site-solutions-workflows { padding: 112px 0; }
.site-solutions-heading { max-width: 790px; }
.site-solutions-heading h2,.site-solutions-connectors h2,.site-solutions-final h2 { margin: 14px 0 18px; color: #131c31; font-size: clamp(38px,4vw,58px); line-height: 1.08; letter-spacing: -.05em; }
.site-solutions-heading > p,.site-solutions-connectors p,.site-solutions-final p { margin: 0; color: #68758b; font-size: 15px; line-height: 1.8; }
.site-solutions-lifecycle-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 48px; }
.site-solutions-lifecycle-grid article { min-height: 290px; padding: 28px; border: 1px solid #dfe4ec; border-radius: 18px; background: #fff; box-shadow: 0 14px 40px rgba(35,48,80,.045); }
.site-solutions-lifecycle-grid article:nth-child(2) { background: #f0f2ff; }
.site-solutions-lifecycle-grid b { color: #6470d8; font-size: 9px; letter-spacing: .1em; }
.site-solutions-lifecycle-grid h3 { margin: 50px 0 12px; color: #202c44; font-size: 22px; }
.site-solutions-lifecycle-grid p { min-height: 82px; margin: 0; color: #6c788d; line-height: 1.75; }
.site-solutions-lifecycle-grid span { display: block; margin-top: 24px; padding-top: 16px; border-top: 1px solid #e4e7ee; color: #7b8799; font-size: 9px; }
.site-solutions-lifecycle-grid i { color: #6571d7; font-style: normal; }
.site-solutions-catalog { padding: 112px 0; background: #f6f7f3; }
.site-solutions-heading.is-row { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.site-solutions-heading.is-row > div { max-width: 790px; }
.site-solutions-heading.is-row > a { flex: 0 0 auto; padding-bottom: 7px; border-bottom: 1px solid #b5bdd4; color: #4653bb; text-decoration: none; }
.site-solutions-heading.is-row i { font-style: normal; }
.site-solutions-region { width: min(1280px,calc(100% - clamp(40px,7vw,112px))); margin: 44px auto 0; }
.site-solutions-region .site-block { padding: 0; background: transparent; }
.site-solutions-region .site-block > .site-container { width: 100%; }
.site-solutions-region .site-section-heading,.site-solutions-region .site-list-pagination { display: none; }
.site-solutions-region .site-list-showcase { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.site-solutions-region .site-showcase-card { border: 1px solid #dfe4ec; border-radius: 18px; box-shadow: none; }
.site-solutions-region .site-showcase-card > a { display: block; }
.site-solutions-region .site-showcase-media { min-height: 138px; position: relative; display: flex; align-items: flex-end; padding: 22px; overflow: hidden; color: #fff; background: linear-gradient(145deg,#141d33,#293558); }
.site-solutions-region .site-showcase-card:nth-child(2n) .site-showcase-media { background: linear-gradient(145deg,#5865db,#8790ee); }
.site-solutions-region .site-showcase-card:nth-child(3n) .site-showcase-media { background: linear-gradient(145deg,#dff3bd,#f7f9f1); }
.site-solutions-region .site-showcase-media::before { position: absolute; top: 20px; right: 22px; color: rgba(255,255,255,.55); font-size: 9px; font-weight: 800; letter-spacing: .12em; content: "CONNECTED CAPABILITY"; }
.site-solutions-region .site-showcase-card:nth-child(3n) .site-showcase-media::before { color: #6c775d; }
.site-solutions-region .site-showcase-media span { position: relative; z-index: 1; max-width: 240px; font-size: 22px; font-weight: 800; line-height: 1.2; }
.site-solutions-region .site-showcase-card:nth-child(3n) .site-showcase-media span { color: #29354a; }
.site-solutions-region .site-showcase-copy { padding: 24px; }
.site-solutions-region .site-showcase-copy h3 { margin-top: 0; color: #202b43; font-size: 20px; }
.site-solutions-region .site-showcase-copy p { min-height: 75px; color: #6c788c; line-height: 1.75; }
.site-solutions-region .site-showcase-copy dl { display: none; }
.site-solutions-region .site-showcase-more { color: #5662cc; }
.site-solutions-workflows { background: #fff; }
.site-solutions-workflow-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 48px; }
.site-solutions-workflow-grid article { padding: 27px; border: 1px solid #dfe4ec; border-radius: 18px; background: #fff; }
.site-solutions-workflow-grid header { display: flex; justify-content: space-between; gap: 16px; color: #6975db; font-size: 9px; }
.site-solutions-workflow-grid header b { color: #9aa4b5; }
.site-solutions-workflow-grid h3 { margin: 34px 0 22px; color: #202b43; font-size: 21px; }
.site-solutions-workflow-grid ol { margin: 0; padding: 0; list-style: none; }
.site-solutions-workflow-grid li { display: grid; grid-template-columns: 30px 1fr; gap: 12px; padding: 16px 0; border-top: 1px solid #e7eaf0; }
.site-solutions-workflow-grid li i { color: #6b77dc; font-size: 9px; font-style: normal; }
.site-solutions-workflow-grid li strong,.site-solutions-workflow-grid li small { display: block; }
.site-solutions-workflow-grid li strong { color: #344059; font-size: 12px; }
.site-solutions-workflow-grid li small { margin-top: 4px; color: #8993a4; font-size: 9px; line-height: 1.55; }
.site-solutions-connectors { padding: 112px 0; color: #fff; background: #11192d; }
.site-solutions-connectors > .site-container { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(560px,1.28fr); align-items: center; gap: clamp(56px,8vw,120px); }
.site-solutions-connectors h2 { color: #fff; }
.site-solutions-connectors p { color: #adb8cc; }
.site-solutions-connectors > .site-container > div:first-child > a { display: inline-flex; gap: 26px; margin-top: 28px; padding-bottom: 7px; border-bottom: 1px solid #556179; color: #dce2ef; text-decoration: none; }
.site-solutions-connectors a i { color: var(--vision-lime); font-style: normal; }
.site-solutions-connector-board { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; padding: 18px; border: 1px solid #35415a; border-radius: 20px; background: #172239; }
.site-solutions-connector-board .core { grid-column: 1 / -1; padding: 24px; border: 1px solid #5664b8; border-radius: 12px; background: #232f58; }
.site-solutions-connector-board small,.site-solutions-connector-board strong,.site-solutions-connector-board span { display: block; }
.site-solutions-connector-board small { color: #aeb7ff; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.site-solutions-connector-board strong { margin: 13px 0 5px; font-size: 22px; }
.site-solutions-connector-board .core span { color: #aab5ce; font-size: 9px; }
.site-solutions-connector-board .connector { padding: 18px; border: 1px solid #34415a; border-radius: 11px; background: #121c30; }
.site-solutions-connector-board .connector b { color: #edf1f8; font-size: 12px; }
.site-solutions-connector-board .connector span { margin-top: 12px; color: #8996ac; font-size: 9px; }
.site-solutions-connector-board footer { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 10px; padding: 14px 4px 1px; color: #8793a9; font-size: 8px; }
.site-solutions-final { padding: 96px 0; background: #eef0ff; }
.site-solutions-final > .site-container { display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.site-solutions-final p { max-width: 760px; }
.site-solutions-final nav { display: flex; flex: 0 0 auto; gap: 10px; }

/* One content source, deliberately different web, H5 and mini-program experiences. */
.site-channel-home .site-block:has(.site-channel-blueprint) { padding: 112px 0; background: #f6f8fc; }
.site-channel-home .site-block:has(.site-channel-blueprint) .site-prose { width: min(1280px,calc(100% - clamp(40px,7vw,112px))); max-width: none; margin: auto; padding: 0; border: 0; background: transparent; box-shadow: none; }
.site-channel-blueprint { display: grid; grid-template-columns: minmax(340px,.78fr) minmax(620px,1.22fr); align-items: center; gap: clamp(52px,7vw,104px); }
.site-channel-blueprint-copy > span { color: #5965cf; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.site-channel-blueprint-copy h2 { margin: 15px 0 24px; color: #151f35; font-size: clamp(38px,4vw,58px); line-height: 1.08; letter-spacing: -.05em; }
.site-channel-blueprint-copy > p { margin: 0; color: #66748a; font-size: 15px; line-height: 1.9; }
.site-channel-blueprint-copy dl { margin: 30px 0 0; border-top: 1px solid #dde2eb; }
.site-channel-blueprint-copy dl > div { display: grid; grid-template-columns: 34px 1fr; gap: 14px; padding: 17px 0; border-bottom: 1px solid #dde2eb; }
.site-channel-blueprint-copy dt { color: #6571d7; font-size: 9px; font-weight: 800; }
.site-channel-blueprint-copy dd { margin: 0; }
.site-channel-blueprint-copy dd strong,.site-channel-blueprint-copy dd small { display: block; }
.site-channel-blueprint-copy dd strong { color: #2a374f; font-size: 13px; }
.site-channel-blueprint-copy dd small { margin-top: 4px; color: #8792a4; font-size: 10px; line-height: 1.55; }
.site-channel-blueprint-copy > a { display: inline-flex; gap: 26px; margin-top: 28px; padding-bottom: 7px; border-bottom: 1px solid #aeb7d4; color: #4653bb; text-decoration: none; }
.site-channel-blueprint-copy > a i { font-style: normal; }
.site-experience-board { padding: 18px; border: 1px solid #cfd6e7; border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 28px 70px rgba(51,65,111,.1); }
.site-experience-board > header,.site-experience-board > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #7f8ba0; font-size: 8px; letter-spacing: .09em; }
.site-experience-board > header { padding: 2px 2px 16px; border-bottom: 1px solid #e3e7ef; }
.site-experience-board > header i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #77d397; box-shadow: 0 0 0 4px rgba(119,211,151,.12); }
.site-experience-board > header code { color: #6672d8; }
.site-experience-source { margin: 18px 0 12px; padding: 20px; border: 1px solid #cfd5f1; border-radius: 13px; background: linear-gradient(145deg,#eef0ff,#fbfbff); }
.site-experience-source small,.site-experience-source strong,.site-experience-source span { display: block; }
.site-experience-source small { color: #6571d5; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.site-experience-source strong { margin: 12px 0 5px; color: #27344d; font-size: 18px; }
.site-experience-source span { color: #79859a; font-size: 9px; }
.site-experience-surfaces { display: grid; grid-template-columns: 1.15fr .85fr .85fr; gap: 9px; }
.site-experience-surfaces article { min-width: 0; min-height: 240px; display: flex; flex-direction: column; justify-content: space-between; padding: 17px; border: 1px solid #dfe4ec; border-radius: 13px; background: #fff; }
.site-experience-surfaces article.is-h5 { background: #f0f2ff; }
.site-experience-surfaces article.is-mini { background: #f5f8ef; }
.site-experience-surfaces small,.site-experience-surfaces strong,.site-experience-surfaces span { display: block; }
.site-experience-surfaces small { color: #6975d8; font-size: 7px; font-weight: 800; line-height: 1.45; letter-spacing: .06em; }
.site-experience-surfaces strong { margin: 22px 0 6px; color: #27344d; font-size: 20px; }
.site-experience-surfaces span { color: #7c889b; font-size: 9px; line-height: 1.55; }
.site-experience-surfaces ul { height: 82px; margin: 20px 0 0; padding: 14px; border: 1px solid #e1e5ed; border-radius: 10px; background: rgba(255,255,255,.8); list-style: none; }
.site-experience-surfaces li { height: 6px; margin-top: 8px; border-radius: 3px; background: #dfe4ee; }
.site-experience-surfaces li:first-child { width: 68%; margin-top: 0; background: #7c87e8; }
.site-experience-surfaces li:nth-child(2) { width: 88%; }
.site-experience-surfaces li:nth-child(3) { width: 52%; }
.site-experience-board > footer { justify-content: center; margin-top: 14px; padding-top: 14px; border-top: 1px solid #e3e7ef; }
.site-experience-board > footer i { color: #6672d8; font-style: normal; }

.site-solutions-channels { padding: 112px 0; border-top: 1px solid #e2e6ee; background: #f5f7fb; }
.site-solutions-channel-layout { display: grid; grid-template-columns: minmax(0,1.14fr) minmax(390px,.86fr); align-items: start; gap: 18px; margin-top: 48px; }
.site-channel-strategy { display: grid; gap: 12px; }
.site-channel-strategy article { padding: 26px 28px; border: 1px solid #dfe4ec; border-radius: 17px; background: #fff; }
.site-channel-strategy article.is-next { border-color: #cfd5f2; background: #eef0ff; }
.site-channel-strategy article.is-planned { background: #f7f9f3; }
.site-channel-strategy header { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #6874d7; font-size: 9px; letter-spacing: .08em; }
.site-channel-strategy header span { padding: 4px 7px; border-radius: 5px; color: #67738a; background: #eef1f5; letter-spacing: 0; }
.site-channel-strategy h3 { margin: 26px 0 10px; color: #202c44; font-size: 23px; }
.site-channel-strategy p { margin: 0; color: #6c788c; line-height: 1.75; }
.site-channel-strategy ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 20px 0 0; padding: 0; list-style: none; }
.site-channel-strategy li { padding: 5px 8px; border: 1px solid #e0e5ed; border-radius: 6px; color: #718097; background: rgba(255,255,255,.72); font-size: 9px; }
.site-channel-plan { padding: 24px; border: 1px solid #d4daea; border-radius: 18px; background: #fff; box-shadow: 0 18px 48px rgba(36,49,80,.06); }
.site-channel-plan > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid #e5e8ef; }
.site-channel-plan > header span { color: #6874d8; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.site-channel-plan > header b { color: #26334c; font-size: 12px; }
.site-channel-plan ol { margin: 0; padding: 0; list-style: none; }
.site-channel-plan li { display: grid; grid-template-columns: 30px 1fr auto; gap: 12px; align-items: start; padding: 22px 0; border-bottom: 1px solid #e8ebf0; }
.site-channel-plan li > i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: #5f6bd2; background: #eceeff; font-size: 8px; font-style: normal; }
.site-channel-plan li strong { color: #2e3a53; font-size: 12px; }
.site-channel-plan li p { margin: 5px 0 0; color: #7c8799; font-size: 10px; line-height: 1.6; }
.site-channel-plan li em { padding-top: 7px; color: #9aa4b4; font-size: 7px; font-style: normal; letter-spacing: .08em; }
.site-channel-plan > footer { display: flex; flex-wrap: wrap; gap: 7px; padding-top: 18px; }
.site-channel-plan > footer span { padding: 5px 8px; border-radius: 6px; color: #6571d5; background: #eef0ff; font-size: 8px; }
.site-channel-principles { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 18px; }
.site-channel-principles article { min-height: 180px; padding: 22px; border: 1px solid #dfe4ec; border-radius: 15px; background: #fff; }
.site-channel-principles b { color: #6874d8; font-size: 8px; letter-spacing: .1em; }
.site-channel-principles strong { display: block; margin: 34px 0 9px; color: #2a364e; font-size: 16px; }
.site-channel-principles p { margin: 0; color: #7b8799; font-size: 11px; line-height: 1.7; }

/* About and editions get a page-specific visual instead of an empty hero column. */
.site-channel-about .site-block-hero .site-hero,.site-channel-insights .site-block-hero .site-hero { min-height: 650px; display: grid; grid-template-columns: minmax(0,1fr) minmax(430px,.82fr); align-items: center; gap: clamp(50px,7vw,110px); padding: clamp(70px,7vw,110px); border: 1px solid #e0e4f1; color: #172139; background: linear-gradient(135deg,#fafbff,#f0f3ff); }
.site-channel-about .site-block-hero .site-hero-content,.site-channel-insights .site-block-hero .site-hero-content { width: 100%; min-width: 0; max-width: 740px; overflow-wrap: anywhere; }
.site-channel-about .site-block-hero .site-hero-eyebrow,.site-channel-insights .site-block-hero .site-hero-eyebrow { color: #5964ce; }
.site-channel-about .site-block-hero .site-hero h1,.site-channel-insights .site-block-hero .site-hero h1 { color: #172139; font-size: clamp(40px,4vw,60px); line-height: 1.12; word-break: normal; text-wrap: balance; }
.site-channel-about .site-block-hero .site-hero p,.site-channel-insights .site-block-hero .site-hero p { color: #67748b; }
.site-channel-about .site-block-hero .site-hero-action,.site-channel-insights .site-block-hero .site-hero-action { color: #fff; background: #5865db; }
.site-channel-about .site-block-hero .site-hero-secondary,.site-channel-insights .site-block-hero .site-hero-secondary { color: #36445f; border-color: #d1d7e7; background: #fff; }
.site-open-system-visual,.site-edition-hero-visual { position: relative; z-index: 2; padding: 18px; border: 1px solid #cfd6e8; border-radius: 21px; background: rgba(255,255,255,.9); box-shadow: 0 30px 70px rgba(56,69,120,.13); }
.site-open-system-head,.site-edition-hero-head,.site-open-system-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #7f8ba0; font-size: 8px; letter-spacing: .09em; }
.site-open-system-head,.site-edition-hero-head { padding: 2px 2px 15px; border-bottom: 1px solid #e3e7ef; }
.site-open-system-head i,.site-edition-hero-head i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #7ed499; }
.site-open-system-head code,.site-edition-hero-head code { color: #6571d6; }
.site-open-system-canvas { min-height: 390px; position: relative; }
.site-open-system-canvas::before,.site-open-system-canvas::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(111,124,255,.2); border-radius: 50%; content: ""; transform: translate(-50%,-50%); }
.site-open-system-canvas::before { width: 210px; height: 210px; }
.site-open-system-canvas::after { width: 330px; height: 330px; border-style: dashed; }
.site-open-system-core { width: 156px; height: 156px; position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; align-content: center; border: 1px solid #abb4ee; border-radius: 50%; background: #eceeff; transform: translate(-50%,-50%); text-align: center; }
.site-open-system-core b { color: #5965d4; font-size: 34px; }
.site-open-system-core strong { color: #25314b; }
.site-open-system-core small { max-width: 110px; margin-top: 4px; color: #7c899e; font-size: 8px; line-height: 1.45; }
.site-open-system-canvas article { min-width: 126px; position: absolute; z-index: 3; padding: 13px; border: 1px solid #d8deea; border-radius: 10px; background: #fff; box-shadow: 0 10px 26px rgba(47,59,101,.07); }
.site-open-system-canvas article span,.site-open-system-canvas article strong,.site-open-system-canvas article small { display: block; }
.site-open-system-canvas article span { color: #6975d9; font-size: 8px; }
.site-open-system-canvas article strong { margin: 5px 0; color: #2d3952; font-size: 12px; }
.site-open-system-canvas article small { color: #8792a4; font-size: 8px; }
.site-open-system-canvas .is-model { top: 35px; left: 8px; }
.site-open-system-canvas .is-web { top: 74px; right: 4px; }
.site-open-system-canvas .is-api { right: 40px; bottom: 29px; }
.site-open-system-foot { padding: 14px 2px 2px; border-top: 1px solid #e3e7ef; }
.site-edition-core { margin: 24px 0 10px; padding: 23px; border: 1px solid #cbd1ef; border-radius: 12px; background: #eef0ff; }
.site-edition-core small,.site-edition-core strong,.site-edition-core span { display: block; }
.site-edition-core small { color: #6874d7; font-size: 8px; font-weight: 800; }
.site-edition-core strong { margin: 13px 0 5px; color: #25314b; font-size: 20px; }
.site-edition-core span { color: #7a869b; font-size: 9px; }
.site-edition-branches { display: grid; grid-template-columns: 1fr 18px 1fr; align-items: center; gap: 7px; }
.site-edition-branches article { min-height: 175px; padding: 19px; border: 1px solid #dfe4ec; border-radius: 11px; background: #fff; }
.site-edition-branches > i { color: #8792a4; font-style: normal; text-align: center; }
.site-edition-branches b,.site-edition-branches strong,.site-edition-branches span,.site-edition-branches em { display: block; }
.site-edition-branches b { color: #6874d8; font-size: 8px; }
.site-edition-branches strong { margin: 28px 0 6px; color: #2a3650; font-size: 14px; }
.site-edition-branches span { min-height: 34px; color: #8792a4; font-size: 8px; line-height: 1.5; }
.site-edition-branches em { margin-top: 18px; padding-top: 12px; border-top: 1px solid #e6e9ef; color: #5965ce; font-size: 9px; font-style: normal; }
.site-edition-hero-foot { margin-top: 15px; padding: 13px 3px 1px; border-top: 1px solid #e3e7ef; color: #788499; font-size: 9px; text-align: center; }

.site-channel-team .site-block-rich_text { padding: 100px 0; }
.site-channel-team .site-block-rich_text:nth-child(odd) { background: #f6f7f3; }
.site-channel-team .site-block-rich_text .site-prose { width: min(1280px,calc(100% - 64px)); display: block !important; margin: auto; padding: 0; overflow: visible; border: 0; background: transparent; box-shadow: none; }
.site-team-intro { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(48px,7vw,110px); }
.site-team-intro-copy > span,.site-contribution .site-product-heading > span,.site-join-flow > div > span { color: #5d66d1; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.site-team-intro-copy h2,.site-contribution .site-product-heading h2,.site-join-flow > div h2 { margin: 14px 0 22px; color: #121a2e; font-size: clamp(36px,4vw,54px); line-height: 1.1; letter-spacing: -.05em; }
.site-team-intro-copy p { color: #647087; font-size: 15px; line-height: 1.9; }
.site-team-values { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.site-team-values article { min-height: 190px; padding: 25px; border: 1px solid #e0e4ec; border-radius: 17px; background: #fff; }
.site-team-values b { color: #6570dc; font-size: 10px; }
.site-team-values h3 { margin: 34px 0 9px; font-size: 20px; }
.site-team-values p { margin: 0; color: #718096; line-height: 1.75; }
.site-contribution .site-product-heading { max-width: 780px; }
.site-contribution-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 42px; }
.site-contribution-grid article { min-height: 245px; padding: 25px; border: 1px solid #dfe4ec; border-radius: 17px; background: #fff; }
.site-contribution-grid i { display: inline-block; padding: 5px 8px; border-radius: 6px; color: #11182b; background: var(--vision-lime); font-size: 9px; font-style: normal; font-weight: 800; }
.site-contribution-grid h3 { margin: 35px 0 10px; font-size: 20px; }
.site-contribution-grid p { min-height: 70px; color: #68758a; line-height: 1.75; }
.site-contribution-grid span { display: block; padding-top: 16px; border-top: 1px solid #edf0f4; color: #8792a4; font-size: 10px; }
.site-team-now .site-product-heading { max-width: 790px; }
.site-team-now-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; margin-top: 42px; }
.site-team-now-grid article { display: grid; grid-template-columns: 54px 1fr; gap: 20px; padding: 26px; border: 1px solid #dfe4ec; border-radius: 17px; background: #fff; }
.site-team-now-grid > article > b { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; color: #4f5bc5; background: #eceeff; font-size: 10px; }
.site-team-now-grid h3 { margin: 0 0 9px; color: #243049; font-size: 19px; }
.site-team-now-grid p { margin: 0 0 14px; color: #6c788c; line-height: 1.75; }
.site-team-now-grid span { color: #7e899c; font-size: 10px; }
.site-team-now-grid span strong { color: #5965ce; }
.site-join-flow { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(48px,7vw,120px); }
.site-join-flow ol { margin: 0; padding: 0; list-style: none; }
.site-join-flow li { display: grid; grid-template-columns: 46px 1fr; gap: 18px; padding: 24px 0; border-top: 1px solid #dfe4eb; }
.site-join-flow li b { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; color: #0b1020; background: var(--vision-lime); font-size: 11px; }
.site-join-flow h3 { margin: 0 0 5px; font-size: 18px; }
.site-join-flow p { margin: 0; color: #6f7a8e; }
.site-channel-team .site-block-form { padding: 100px 0; background: #eef1ff; }
.site-channel-team .site-form-layout { border-color: #d9deeb; box-shadow: 0 22px 56px rgba(55,69,119,.1); }
.site-channel-team .site-form-intro { color: #172139; background: linear-gradient(145deg,#f0f2ff,#e7ecff); }
.site-channel-team .site-form-intro > span { color: #5965cf; opacity: 1; }
.site-channel-team .site-form-intro h3 { color: #172139; }
.site-channel-team .site-form-intro p { color: #68758b; }
.site-channel-team .site-form-intro dl > div { border-top-color: #ccd3e6; }
.site-channel-team .site-form-intro dt { color: #7d899e; opacity: 1; }
.site-channel-team .site-form-intro dd { color: #34425d; }

/* The join invitation is part of every page, not a buried navigation item. */
.site-footer { margin-top: 0; padding: 0; color: #68758b; background: #f2f4f8; }
.site-footer-invite { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); align-items: end; gap: 70px; padding: 80px 0; border-bottom: 1px solid #dce1ea; }
.site-footer-invite span { color: #5964cf; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.site-footer-invite h2 { margin: 14px 0 0; color: #172139; font-size: clamp(38px,4.5vw,62px); line-height: 1.08; letter-spacing: -.05em; }
.site-footer-invite p { margin: 0 0 25px; color: #6c788d; font-size: 15px; line-height: 1.8; }
.site-footer-invite a { display: inline-flex; justify-content: space-between; min-width: 230px; padding: 13px 17px; border-radius: 9px; color: #fff; background: #5865db; font-weight: 750; text-decoration: none; }
.site-footer-invite i { font-style: normal; }
.site-footer-main { display: grid; grid-template-columns: minmax(280px,1.1fr) minmax(460px,.9fr); align-items: start; gap: clamp(60px,10vw,150px); padding: 64px 0 56px; }
.site-footer-identity { display: flex; flex-direction: column; align-items: flex-start; }
.site-footer .site-footer-brand { display: inline-flex; flex-direction: column; padding: 0; color: #172139 !important; background: transparent; font-size: 26px; font-weight: 800; letter-spacing: -.04em; text-decoration: none; }
.site-footer-brand small { margin-top: 5px; color: #7b879b; font-size: 8px; letter-spacing: .16em; }
.site-footer .site-footer-identity p { max-width: 420px; margin: 18px 0 0; color: #748096; line-height: 1.75; }
.site-footer-license { margin-top: 18px; color: #8b95a5; font-size: 9px; letter-spacing: .05em; }
.site-footer-groups { display: grid; grid-template-columns: repeat(3,1fr); gap: 34px; }
.site-footer-groups > div { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.site-footer-groups strong { margin-bottom: 5px; color: #243049; font-size: 11px; }
.site-footer-groups a { color: #6f7b8e; font-size: 12px; text-decoration: none; }
.site-footer-groups a:hover { color: #4f5bc6; }
.site-footer .site-footer-bottom { align-items: center; border-top-color: #dce1ea; color: #8590a2; }
.site-footer-bottom nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.site-footer-bottom nav a { color: #798598; text-decoration: none; }

/* Footer directory: one next step, one product identity, no duplicated global navigation. */
.site-footer { border-top: 0; background: #f3f5f8; }
.site-footer > .site-container { width: min(1380px,calc(100% - clamp(40px,6vw,96px))); }
.site-footer-start { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(430px,.92fr); align-items: center; gap: clamp(54px,7vw,110px); margin-top: 0; padding: clamp(54px,6vw,84px); overflow: hidden; border: 1px solid #d7ddef; border-radius: 26px; background: radial-gradient(circle at 88% 12%,rgba(111,124,255,.22),transparent 28%),linear-gradient(135deg,#f8f9ff,#ecefff); box-shadow: 0 28px 70px rgba(57,69,119,.08); }
.site-footer-start-copy > span { color: #5864ce; font-size: 9px; font-weight: 800; letter-spacing: .17em; }
.site-footer-start h2 { max-width: 720px; margin: 16px 0 20px; color: #141d32; font-size: clamp(38px,4.2vw,60px); line-height: 1.08; letter-spacing: -.055em; }
.site-footer-start-copy > p { max-width: 670px; margin: 0; color: #68758b; font-size: 15px; line-height: 1.85; }
.site-footer-start-copy nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.site-footer-start-copy nav a { display: inline-flex; align-items: center; justify-content: space-between; min-width: 170px; gap: 24px; padding: 12px 16px; border: 1px solid #cfd6e7; border-radius: 9px; color: #3d4a63; background: rgba(255,255,255,.76); text-decoration: none; }
.site-footer-start-copy nav a.primary { border-color: #5865db; color: #fff; background: #5865db; box-shadow: 0 12px 26px rgba(70,82,190,.15); }
.site-footer-start-copy nav i { font-style: normal; }
.site-footer-start-path { padding: 18px; border: 1px solid #cfd6e8; border-radius: 18px; background: rgba(255,255,255,.9); box-shadow: 0 22px 54px rgba(54,67,114,.1); }
.site-footer-path-head,.site-footer-start-path > footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #7c889d; font-size: 8px; letter-spacing: .09em; }
.site-footer-start-path > footer span { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; }
.site-footer-path-head { padding: 2px 2px 15px; border-bottom: 1px solid #e3e7ef; }
.site-footer-path-head i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #77d397; box-shadow: 0 0 0 4px rgba(119,211,151,.12); }
.site-footer-path-head code { color: #6975d8; }
.site-footer-start-path ol { margin: 8px 0; padding: 0; list-style: none; }
.site-footer-start-path li { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 13px; padding: 17px 5px; border-top: 1px solid #e7eaf0; }
.site-footer-start-path li:first-child { border-top: 0; }
.site-footer-start-path li > b { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: #5763ce; background: #eceeff; font-size: 8px; }
.site-footer-start-path li strong,.site-footer-start-path li small { display: block; }
.site-footer-start-path li strong { color: #2b3750; font-size: 12px; }
.site-footer-start-path li small { margin-top: 3px; color: #8a95a7; font-size: 8px; }
.site-footer-start-path li > span { color: #818ca0; font-size: 7px; letter-spacing: .12em; }
.site-footer-start-path > footer { padding: 14px 3px 1px; border-top: 1px solid #e3e7ef; color: #738096; }
.site-footer-directory { display: grid; grid-template-columns: minmax(300px,.82fr) minmax(600px,1.18fr); align-items: start; gap: clamp(70px,10vw,160px); padding: 76px 0 64px; }
.site-footer-wordmark { display: inline-flex; align-items: center; gap: 12px; color: #18233a; text-decoration: none; }
.site-footer-logo { width: 39px; height: 39px; flex: 0 0 39px; object-fit: contain; }
.site-footer-wordmark > span:last-child { display: flex; flex-direction: column; }
.site-footer .site-footer-wordmark strong { color: #18233a; font-size: 23px; line-height: 1; letter-spacing: -.04em; }
.site-footer-wordmark small { margin-top: 6px; color: #8490a2; font-size: 7px; font-weight: 800; letter-spacing: .15em; }
.site-footer .site-footer-identity p { max-width: 390px; margin: 22px 0 0; color: #69768b; font-size: 14px; line-height: 1.8; }
.site-footer-signals { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.site-footer-signals span { padding: 5px 8px; border: 1px solid #dbe0e8; border-radius: 6px; color: #7a8699; background: #fff; font-size: 8px; letter-spacing: .04em; }
.site-footer-directory .site-footer-groups { display: grid; grid-template-columns: 1.25fr .9fr .9fr; gap: clamp(34px,5vw,70px); }
.site-footer-directory .site-footer-groups > div { gap: 12px; }
.site-footer-directory .site-footer-groups strong { margin-bottom: 8px; color: #27334b; font-size: 11px; letter-spacing: .04em; }
.site-footer-directory .site-footer-groups a { position: relative; width: fit-content; min-height: 28px; color: var(--site-muted); font-size: 14px; }
.site-footer-directory .site-footer-groups a::after { width: 0; height: 1px; position: absolute; right: 0; bottom: -2px; left: 0; background: #6672d8; content: ""; transition: width .18s ease; }
.site-footer-directory .site-footer-groups a:hover::after { width: 100%; }
.site-footer .site-footer-bottom { min-height: 68px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 28px; padding: 18px 0; border-top: 1px solid #dce1e9; color: var(--site-muted); font-size: 12px; }
.site-footer .site-footer-bottom nav { justify-content: flex-end; gap: 20px; }
.site-footer .site-footer-bottom nav a { color: var(--site-muted); }

@media (max-width: 1120px) {
  .site-channel-home .site-block-hero .site-hero:not(.has-media),
  .site-channel-home .site-region-hero .site-hero:not(.has-media) { grid-template-columns: minmax(0,1fr) minmax(390px,.9fr); padding-inline: 52px; }
  .site-channel-home .site-block-hero .site-hero h1,
  .site-channel-home .site-region-hero .site-hero h1 { font-size: clamp(48px,6vw,68px); }
  .site-model-docs-section { grid-template-columns: 1fr; }
  .site-docs-hero-layout { grid-template-columns: 1fr 390px; gap: 46px; }
  .site-channel-team .site-block-hero .site-hero { grid-template-columns: 1fr 390px; padding-inline: 50px; }
  .site-project-story { grid-template-columns: 1fr; }
  .site-cms-tour { grid-template-columns: 1fr; }
  .site-channel-blueprint { grid-template-columns: 1fr; }
  .site-solutions-channel-layout { grid-template-columns: 1fr; }
  .site-channel-strategy { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .site-solutions-hero > .site-container { grid-template-columns: 1fr 440px; padding-inline: 52px; }
  .site-solutions-hero h1 { font-size: clamp(48px,6vw,68px); }
  .site-solutions-region .site-list-showcase { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-solutions-connectors > .site-container { grid-template-columns: 1fr 1.25fr; }
  .site-channel-about .site-block-hero .site-hero,.site-channel-insights .site-block-hero .site-hero { grid-template-columns: 1fr 390px; padding-inline: 50px; }
  .site-contribution-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-footer-main { grid-template-columns: minmax(240px,.75fr) minmax(430px,1.25fr); gap: 50px; }
  .site-footer-start { grid-template-columns: minmax(0,1fr) minmax(390px,.82fr); gap: 48px; padding: 54px; }
  .site-footer-directory { grid-template-columns: minmax(260px,.7fr) minmax(520px,1.3fr); gap: 50px; }
}

@media (max-width: 960px) {
  .site-solutions-hero > .site-container { grid-template-columns: minmax(0,1fr); min-height: 0; gap: 44px; }
  .site-solutions-hero-copy, .site-solutions-system { min-width: 0; }
  .site-footer-directory { grid-template-columns: 1fr; gap: 46px; padding: 62px 10px 48px; }
  .site-footer .site-footer-bottom { grid-template-columns: 1fr; gap: 12px; padding: 20px 10px; }
  .site-footer .site-footer-bottom nav { justify-content: flex-start; }
}

@media (max-width: 800px) {
  .site-header .site-nav { width: 100%; }
  .site-brand small { display: none; }
  .site-channel-page .site-block-hero > .site-container { width: calc(100% - 20px); }
  .site-channel-page .site-block-hero .site-hero { border-radius: 20px; }
  .site-channel-home .site-block-hero .site-hero:not(.has-media),
  .site-channel-home .site-region-hero .site-hero:not(.has-media) { grid-template-columns: 1fr; min-height: 0; padding: 64px 30px 34px; gap: 46px; }
  .site-channel-home .site-block-hero .site-hero h1,
  .site-channel-home .site-region-hero .site-hero h1 { font-size: clamp(43px,12vw,62px); }
  .site-home-visual.site-content-blueprint { max-width: none; }
  .site-channel-home .site-variant-trust { margin-top: -20px; }
  .site-channel-home .site-block:has(.site-project-story),.site-channel-home .site-block:has(.site-cms-tour),.site-channel-home .site-block:has(.site-channel-blueprint) { padding: 78px 0; }
  .site-project-story,.site-cms-tour { grid-template-columns: 1fr; gap: 42px; }
  .site-channel-blueprint { gap: 42px; }
  .site-project-story-chapters article { grid-template-columns: 78px 1fr; gap: 14px; }
  .site-project-story-chapters article p { grid-column: 2; }
  .site-admin-preview { transform: none; }
  .site-solutions-hero { padding: 10px 10px 0; }
  .site-solutions-hero > .site-container { grid-template-columns: minmax(0,1fr); min-height: 0; padding: 64px 28px 32px; gap: 44px; border-radius: 20px; }
  .site-solutions-hero h1 { font-size: clamp(43px,11vw,62px); }
  .site-solutions-lifecycle,.site-solutions-workflows,.site-solutions-catalog,.site-solutions-connectors,.site-solutions-channels { padding: 78px 0; }
  .site-solutions-lifecycle-grid,.site-solutions-workflow-grid,.site-channel-strategy { grid-template-columns: 1fr; }
  .site-channel-principles { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-solutions-heading.is-row { align-items: flex-start; flex-direction: column; }
  .site-solutions-region .site-list-showcase { grid-template-columns: 1fr; }
  .site-solutions-connectors > .site-container { grid-template-columns: 1fr; gap: 42px; }
  .site-solutions-final > .site-container { align-items: flex-start; flex-direction: column; }
  .site-solutions-final nav { flex-wrap: wrap; }
  .site-channel-about .site-block-hero .site-hero,.site-channel-insights .site-block-hero .site-hero { grid-template-columns: minmax(0,1fr); min-height: 0; padding: 64px 28px 32px; gap: 42px; }
  .site-channel-about .site-block-hero .site-hero h1,.site-channel-insights .site-block-hero .site-hero h1 { font-size: clamp(30px,8vw,40px); white-space: normal; overflow-wrap: normal; }
  .site-model-docs-map { grid-template-columns: 1fr; }
  .site-model-docs-map > i { transform: rotate(90deg); }
  .site-model-docs-map > div { min-height: 0; }
  .site-docs-index-hero { padding: 54px 0; }
  .site-docs-hero-layout { grid-template-columns: 1fr; gap: 38px; }
  .site-docs-index-hero .site-container,.site-docs-module-directory .site-container { width: calc(100% - 40px); }
  .site-docs-module-grid { grid-template-columns: 1fr; }
  .site-channel-team .site-block-hero .site-hero { grid-template-columns: 1fr; min-height: 0; padding: 64px 28px 32px; gap: 42px; }
  .site-channel-team .site-block-hero .site-hero h1 { font-size: clamp(43px,11vw,62px); }
  .site-team-map-canvas { min-height: 360px; }
  .site-channel-team .site-block-rich_text { padding: 72px 0; }
  .site-channel-team .site-block-rich_text .site-prose { width: calc(100% - 40px); }
  .site-team-intro,.site-join-flow { grid-template-columns: 1fr; gap: 38px; }
  .site-team-now-grid { grid-template-columns: 1fr; }
  .site-footer-invite { grid-template-columns: 1fr; gap: 32px; padding: 64px 0; }
  .site-footer-main { grid-template-columns: 1fr; gap: 46px; }
  .site-footer > .site-container { width: calc(100% - 24px); }
  .site-footer-start { grid-template-columns: 1fr; gap: 36px; padding: 42px 30px 30px; border-radius: 20px; }
  .site-footer-directory { grid-template-columns: 1fr; gap: 46px; padding: 62px 10px 48px; }
  .site-footer .site-footer-bottom { grid-template-columns: 1fr; gap: 12px; padding: 20px 10px; }
  .site-footer .site-footer-bottom nav { justify-content: flex-start; }
}

@media (max-width: 520px) {
  .site-solutions-hero-copy { overflow-wrap: anywhere; }
  .site-channel-home .site-block-hero .site-hero:not(.has-media),
  .site-channel-home .site-region-hero .site-hero:not(.has-media) { padding: 54px 22px 24px; }
  .site-channel-home .site-block-hero .site-hero h1,
  .site-channel-home .site-region-hero .site-hero h1 { font-size: 43px; }
  .site-home-visual.site-content-blueprint { padding: 13px; }
  .site-blueprint-source { align-items: flex-start; flex-direction: column; }
  .site-content-blueprint .site-home-destinations { grid-template-columns: 1fr 1fr; }
  .site-project-story-chapters article { grid-template-columns: 1fr; }
  .site-project-story-chapters article p { grid-column: auto; }
  .site-admin-preview-body { grid-template-columns: 76px 1fr; }
  .site-admin-preview aside { padding-inline: 7px; }
  .site-admin-preview aside strong { font-size: 0; }
  .site-admin-preview aside span { padding-inline: 6px; font-size: 0; }
  .site-admin-preview aside span::first-letter { font-size: 11px; }
  .site-admin-preview :is(.site-admin-preview-content,main) { padding: 13px; }
  .site-admin-metrics { grid-template-columns: 1fr 1fr; }
  .site-admin-metrics span:last-child { display: none; }
  .site-admin-table > div { grid-template-columns: 1.3fr .7fr; }
  .site-admin-table i:last-child { display: none; }
  .site-solutions-hero dl { grid-template-columns: 1fr; }
  .site-solutions-system { padding: 13px; }
  .site-solutions-system-outputs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-experience-surfaces,.site-channel-principles { grid-template-columns: 1fr; }
  .site-experience-surfaces article { min-height: 205px; }
  .site-channel-plan { padding: 18px; }
  .site-channel-plan li { grid-template-columns: 30px 1fr; }
  .site-channel-plan li em { display: none; }
  .site-solutions-final nav { width: 100%; flex-direction: column; }
  .site-solutions-final a { width: 100%; }
  .site-open-system-canvas { min-height: 350px; }
  .site-open-system-canvas::after { width: 280px; height: 280px; }
  .site-edition-branches { grid-template-columns: 1fr; }
  .site-edition-branches > i { transform: rotate(90deg); }
  .site-model-docs-section { gap: 36px; }
  .site-team-map-canvas article { min-width: 112px; padding: 10px; }
  .site-team-map-canvas .is-maintainer { left: 0; }
  .site-team-map-canvas .is-contributor { right: 0; }
  .site-team-map-canvas .is-user { right: 12px; }
  .site-team-values,.site-contribution-grid { grid-template-columns: 1fr; }
  .site-team-now-grid article { grid-template-columns: 1fr; }
  .site-footer-groups { grid-template-columns: 1fr 1fr; row-gap: 32px; }
  .site-footer-bottom nav { justify-content: flex-start; }
  .site-footer-start { padding: 36px 22px 22px; }
  .site-footer-start h2 { font-size: 37px; }
  .site-footer-start-copy nav { flex-direction: column; }
  .site-footer-start-copy nav a { width: 100%; }
  .site-footer-start-path { padding: 13px; }
  .site-footer-directory .site-footer-groups { grid-template-columns: 1fr 1fr; gap: 34px 24px; }
  .site-footer-directory .site-footer-groups > div:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  .site-footer-directory .site-footer-groups > div:first-child strong { grid-column: 1 / -1; }
  .site-docs-model-card dl { grid-template-columns: 1fr 1fr 1fr; }
  .site-docs-model-card dl div { padding: 10px; }
  .site-docs-model-card dt { font-size: 20px; }
}