.elementor-1054 .elementor-element.elementor-element-9eeceb3{--grid-columns:3;--grid-row-gap:32px;--grid-column-gap:32px;}.elementor-1054 .elementor-element.elementor-element-98f15b6{--grid-columns:3;--grid-row-gap:32px;--grid-column-gap:32px;}.elementor-1054 .elementor-element.elementor-element-051b77b{--grid-columns:6;--grid-row-gap:1.75rem;--grid-column-gap:1.5rem;}.elementor-1054 .elementor-element.elementor-element-819f297{--grid-columns:7;--grid-row-gap:1rem;--grid-column-gap:1rem;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1054 .elementor-element.elementor-element-9eeceb3{--grid-columns:2;}.elementor-1054 .elementor-element.elementor-element-98f15b6{--grid-columns:2;}.elementor-1054 .elementor-element.elementor-element-051b77b{--grid-columns:4;}.elementor-1054 .elementor-element.elementor-element-819f297{--grid-columns:5;}}@media(max-width:767px){.elementor-1054 .elementor-element.elementor-element-9eeceb3{--grid-columns:1;}.elementor-1054 .elementor-element.elementor-element-98f15b6{--grid-columns:1;}.elementor-1054 .elementor-element.elementor-element-051b77b{--grid-columns:2;}.elementor-1054 .elementor-element.elementor-element-819f297{--grid-columns:4;}}/* Start custom CSS *//* Page-scoped styles for this reference doc only — not part of the design system itself */
  body .elementor.elementor :is(.ds-section,[data-c~="ds-section"]) { padding-block: clamp(2.5rem, 5vw, 4rem); border-bottom: 1px solid rgba(20,22,24,0.1); }
  body .elementor.elementor :is(.ds-section,[data-c~="ds-section"]):last-of-type { border-bottom: none; }
  body .elementor.elementor :is(.ds-kicker,[data-c~="ds-kicker"]) { font-family: var(--font-sans); font-weight: 700; font-size: 0.8rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-blue-link); margin-bottom: 0.5rem; }
  body .elementor.elementor :is(.ds-intro,[data-c~="ds-intro"]) { font-family: var(--font-sans); color: var(--color-gray-700); max-width: 70ch; margin-top: 1rem; line-height: 1.7; }
  body .elementor.elementor :is(.ds-grid,[data-c~="ds-grid"]) {margin-top: 2rem;}
  body .elementor.elementor :is(.ds-swatch,[data-c~="ds-swatch"]) { border: 2px solid var(--color-dark); border-radius: 12px; overflow: hidden; }
  body .elementor.elementor :is(.ds-swatch__color,[data-c~="ds-swatch__color"]) { height: 80px; }
  body .elementor.elementor :is(.ds-swatch__meta,[data-c~="ds-swatch__meta"]) { padding: 0.75rem 1rem; font-family: var(--font-sans); background: var(--color-white); }
  body .elementor.elementor :is(.ds-swatch__name,[data-c~="ds-swatch__name"]) { font-weight: 700; font-size: 0.85rem; }
  body .elementor.elementor :is(.ds-swatch__hex,[data-c~="ds-swatch__hex"]) { font-family: var(--font-mono, monospace); font-size: 0.8rem; color: var(--color-gray-500); text-transform: uppercase; }
  body .elementor.elementor :is(.ds-type-row,[data-c~="ds-type-row"]) { display: flex; flex-wrap: wrap; align-items: baseline; gap: 1.5rem; padding-block: 1.5rem; border-top: 1px dashed rgba(20,22,24,0.15); }
  body .elementor.elementor :is(.ds-type-row,[data-c~="ds-type-row"]):first-of-type { border-top: none; }
  body .elementor.elementor :is(.ds-type-label,[data-c~="ds-type-label"]) { flex: 0 0 220px; font-family: var(--font-sans); font-size: 0.85rem; color: var(--color-gray-500); }
  body .elementor.elementor :is(.ds-type-label,[data-c~="ds-type-label"]) :is(code,[data-t="code"]) { display: block; font-weight: 700; color: var(--color-dark); font-size: 0.9rem; margin-bottom: 0.25rem; }
  body .elementor.elementor :is(.ds-type-sample,[data-c~="ds-type-sample"]) { flex: 1 1 320px; }
  body .elementor.elementor :is(.ds-code-tag,[data-c~="ds-code-tag"],[data-c~="ds-intro"] > span) { display: inline-block; background: var(--color-offwhite); border: 1px solid rgba(20,22,24,0.15); border-radius: 6px; padding: 0.1rem 0.5rem; font-family: var(--font-mono, monospace); font-size: 0.75rem; margin-left: 0.5rem; color: var(--color-gray-700); }
  body .elementor.elementor :is(.ds-component-block,[data-c~="ds-component-block"]) { margin-top: 2rem; }
  body .elementor.elementor :is(.ds-component-block,[data-c~="ds-component-block"]) + :is(.ds-component-block,[data-c~="ds-component-block"]) { margin-top: 3rem; }
  body .elementor.elementor :is(.ds-component-block,[data-c~="ds-component-block"]) h3 { font-family: var(--font-sans); font-weight: 700; font-size: 1rem; margin-bottom: 1rem; }
  body .elementor.elementor :is(.ds-row,[data-c~="ds-row"]) { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
  body .elementor.elementor :is(.ds-motion-item,[data-c~="ds-motion-item"]) { display: flex; flex-direction: column; gap: 0.5rem; font-family: var(--font-sans); }
  body .elementor.elementor :is(.ds-motion-item,[data-c~="ds-motion-item"]) :is(strong,[data-t="strong"]) { font-size: 0.95rem; }
  body .elementor.elementor :is(.ds-motion-item,[data-c~="ds-motion-item"]) span { color: var(--color-gray-500); font-size: 0.85rem; line-height: 1.5; }
  body .elementor.elementor :is(.ds-nav,[data-c~="ds-nav"]) { position: sticky; top: 0; z-index: 50; background: var(--color-white); border-bottom: 2px solid var(--color-dark); }
  body .elementor.elementor :is(.ds-nav__inner,[data-c~="ds-nav__inner"]) { display: flex; gap: 1.5rem; overflow-x: auto; padding: 1rem var(--gutter); font-family: var(--font-sans); font-size: 0.9rem; font-weight: 600; }
  body .elementor.elementor :is(.ds-nav__inner,[data-c~="ds-nav__inner"]) a { white-space: nowrap; color: var(--color-gray-700); }
  body .elementor.elementor :is(.ds-nav__inner,[data-c~="ds-nav__inner"]) a:hover { color: var(--color-orange); }

/* style="" attributes of the source HTML (atomic widgets cannot carry inline styles) */
body .elementor.elementor [data-s="s1"][data-s="s1"] { margin-bottom:0; }
body .elementor.elementor [data-s="s2"][data-s="s2"] { font-size: clamp(1.6rem,3.2vw,2.6rem); }
body .elementor.elementor [data-s="s3"][data-s="s3"] { font-family: var(--font-display); font-weight:400; font-size: clamp(2.5rem,6vw,5rem); line-height:1.05; margin:0; }
body .elementor.elementor [data-s="s4"][data-s="s4"] { font-family: var(--font-display); font-weight:400; font-size: clamp(1.75rem,3.6vw,3.25rem); line-height:1.15; margin:0; }
body .elementor.elementor [data-s="s5"][data-s="s5"] { font-family: var(--font-sans); font-weight:400; font-size: 2rem; margin:0; }
body .elementor.elementor [data-s="s6"][data-s="s6"] { margin:0; }
body .elementor.elementor [data-s="s7"][data-s="s7"] { font-family: var(--font-sans); font-size: 1.1rem; line-height:1.7; max-width: 52ch; margin:0; color: var(--color-gray-700); }
body .elementor.elementor [data-s="s8"][data-s="s8"] { font-family: var(--font-article); font-size: 1rem; line-height:1.75; max-width: 65ch; margin:0; color: var(--color-gray-700); }
body .elementor.elementor [data-s="s9"][data-s="s9"] { font-family: var(--font-sans); font-weight:700; font-size:0.85rem; letter-spacing:0.03em; text-transform:uppercase; margin:0; }
body .elementor.elementor [data-s="s10"][data-s="s10"] { margin-top: 2.5rem; }
body .elementor.elementor [data-s="s11"][data-s="s11"] { font-size: clamp(1.6rem,3.2vw,2.6rem); }
body .elementor.elementor [data-s="s12"][data-s="s12"] { background: var(--color-orange); }
body .elementor.elementor [data-s="s13"][data-s="s13"] { background: var(--color-dark); }
body .elementor.elementor [data-s="s14"][data-s="s14"] { background: var(--color-navy); }
body .elementor.elementor [data-s="s15"][data-s="s15"] { background: var(--color-teal); }
body .elementor.elementor [data-s="s16"][data-s="s16"] { background: var(--color-blue-link); }
body .elementor.elementor [data-s="s17"][data-s="s17"] { background: var(--color-blue-pale); }
body .elementor.elementor [data-s="s18"][data-s="s18"] { background: var(--color-pink-tag); }
body .elementor.elementor [data-s="s19"][data-s="s19"] { background: var(--color-yellow-tag); }
body .elementor.elementor [data-s="s20"][data-s="s20"] { background: var(--color-cyan-tag); }
body .elementor.elementor [data-s="s21"][data-s="s21"] { background: var(--color-offwhite); }
body .elementor.elementor [data-s="s22"][data-s="s22"] { background: var(--color-gray-700); }
body .elementor.elementor [data-s="s23"][data-s="s23"] { background: var(--color-gray-500); }
body .elementor.elementor [data-s="s24"][data-s="s24"] { background: var(--color-gray-400); }
body .elementor.elementor [data-s="s25"][data-s="s25"] { font-size: clamp(1.6rem,3.2vw,2.6rem); }
body .elementor.elementor [data-s="s26"][data-s="s26"] { width:0.5rem;height:1.5rem;background:var(--color-orange); }
body .elementor.elementor [data-s="s27"][data-s="s27"] { width:1rem;height:1.5rem;background:var(--color-orange); }
body .elementor.elementor [data-s="s28"][data-s="s28"] { width:1.5rem;height:1.5rem;background:var(--color-orange); }
body .elementor.elementor [data-s="s29"][data-s="s29"] { width:2rem;height:1.5rem;background:var(--color-orange); }
body .elementor.elementor [data-s="s30"][data-s="s30"] { width:2.5rem;height:1.5rem;background:var(--color-orange); }
body .elementor.elementor [data-s="s31"][data-s="s31"] { width:3rem;height:1.5rem;background:var(--color-orange); }
body .elementor.elementor [data-s="s32"][data-s="s32"] { width:5rem;height:1.5rem;background:var(--color-orange); }
body .elementor.elementor [data-s="s33"][data-s="s33"] { margin-top:2rem; display:flex; flex-direction:column; gap:0.75rem; }
body .elementor.elementor [data-s="s34"][data-s="s34"] { font-size: clamp(1.6rem,3.2vw,2.6rem); }
body .elementor.elementor [data-s="s35"][data-s="s35"] { position:static; display:inline-flex; }
body .elementor.elementor [data-s="s36"][data-s="s36"] { max-width: 900px; }
body .elementor.elementor [data-s="s37"][data-s="s37"] { font-size: clamp(1.6rem,3.2vw,2.6rem); }

/* design-system component samples (merge_design_system.py) */
body .elementor.elementor [data-s="dsx1"][data-s="dsx1"] { max-width: 900px; }
body .elementor.elementor [data-s="dsx2"][data-s="dsx2"] { max-width: 900px; }
body .elementor.elementor [data-s="dsx3"][data-s="dsx3"] { max-width: 900px; }
body .elementor.elementor [data-s="dsx4"][data-s="dsx4"] { max-width: 900px; }
body .elementor.elementor [data-s="dsx5"][data-s="dsx5"] { font-size: clamp(1.6rem,3.2vw,2.6rem); }
body .elementor.elementor [data-s="dsx6"][data-s="dsx6"] { max-width: 900px; }
body .elementor.elementor [data-s="dsx7"][data-s="dsx7"] { font-size: clamp(1.6rem,3.2vw,2.6rem); }
body .elementor.elementor [data-s="dsx8"][data-s="dsx8"] { max-width: 900px; }
body .elementor.elementor [data-s="dsx9"][data-s="dsx9"] { max-width: 900px; }
body .elementor.elementor [data-s="dsx10"][data-s="dsx10"] { max-width: 900px; }
body .elementor.elementor [data-s="dsx11"][data-s="dsx11"] { font-size: clamp(1.6rem,3.2vw,2.6rem); }
body .elementor.elementor [data-s="dsx12"][data-s="dsx12"] { max-width: 900px; }
body .elementor.elementor [data-s="dsx13"][data-s="dsx13"] { font-size: clamp(1.6rem,3.2vw,2.6rem); }
body .elementor.elementor :is(.ds-dark-band,[data-c~="ds-dark-band"]) { margin-top: 1rem; padding: 1.5rem; border-radius: 12px; background: var(--color-navy); }/* End custom CSS */