{"theme":{"palette":{"primary":{"50":"#F7FBFD","100":"#EDF9FF","200":"#D9F1FC","300":"#ADDFF7","400":"#65C8F7","500":"#039BE5","600":"#0F5B99","700":"#28527D","800":"#1B3855","900":"#152B42","main":"#E31921","contrastText":"#FFFFFF"},"secondary":{"50":"#FBE8E6","100":"#FFCABA","200":"#FFA78E","300":"#FF8461","500":"#FF6A3F","600":"#F44719","main":"oklch(55.99% 0.0000 0.0)","contrastText":"#FFFFFF"},"success":{"50":"#DFF4EC","100":"#B1E4D0","200":"#7AD3B2","500":"#13BB89","main":"#13BB89","contrastText":"#FFFFFF"},"info":{"50":"#DEF4FF","100":"#ACE2FF","200":"#70CFFF","500":"#26BCFC","main":"#26BCFC","contrastText":"#172B4D"},"warning":{"50":"#FFF4DF","100":"#FFE3B0","200":"#FFD17C","500":"#FFBF44","main":"#FFBF44","contrastText":"#172B4D"},"error":{"100":"#FFC9CF","200":"#FB9393","300":"#F46668","500":"#FF3A3F","main":"#B42318","contrastText":"#FFFFFF"},"focus":{"100":"#CBC0F7","200":"#A797F2","300":"#806CEF","500":"#5B4CEC","main":"#5B4CEC","dark":"#5B4CEC","contrastText":"#FFFFFF"},"accent1":{"50":"#FBE8E6","100":"#FFCABA","200":"#FFA78E","300":"#FF8461","500":"#FF6A3F","600":"#F44719","main":"#FF6A3F","contrastText":"#FFFFFF"},"accent2":{"50":"#E5F7FB","100":"#BEECF6","200":"#99E0EF","300":"#77D4E7","400":"#62CBE2","500":"#59C3DC","main":"#99E0EF","contrastText":"#172B4D"},"tertiary":{"50":"#E5F7FB","100":"#BEECF6","200":"#99E0EF","300":"#77D4E7","400":"#62CBE2","500":"#59C3DC","main":"#99E0EF","contrastText":"#172B4D"},"grey":{"10":"#FCFEFF","20":"#F5F7FA","30":"#EDF2F7","40":"#E6EEF7","50":"#DEEAF7","60":"#D5E1ED","70":"#C5D0DB","80":"#AFBCC9","90":"#9DADBD","100":"#8C9DAD","200":"#7E8D9C","300":"#6F7C8A","400":"#596775","500":"#505E6B","600":"#44525E","700":"#35434F","800":"#27333D","900":"#263847","A100":"#D5D5D5","A200":"#AAAAAA","A400":"#616161","A700":"#303030"},"action":{"active":"#324C66","hover":"#EFF5FA","selected":"#324C66","selectedText":"#ffffff","disabled":"#E6EEF7","focus":"#324C66"},"background":{"default":"#F9FBFCFF"},"text":{"primary":"#000000FF","secondary":"#666666"},"divider":"#DEEAF7"},"typography":{"fontWeightRegular":400,"fontWeightBold":600,"fontSize":14,"fontFamily":"source-sans-pro.regular","h1":{"fontSize":"32px","@media (max-width:600px)":{"fontSize":"24px","fontWeight":600,"marginLeft":"24px"},"color":"#000000FF"},"h2":{"fontSize":"24px","@media (max-width:600px)":{"fontSize":"20px","fontWeight":600},"color":"#000000FF"},"h3":{"@media (max-width:600px)":{"fontSize":"40px"},"color":"#000000FF"},"h4":{"color":"#000000FF"},"h5":{"color":"#000000FF"},"h6":{"color":"#000000FF"},"subtitle1":{"fontSize":16,"lineHeight":"150%"},"subtitle2":{"fontSize":14,"lineHeight":"150%"},"body1":{"color":"#666666"},"body2":{"fontSize":"14px","lineHeight":"157%","color":"#666666"},"button":{"fontSize":16,"textTransform":"none","height":"48px"},"caption":{"fontSize":"12px","lineHeight":"150%","color":"#666666"},"overline":{"fontSize":12,"lineHeight":"150%","textTransform":"uppercase"},"fontSource":[{"fontFamily":"source-sans-pro.regular","fontStyle":"regular","fontDisplay":"swap","fontWeight":400,"src":"url('https://go.epilot.cloud/designs/20000294/font/source-sans-pro.regular.ttf')"}]},"spacing":4,"shape":{"borderRadius":4},"muiProps":{"MuiCard":{"elevation":1},"MuiAppBar":{"elevation":0,"position":"static","square":true}},"muiOverrides":{"MuiTabs":{"root":{"minHeight":40,"overflow":"visible"},"flexContainer":{"marginTop":"8px","& .Mui-selected path":{"fill":"#E31921"}}},"MuiTabPanel":{"root":{"padding":0,"& .MuiPaper-root":{"borderRadius":"0px 4px 4px 4px"}}},"MuiToggleButton":{"root":{"fontWeight":600,"backgroundColor":"#ffffff","color":"#666666","borderColor":"#C5D0DB !important","height":"32px","&:hover":{"backgroundColor":"#ffffff"},"&$selected":{"backgroundColor":"#E31921 !important","borderColor":"#E31921 !important","borderRight":"1px solid #E31921 !important","&:hover":{"backgroundColor":"#E31921"},"& .MuiToggleButton-label":{"color":"#ffffff"}},"&$disabled":{"backgroundColor":"#E6EEF7","& .MuiToggleButton-label":{"color":"#8C9DAD"}}}},"MuiAutocomplete":{"listbox":{"& li[aria-selected='true']":{"color":"#ffffff"}},"inputRoot":{"&[class*='MuiFilledInput-root']":{"padding":"0 !important"}}},"MuiCardContent":{"root":{"padding":"24px","&:last-child":{"paddingBottom":"24px"}}},"MuiInputBase":{"input":{"boxSizing":"border-box","padding":"22px 12px 6px !important","height":"48px","color":"#666666"}},"MuiAppBar":{"colorPrimary":{"backgroundColor":"#FFFFFF"}},"MuiPaper":{"root":{"backgroundColor":"#FFFFFFFF"}},"MuiFormLabel":{"root":{"whiteSpace":"nowrap","overflow":"hidden","textOverflow":"ellipsis"}},"MuiFormHelperText":{"root":{"whiteSpace":"nowrap"}}},"breakpoints":{"values":{"xs":0,"sm":600,"md":900,"lg":1200,"xl":1920}}},"design":{"id":"e2623462-de54-4ea1-81b4-16017f069bf2","style_name":"TINETZ","style":{"logo":{"main":{"s3_object_key":"designs/20000294/logo/tinetz-1.png","url":"https://go.epilot.cloud/designs/20000294/logo/tinetz-1.png","name":"tinetz-1.png"}},"palette":{"paper":"#FFFFFFFF","navbar":"#FFFFFF","background":"#F9FBFCFF","error":"#B42318","primary":"#E31921","secondary":"oklch(55.99% 0.0000 0.0)"},"typography":{"primary":"#000000FF","secondary":"#666666","font":{"font_name":"source-sans-pro.regular","font_family":"source-sans-pro.regular","font_weight_regular":"400","urls":[{"url":"https://go.epilot.cloud/designs/20000294/font/source-sans-pro.regular.ttf","type":"TTF"}],"font_id":"source-sans-pro.regular","font_weight_bold":"600","font_weight_medium":"500"}}},"journey_design_tokens":{"cashback":"#c6c6c64D","link_color":"#1122CC","accent_color":"#000000","custom_css":"/*\n * TINETZ Custom CSS for epilot Concorde Journeys\n * Version 1.9 - stabile Eingabefelder und nativer Dropdown-Pfeil\n * Basis: TINETZ Mini CD + epilot maintained Concorde tokens/classes\n *\n * Korrekturen:\n * - Eingabefelder werden ausschließlich über unterstützte Tokens gestaltet.\n * - Der native epilot-Pfeil bleibt sichtbar; kein Hintergrund auf fieldset.\n * - Dropdown-IconButtons sind vom allgemeinen Buttondesign ausgenommen.\n *\n * Voraussetzung:\n * - Neues Concorde Design aktivieren.\n * - \"Rockwell\" Regular und \"Source Sans Pro\" im Design Builder bereitstellen.\n * - Falls die Schriften nicht geladen werden, greift der CD-konforme Fallback Arial.\n */\n\n:root {\n  /* TINETZ identity and accessible interaction colors */\n  --tinetz-brand-red: #ed1c24;\n  --tinetz-interaction-red: #e31921;\n  --tinetz-interaction-red-hover: #c8171e;\n  --tinetz-radius-control: 0.5rem;\n  --tinetz-radius-surface: 0.625rem;\n\n  /* TINETZ brand and semantic colors */\n  --concorde-primary-color: var(--tinetz-brand-red);\n  --concorde-primary-color-rgb: 237, 28, 36;\n  /*\n   * epilot nutzt den Accent-Token für BlockHeading, StepHeader und weitere\n   * Überschriften. TINETZ-Titel sind im Light Mode daher bewusst schwarz.\n   */\n  --concorde-accent-color: #000000;\n  --concorde-secondary-color: #c9c5c7;\n  --concorde-secondary-color-rgb: 201, 197, 199;\n  --concorde-error-color: #b42318;\n  --concorde-error-color-rgb: 180, 35, 24;\n  --concorde-disabled-color: #d9d9d9;\n  --concorde-outline: #666666;\n  --concorde-divider-color: #e6e6e6;\n\n  /* Text */\n  --concorde-primary-text: #000000;\n  --concorde-primary-text-rgb: 0, 0, 0;\n  --concorde-secondary-text: #333333;\n  --concorde-secondary-text-rgb: 51, 51, 51;\n  --concorde-disabled-text: #666666;\n  --concorde-disabled-label-text: #666666;\n  --concorde-typography-color: var(--concorde-primary-text);\n\n  /* Surfaces */\n  --concorde-default-background: #f9fbfc;\n  --concorde-default-background-rgb: 249, 251, 252;\n  --concorde-surface-background: #ffffff;\n  --concorde-secondary-surface: #feeff0;\n  --concorde-neutral-surface: #efeeee;\n  --concorde-loading-background: #d9d9d9;\n  --concorde-disabled-background: #e6e6e6;\n\n  /* Typography: bewusst klarere Hierarchie als im Mini-CD */\n  --concorde-font-family: \"Source Sans Pro\", Arial, sans-serif;\n  --concorde-text-3xl: clamp(2.25rem, 2.125rem + 0.5vw, 2.5rem);\n  --concorde-text-2xl: clamp(1.75rem, 1.625rem + 0.5vw, 2rem);\n  --concorde-text-xl: clamp(1.3125rem, 1.25rem + 0.25vw, 1.4375rem);\n  --concorde-text-lg: clamp(1.0625rem, 1.03125rem + 0.125vw, 1.125rem);\n  --concorde-text-base: 1rem;\n  --concorde-text-sm: 0.875rem;\n  --concorde-text-xs: 0.75rem;\n\n  /* Geometry and motion */\n  --concorde-border-radius: var(--tinetz-radius-surface);\n  --concorde-button-border-radius: var(--tinetz-radius-control);\n  --concorde-input-border-radius: var(--tinetz-radius-control);\n  --concorde-datepicker-border-radius: var(--tinetz-radius-surface);\n  --concorde-input-height: 48px;\n  --concorde-transition-effect: 0.2s ease-in-out;\n  --concorde-disabled-opacity: 0.65;\n  --concorde-button-shadow-hover:\n    0 2px 4px rgba(0, 0, 0, 0.08),\n    0 8px 20px rgba(0, 0, 0, 0.1);\n  --concorde-card-shadow:\n    0 1px 2px rgba(0, 0, 0, 0.04),\n    0 10px 30px rgba(0, 0, 0, 0.065);\n  --concorde-card-shadow-hover:\n    0 2px 4px rgba(0, 0, 0, 0.05),\n    0 16px 36px rgba(0, 0, 0, 0.1);\n  --tinetz-focus-ring: var(--tinetz-brand-red);\n\n  /* Journey layout */\n  --concorde-custom-layout-max-width: 1120px;\n  --concorde-topbar-background: #ffffff;\n  --concorde-topbar-height: 76px;\n  --concorde-topbar-logo-alignment: flex-start;\n  --concorde-logo-size: 52px;\n\n  /* Buttons: slightly darker interaction red ensures white text meets WCAG AA */\n  --concorde-button-default-text: #ffffff;\n  --concorde-primary-button-background-color: var(\n    --tinetz-interaction-red\n  );\n  --concorde-primary-button-text-color: #ffffff;\n  --concorde-primary-button-hover-bg-color: var(\n    --tinetz-interaction-red-hover\n  );\n  --concorde-primary-button-hover-text-color: #ffffff;\n  --concorde-outlined-button-border-color: var(--tinetz-brand-red);\n  --concorde-outlined-button-text-color: var(--tinetz-interaction-red);\n  --concorde-outlined-button-hover-bg-color: #feeff0;\n  --concorde-outlined-button-hover-text-color: var(\n    --tinetz-interaction-red-hover\n  );\n  --concorde-ghost-button-background-color: transparent;\n  --concorde-ghost-button-text-color: var(--tinetz-interaction-red);\n  --concorde-ghost-button-hover-bg-color: #feeff0;\n  --concorde-ghost-button-hover-text-color: var(\n    --tinetz-interaction-red-hover\n  );\n  --concorde-button-height: 48px;\n\n  /* Cards and product tiles */\n  --concorde-card-background-color: #ffffff;\n  --concorde-card-hover-background-color: #ffffff;\n  --concorde-card-custom-shadow: var(--concorde-card-shadow);\n  --concorde-card-border-color: #e6e6e6;\n  --concorde-product-tile-background-color: #ffffff;\n  --concorde-product-tile-hover-background-color: #ffffff;\n  --concorde-summary-block-bg-color: #feeff0;\n\n  /* Form and selection controls */\n  --concorde-input-color: #000000;\n  --concorde-input-background-color: #ffffff;\n  --concorde-input-border-color: #666666;\n  --concorde-input-error-color: var(--concorde-error-color);\n  --concorde-input-label-color: #333333;\n  --concorde-checkbox-unchecked-color: #666666;\n  --concorde-checkbox-error-color: var(--concorde-error-color);\n  --concorde-checkbox-label-color: #000000;\n  --concorde-radio-unchecked-color: #666666;\n  --concorde-radio-error-color: var(--concorde-error-color);\n  --concorde-radio-label-color: #000000;\n  --concorde-switch-unchecked-color: #666666;\n  --concorde-switch-unchecked-background-color: #e6e6e6;\n  --concorde-toggle-button-border-color: var(--tinetz-brand-red);\n  --concorde-toggle-button-selected-bg-color: var(\n    --tinetz-interaction-red\n  );\n  --concorde-toggle-button-selected-text-color: #ffffff;\n  --concorde-toggle-button-hover-bg-color: #feeff0;\n  --concorde-toggle-button-hover-text-color: var(\n    --tinetz-interaction-red-hover\n  );\n\n  /* Links, menus, progress and supporting components */\n  --concorde-link-color: #b41218;\n  --concorde-link-hover-color: #9e1016;\n  --concorde-menu-bg-color: #ffffff;\n  --concorde-menu-item-hover-color: #000000;\n  --concorde-menu-item-hover-bg-color: #feeff0;\n  --concorde-menu-item-selected-color: #000000;\n  --concorde-menu-item-selected-bg-color: #fababd;\n  --concorde-linear-progress-background-color: #fababd;\n  --concorde-linear-progress-height: 4px;\n  --concorde-mobile-stepper-color: #000000;\n  --concorde-mobile-stepper-background-color: #ffffff;\n  --concorde-mobile-stepper-step-background-color: #e6e6e6;\n  --concorde-mobile-stepper-active-step-background-color: var(\n    --tinetz-brand-red\n  );\n  --concorde-datepicker-calendar-bg-color: #ffffff;\n  --concorde-datepicker-day-color: #333333;\n  --concorde-datepicker-day-name-color: #333333;\n  --concorde-datepicker-selected-color: #ffffff;\n  --concorde-datepicker-selected-bg-color: var(\n    --tinetz-interaction-red\n  );\n  --concorde-chip-background-color: #eeeeee;\n  --concorde-chip-hover-background-color: #e6e6e6;\n  --concorde-chip-text-color: #333333;\n  --concorde-chip-hover-text-color: #000000;\n  --concorde-chip-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n  --concorde-dropzone-accepted-color: #e7f4e8;\n  --concorde-dropzone-rejected-color: #fde8e9;\n  --concorde-dropzone-active-background-color: #fcd0d2;\n\n  /* Explicit dark-mode tokens */\n  --concorde-primary-color-dark: #ff7a7f;\n  --concorde-primary-color-rgb-dark: 255, 122, 127;\n  --concorde-accent-color-dark: #f9fbfc;\n  --concorde-secondary-color-dark: #d9d9d9;\n  --concorde-secondary-color-rgb-dark: 217, 217, 217;\n  --concorde-error-color-dark: #ff8a8f;\n  --concorde-error-color-rgb-dark: 255, 138, 143;\n  --concorde-disabled-color-dark: #666666;\n  --concorde-outline-dark: #b2b2b2;\n  --concorde-divider-color-dark: #3a3a3a;\n\n  --concorde-primary-text-dark: #f9fbfc;\n  --concorde-primary-text-rgb-dark: 249, 251, 252;\n  --concorde-secondary-text-dark: #d9d9d9;\n  --concorde-secondary-text-rgb-dark: 217, 217, 217;\n  --concorde-disabled-text-dark: #b2b2b2;\n  --concorde-disabled-label-text-dark: #b2b2b2;\n\n  --concorde-default-background-dark: #121212;\n  --concorde-default-background-rgb-dark: 18, 18, 18;\n  --concorde-surface-background-dark: #1e1e1e;\n  --concorde-neutral-surface-dark: #333333;\n  --concorde-loading-background-dark: #3a3a3a;\n  --concorde-disabled-background-dark: #2a2a2a;\n  --concorde-topbar-background-dark: #121212;\n  --concorde-product-tile-background-color-dark: #1e1e1e;\n  --concorde-card-default-background-dark: #1e1e1e;\n  --concorde-card-border-color-dark: #3a3a3a;\n  --concorde-input-background-color-dark: #1e1e1e;\n  --concorde-input-color-dark: #f9fbfc;\n  --concorde-input-label-color-dark: #d9d9d9;\n  --concorde-input-border-color-dark: #b2b2b2;\n\n  --concorde-checkbox-label-color-dark: #f9fbfc;\n  --concorde-checkbox-unchecked-color-dark: #b2b2b2;\n  --concorde-radio-label-color-dark: #f9fbfc;\n  --concorde-radio-unchecked-color-dark: #b2b2b2;\n  --concorde-switch-unchecked-color-dark: #b2b2b2;\n  --concorde-switch-unchecked-background-color-dark: #333333;\n\n  --concorde-primary-button-background-color-dark: var(\n    --tinetz-interaction-red\n  );\n  --concorde-primary-button-text-color-dark: #ffffff;\n  --concorde-primary-button-hover-bg-color-dark: var(\n    --tinetz-interaction-red-hover\n  );\n  --concorde-primary-button-hover-text-color-dark: #ffffff;\n  --concorde-outlined-button-border-color-dark: #ff7a7f;\n  --concorde-outlined-button-text-color-dark: #ff7a7f;\n  --concorde-outlined-button-hover-bg-color-dark: #3a1114;\n  --concorde-outlined-button-hover-text-color-dark: #ffd7d8;\n  --concorde-ghost-button-text-color-dark: #ff7a7f;\n  --concorde-ghost-button-hover-bg-color-dark: #3a1114;\n  --concorde-ghost-button-hover-text-color-dark: #ffd7d8;\n\n  --concorde-toggle-button-border-color-dark: #ff7a7f;\n  --concorde-toggle-button-selected-bg-color-dark: var(\n    --tinetz-interaction-red\n  );\n  --concorde-toggle-button-selected-text-color-dark: #ffffff;\n  --concorde-toggle-button-hover-bg-color-dark: #3a1114;\n  --concorde-toggle-button-hover-text-color-dark: #ffd7d8;\n  --concorde-link-color-dark: #ff7a7f;\n  --concorde-link-hover-color-dark: #ffa6a9;\n  --concorde-menu-item-hover-color-dark: #f9fbfc;\n  --concorde-menu-item-hover-bg-color-dark: #333333;\n  --concorde-menu-item-selected-color-dark: #ffffff;\n  --concorde-menu-item-selected-bg-color-dark: #65151a;\n  --concorde-summary-block-bg-color-dark: #341317;\n  --concorde-datepicker-selected-color-dark: #ffffff;\n  --concorde-datepicker-selected-bg-color-dark: var(\n    --tinetz-interaction-red\n  );\n  --concorde-chip-background-color-dark: #2a2a2a;\n  --concorde-chip-hover-background-color-dark: #333333;\n  --concorde-chip-text-color-dark: #f9fbfc;\n  --concorde-chip-hover-text-color-dark: #ffffff;\n}\n\n/* Base typography */\nbody {\n  font-family: var(--concorde-font-family);\n  font-size: var(--concorde-text-base);\n  line-height: 1.55;\n  color: var(--concorde-primary-text);\n  background-color: var(--concorde-default-background);\n  overflow-wrap: break-word;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n::selection {\n  color: #000000;\n  background-color: #fababd;\n}\n\n/*\n * Titelhierarchie:\n * Die Concorde-Typography-Klasse wird auch in der Design-Builder-Vorschau\n * außerhalb eines .Concorde-Step verwendet. Deshalb werden beide stabilen\n * Strukturen angesprochen.\n */\nh1.Concorde-Typography,\nh2.Concorde-Typography,\n.Concorde-Step h1,\n.Concorde-Step h2 {\n  font-family: \"Rockwell\", Arial, sans-serif;\n  font-weight: 400;\n  letter-spacing: -0.01em;\n  color: #000000 !important;\n  overflow-wrap: anywhere;\n}\n\nh1.Concorde-Typography,\n.Concorde-Step h1 {\n  font-size: var(--concorde-text-3xl) !important;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n}\n\nh2.Concorde-Typography,\n.Concorde-Step h2 {\n  font-size: var(--concorde-text-2xl) !important;\n  line-height: 1.12;\n}\n\nh3.Concorde-Typography,\nh4.Concorde-Typography,\n.Concorde-Step h3,\n.Concorde-Step h4 {\n  font-family: var(--concorde-font-family);\n  font-weight: 700;\n  color: #000000 !important;\n  overflow-wrap: anywhere;\n}\n\nh3.Concorde-Typography,\n.Concorde-Step h3 {\n  font-size: var(--concorde-text-xl) !important;\n  line-height: 1.2;\n  letter-spacing: 0.035em;\n}\n\nh4.Concorde-Typography,\n.Concorde-Step h4 {\n  font-size: var(--concorde-text-lg) !important;\n  line-height: 1.25;\n  letter-spacing: 0.02em;\n}\n\nh5.Concorde-Typography,\nh6.Concorde-Typography,\n.Concorde-Step h5,\n.Concorde-Step h6,\n.Concorde-BlockHeading {\n  color: #000000 !important;\n}\n\n/*\n * Von epilot erzeugte Blocktitel bleiben in Rockwell, sind aber klar\n * unterhalb eines Journey-/Seitentitels eingeordnet.\n */\n.Concorde-BlockHeading h3,\n.Concorde-BlockHeading h4 {\n  font-family: \"Rockwell\", Arial, sans-serif;\n  font-weight: 400;\n  letter-spacing: -0.01em;\n  text-transform: none;\n  color: #000000 !important;\n}\n\n.Concorde-BlockHeading h3 {\n  font-size: clamp(1.5rem, 1.4375rem + 0.25vw, 1.625rem) !important;\n  line-height: 1.15;\n}\n\n.Concorde-BlockHeading h4 {\n  font-size: clamp(1.1875rem, 1.15625rem + 0.125vw, 1.25rem) !important;\n  line-height: 1.2;\n}\n\n.Concorde-Step h5,\n.Concorde-Step h6 {\n  font-family: var(--concorde-font-family);\n  font-weight: 600;\n}\n\n.Concorde-Step h6 {\n  line-height: 1.25;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n/* TINETZ button language */\n.Concorde-Button:not(.Concorde-IconButton) {\n  min-height: 48px;\n  max-width: 100%;\n  padding: 0.8125rem 1.5rem;\n  border-radius: var(--concorde-button-border-radius) !important;\n  font-family: var(--concorde-font-family);\n  font-size: 0.875rem;\n  font-weight: 700;\n  line-height: 1.25;\n  letter-spacing: 0.08em;\n  text-align: center;\n  text-transform: uppercase;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  background-clip: padding-box;\n  transition:\n    color var(--concorde-transition-effect),\n    background-color var(--concorde-transition-effect),\n    border-color var(--concorde-transition-effect),\n    box-shadow var(--concorde-transition-effect),\n    transform var(--concorde-transition-effect);\n}\n\n.Concorde-Button:not(.Concorde-IconButton):active {\n  transform: translateY(0);\n}\n\n.Concorde-Button:not(.Concorde-IconButton):disabled,\n.Concorde-Button:not(.Concorde-IconButton)[aria-disabled=\"true\"] {\n  cursor: not-allowed;\n  box-shadow: none;\n  transform: none;\n}\n\n.Concorde-Link {\n  color: var(--concorde-link-color);\n  text-decoration-line: underline;\n  text-decoration-thickness: 0.08em;\n  text-underline-offset: 0.2em;\n}\n\n.Concorde-Link:hover {\n  color: var(--concorde-link-hover-color);\n}\n\n/* Modern surfaces with restrained radii and depth */\n.Concorde-Topbar {\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n  background-color: var(--concorde-topbar-background);\n  border-bottom: 1px solid var(--concorde-divider-color);\n  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.04);\n}\n\n.Concorde-Card,\n.Concorde-ProductTile {\n  min-width: 0;\n  border-radius: var(--concorde-border-radius) !important;\n  overflow-wrap: anywhere;\n  background-clip: padding-box;\n  transition:\n    background-color var(--concorde-transition-effect),\n    border-color var(--concorde-transition-effect),\n    box-shadow var(--concorde-transition-effect),\n    transform var(--concorde-transition-effect);\n}\n\n.Concorde-Image {\n  max-width: 100%;\n  height: auto;\n}\n\n.Concorde-Menu,\n.Concorde-DatePicker,\n.Concorde-Modal,\n.Concorde-PopoverContent {\n  border-radius: var(--tinetz-radius-surface) !important;\n  background-clip: padding-box;\n  box-shadow:\n    0 4px 12px rgba(0, 0, 0, 0.08),\n    0 18px 40px rgba(0, 0, 0, 0.12);\n}\n\n.Concorde-UploadZone {\n  border-radius: var(--tinetz-radius-surface) !important;\n  background-clip: padding-box;\n  transition:\n    background-color var(--concorde-transition-effect),\n    border-color var(--concorde-transition-effect),\n    box-shadow var(--concorde-transition-effect);\n}\n\n.Concorde-Chip {\n  border-radius: 9999px;\n  transition:\n    color var(--concorde-transition-effect),\n    background-color var(--concorde-transition-effect),\n    box-shadow var(--concorde-transition-effect);\n}\n\n.Concorde-LinearProgress {\n  overflow: hidden;\n  border-radius: 9999px;\n}\n\n/*\n * Eingabefelder:\n * Form, Radius, Hintergrund und Rahmen kommen aus den offiziellen Input-Tokens.\n * Das absolut platzierte epilot-fieldset erhält bewusst keinen Hintergrund,\n * damit End-Dekorationen wie der Dropdown-Pfeil nicht überdeckt werden.\n */\n.Concorde-Input input,\n.Concorde-Input textarea,\n.Concorde-Input select,\n.Concorde-Textarea textarea,\n.Concorde-TextField input,\n.Concorde-Autocomplete [role=\"combobox\"],\n.Concorde-DropdownX [role=\"combobox\"] {\n  color: #000000 !important;\n  caret-color: #000000;\n  -webkit-text-fill-color: #000000 !important;\n}\n\n.Concorde-Input input:-webkit-autofill,\n.Concorde-Input input:-webkit-autofill:hover,\n.Concorde-Input input:-webkit-autofill:focus,\n.Concorde-Input input:-webkit-autofill:active {\n  color: #000000 !important;\n  -webkit-text-fill-color: #000000 !important;\n}\n\n.Concorde-Input input::placeholder,\n.Concorde-Input textarea::placeholder,\n.Concorde-Textarea textarea::placeholder,\n.Concorde-TextField input::placeholder,\n.Concorde-Autocomplete [role=\"combobox\"]::placeholder,\n.Concorde-DropdownX [role=\"combobox\"]::placeholder {\n  color: #666666 !important;\n  opacity: 1;\n  -webkit-text-fill-color: #666666 !important;\n}\n\n/*\n * Dropdown und Autocomplete:\n * epilot darf den nativen ExpandIcon-Pfeil vollständig selbst rendern.\n * Nur der umgebende IconButton wird von den großflächigen Button-Regeln\n * isoliert, damit kein permanenter roter Innenrahmen entsteht.\n */\n.Concorde-DropdownX,\n.Concorde-Autocomplete {\n  --concorde-icon-color: var(--tinetz-brand-red);\n  --concorde-icon-hover-color: var(--tinetz-interaction-red-hover);\n  --concorde-outlined-button-border-color: transparent;\n}\n\n.Concorde-DropdownX .Concorde-IconButton,\n.Concorde-Autocomplete .Concorde-IconButton {\n  width: 44px;\n  min-width: 44px;\n  min-height: 44px;\n  padding: 0 !important;\n  background-color: transparent !important;\n  border-color: transparent !important;\n  border-radius: 0.375rem !important;\n  box-shadow: none !important;\n  letter-spacing: normal;\n  text-transform: none;\n  transform: none !important;\n}\n\n.Concorde-DropdownX .Concorde-ExpandIcon,\n.Concorde-Autocomplete .Concorde-ExpandIcon {\n  color: var(--concorde-icon-color);\n}\n\n.Concorde-DropdownX .Concorde-ExpandIcon:focus-visible,\n.Concorde-Autocomplete .Concorde-ExpandIcon:focus-visible {\n  outline: 2px solid var(--tinetz-focus-ring);\n  outline-offset: 3px;\n  border-radius: 2px;\n}\n\n.Concorde-Paragraph-Block blockquote {\n  margin-inline: 0;\n  padding: 0.875rem 1rem;\n  color: var(--concorde-secondary-text);\n  background-color: var(--concorde-secondary-surface);\n  border-inline-start: 3px solid var(--tinetz-brand-red);\n  border-radius: 0 var(--tinetz-radius-control)\n    var(--tinetz-radius-control) 0;\n}\n\n/*\n * Auswahl-Buttons:\n * - Rahmen im originalen TINETZ-Rot\n * - Text minimal dunkler für WCAG AA bei kleiner Schrift\n * - unselektierter Zustand bewusst weiß und ruhig\n */\n.Concorde-SingleChoice-Block\n  .Concorde-Button:not(.Concorde-IconButton),\n.Concorde-MultipleChoice-Button-Block\n  .Concorde-Button:not(.Concorde-IconButton) {\n  --concorde-button-background-color: #ffffff;\n  --concorde-button-label-color: var(--tinetz-interaction-red);\n  --concorde-button-hover-bg-color: #feeff0;\n  --concorde-button-active-bg-color: #fcddde;\n  color: var(--tinetz-interaction-red);\n  background-color: #ffffff;\n  border-color: var(--tinetz-brand-red);\n}\n\n.Concorde-SingleChoice-Block\n  .Concorde-Button:not(.Concorde-IconButton):hover,\n.Concorde-MultipleChoice-Button-Block\n  .Concorde-Button:not(.Concorde-IconButton):hover {\n  color: var(--tinetz-interaction-red-hover);\n  background-color: #feeff0;\n  border-color: var(--tinetz-brand-red);\n}\n\n.Concorde-SingleChoice-Block\n  .Concorde-Button:not(\n    .Concorde-IconButton\n  ).Concorde-SingleChoice-Button__Selected,\n.Concorde-MultipleChoice-Button-Block\n  .Concorde-Button:not(\n    .Concorde-IconButton\n  ).Concorde-MultiChoice-Button__Selected {\n  color: #ffffff;\n  background-color: var(--tinetz-interaction-red);\n  border-color: var(--tinetz-interaction-red);\n  box-shadow: 0 5px 14px rgba(227, 25, 33, 0.22);\n}\n\n.Concorde-SingleChoice-Block\n  .Concorde-Button:not(\n    .Concorde-IconButton\n  ).Concorde-SingleChoice-Button__Selected:hover,\n.Concorde-MultipleChoice-Button-Block\n  .Concorde-Button:not(\n    .Concorde-IconButton\n  ).Concorde-MultiChoice-Button__Selected:hover {\n  color: #ffffff;\n  background-color: var(--tinetz-interaction-red-hover);\n  border-color: var(--tinetz-interaction-red-hover);\n}\n\n@media (hover: hover) {\n  .Concorde-Button:not(.Concorde-IconButton):hover {\n    box-shadow: var(--concorde-button-shadow-hover);\n    transform: translateY(-1px);\n  }\n\n  .Concorde-ProductTile:hover {\n    box-shadow: var(--concorde-card-shadow-hover);\n    transform: translateY(-2px);\n  }\n\n}\n\n/* Visible keyboard focus without removing the browser's accessibility fallback */\n.Concorde-Button:not(.Concorde-IconButton):focus-visible,\n.Concorde-Link:focus-visible,\n.Concorde-IconButton:focus-visible,\n.Concorde-ToggleButton:focus-visible {\n  outline: 2px solid var(--tinetz-focus-ring);\n  outline-offset: 3px;\n}\n\n.Concorde-Checkbox:focus-within,\n.Concorde-Radio:focus-within,\n.Concorde-Switch:focus-within,\n.Concorde-UploadZone:focus-within {\n  outline: 2px solid var(--tinetz-focus-ring);\n  outline-offset: 2px;\n}\n\n/* Explicit dark-mode scope supplied by epilot */\nhtml.Concorde-Dark {\n  color-scheme: dark;\n  color: #f9fbfc;\n  background-color: #121212;\n  --tinetz-focus-ring: #ff7a7f;\n\n  /*\n   * epilot-Komponenten greifen teilweise weiterhin auf die Basis-Tokens zu.\n   * Deshalb werden diese im Dark Mode ausdrücklich auf dunkle Werte umgelegt.\n   */\n  --concorde-primary-color: var(--concorde-primary-color-dark);\n  --concorde-primary-color-rgb: var(--concorde-primary-color-rgb-dark);\n  --concorde-accent-color: var(--concorde-accent-color-dark);\n  --concorde-secondary-color: var(--concorde-secondary-color-dark);\n  --concorde-secondary-color-rgb: var(--concorde-secondary-color-rgb-dark);\n  --concorde-error-color: var(--concorde-error-color-dark);\n  --concorde-error-color-rgb: var(--concorde-error-color-rgb-dark);\n  --concorde-disabled-color: var(--concorde-disabled-color-dark);\n  --concorde-outline: var(--concorde-outline-dark);\n  --concorde-divider-color: var(--concorde-divider-color-dark);\n\n  --concorde-primary-text: var(--concorde-primary-text-dark);\n  --concorde-primary-text-rgb: var(--concorde-primary-text-rgb-dark);\n  --concorde-secondary-text: var(--concorde-secondary-text-dark);\n  --concorde-secondary-text-rgb: var(--concorde-secondary-text-rgb-dark);\n  --concorde-disabled-text: var(--concorde-disabled-text-dark);\n  --concorde-disabled-label-text: var(\n    --concorde-disabled-label-text-dark\n  );\n  --concorde-typography-color: var(--concorde-primary-text-dark);\n\n  --concorde-default-background: var(--concorde-default-background-dark);\n  --concorde-default-background-rgb: var(\n    --concorde-default-background-rgb-dark\n  );\n  --concorde-surface-background: var(--concorde-surface-background-dark);\n  --concorde-secondary-surface: #2a2a2a;\n  --concorde-neutral-surface: var(--concorde-neutral-surface-dark);\n  --concorde-loading-background: var(--concorde-loading-background-dark);\n  --concorde-disabled-background: var(--concorde-disabled-background-dark);\n  --concorde-topbar-background: var(--concorde-topbar-background-dark);\n\n  --concorde-card-background-color: var(\n    --concorde-card-default-background-dark\n  );\n  --concorde-card-hover-background-color: #242424;\n  --concorde-card-border-color: var(--concorde-card-border-color-dark);\n  --concorde-card-custom-shadow:\n    0 1px 2px rgba(0, 0, 0, 0.35),\n    0 10px 30px rgba(0, 0, 0, 0.28);\n  --concorde-product-tile-background-color: var(\n    --concorde-product-tile-background-color-dark\n  );\n  --concorde-product-tile-hover-background-color: #242424;\n  --concorde-summary-block-bg-color: var(\n    --concorde-summary-block-bg-color-dark\n  );\n\n  --concorde-input-color: var(--concorde-input-color-dark);\n  --concorde-input-background-color: var(\n    --concorde-input-background-color-dark\n  );\n  --concorde-input-border-color: var(--concorde-input-border-color-dark);\n  --concorde-input-label-color: var(--concorde-input-label-color-dark);\n\n  --concorde-checkbox-label-color: var(\n    --concorde-checkbox-label-color-dark\n  );\n  --concorde-checkbox-unchecked-color: var(\n    --concorde-checkbox-unchecked-color-dark\n  );\n  --concorde-radio-label-color: var(--concorde-radio-label-color-dark);\n  --concorde-radio-unchecked-color: var(\n    --concorde-radio-unchecked-color-dark\n  );\n  --concorde-switch-unchecked-color: var(\n    --concorde-switch-unchecked-color-dark\n  );\n  --concorde-switch-unchecked-background-color: var(\n    --concorde-switch-unchecked-background-color-dark\n  );\n\n  --concorde-primary-button-background-color: var(\n    --concorde-primary-button-background-color-dark\n  );\n  --concorde-primary-button-text-color: var(\n    --concorde-primary-button-text-color-dark\n  );\n  --concorde-primary-button-hover-bg-color: var(\n    --concorde-primary-button-hover-bg-color-dark\n  );\n  --concorde-primary-button-hover-text-color: var(\n    --concorde-primary-button-hover-text-color-dark\n  );\n  --concorde-outlined-button-border-color: var(\n    --concorde-outlined-button-border-color-dark\n  );\n  --concorde-outlined-button-text-color: var(\n    --concorde-outlined-button-text-color-dark\n  );\n  --concorde-outlined-button-hover-bg-color: var(\n    --concorde-outlined-button-hover-bg-color-dark\n  );\n  --concorde-outlined-button-hover-text-color: var(\n    --concorde-outlined-button-hover-text-color-dark\n  );\n  --concorde-ghost-button-text-color: var(\n    --concorde-ghost-button-text-color-dark\n  );\n  --concorde-ghost-button-hover-bg-color: var(\n    --concorde-ghost-button-hover-bg-color-dark\n  );\n  --concorde-ghost-button-hover-text-color: var(\n    --concorde-ghost-button-hover-text-color-dark\n  );\n\n  --concorde-toggle-button-border-color: var(\n    --concorde-toggle-button-border-color-dark\n  );\n  --concorde-toggle-button-selected-bg-color: var(\n    --concorde-toggle-button-selected-bg-color-dark\n  );\n  --concorde-toggle-button-selected-text-color: var(\n    --concorde-toggle-button-selected-text-color-dark\n  );\n  --concorde-toggle-button-hover-bg-color: var(\n    --concorde-toggle-button-hover-bg-color-dark\n  );\n  --concorde-toggle-button-hover-text-color: var(\n    --concorde-toggle-button-hover-text-color-dark\n  );\n\n  --concorde-link-color: var(--concorde-link-color-dark);\n  --concorde-link-hover-color: var(--concorde-link-hover-color-dark);\n  --concorde-menu-bg-color: var(--concorde-surface-background-dark);\n  --concorde-menu-item-hover-color: var(\n    --concorde-menu-item-hover-color-dark\n  );\n  --concorde-menu-item-hover-bg-color: var(\n    --concorde-menu-item-hover-bg-color-dark\n  );\n  --concorde-menu-item-selected-color: var(\n    --concorde-menu-item-selected-color-dark\n  );\n  --concorde-menu-item-selected-bg-color: var(\n    --concorde-menu-item-selected-bg-color-dark\n  );\n  --concorde-linear-progress-background-color: #333333;\n  --concorde-mobile-stepper-color: var(--concorde-primary-text-dark);\n  --concorde-mobile-stepper-background-color: var(\n    --concorde-default-background-dark\n  );\n  --concorde-mobile-stepper-step-background-color: #333333;\n  --concorde-mobile-stepper-active-step-background-color: var(\n    --concorde-primary-color-dark\n  );\n  --concorde-datepicker-calendar-bg-color: var(\n    --concorde-surface-background-dark\n  );\n  --concorde-datepicker-day-color: var(--concorde-secondary-text-dark);\n  --concorde-datepicker-day-name-color: var(\n    --concorde-secondary-text-dark\n  );\n  --concorde-datepicker-selected-color: var(\n    --concorde-datepicker-selected-color-dark\n  );\n  --concorde-datepicker-selected-bg-color: var(\n    --concorde-datepicker-selected-bg-color-dark\n  );\n  --concorde-chip-background-color: var(\n    --concorde-chip-background-color-dark\n  );\n  --concorde-chip-hover-background-color: var(\n    --concorde-chip-hover-background-color-dark\n  );\n  --concorde-chip-text-color: var(--concorde-chip-text-color-dark);\n  --concorde-chip-hover-text-color: var(\n    --concorde-chip-hover-text-color-dark\n  );\n}\n\nhtml.Concorde-Dark body {\n  color: var(--concorde-primary-text-dark);\n  background-color: var(--concorde-default-background-dark);\n}\n\nhtml.Concorde-Dark ::selection {\n  color: #ffffff;\n  background-color: #65151a;\n}\n\nhtml.Concorde-Dark .Concorde-Step,\nhtml.Concorde-Dark .Concorde-Layout-Container,\nhtml.Concorde-Dark .Concorde-Layout-Header,\nhtml.Concorde-Dark .Concorde-Layout-Content,\nhtml.Concorde-Dark .Concorde-Layout-Footer {\n  color: var(--concorde-primary-text-dark);\n  background-color: var(--concorde-default-background-dark);\n}\n\nhtml.Concorde-Dark .Concorde-Typography,\nhtml.Concorde-Dark .Concorde-Paragraph-Block,\nhtml.Concorde-Dark .Concorde-BlockHeading,\nhtml.Concorde-Dark .Concorde-List,\nhtml.Concorde-Dark .Concorde-ListItem {\n  color: var(--concorde-primary-text-dark);\n}\n\nhtml.Concorde-Dark .Concorde-Paragraph-Block p,\nhtml.Concorde-Dark .Concorde-Paragraph-Block span,\nhtml.Concorde-Dark .Concorde-SingleChoice-Block p,\nhtml.Concorde-Dark .Concorde-MultipleChoice-Block p {\n  color: var(--concorde-primary-text-dark);\n}\n\nhtml.Concorde-Dark .Concorde-Paragraph-Block blockquote,\nhtml.Concorde-Dark .Concorde-Paragraph-Block blockquote span {\n  color: var(--concorde-secondary-text-dark);\n  border-color: var(--concorde-primary-color-dark);\n}\n\nhtml.Concorde-Dark h1.Concorde-Typography,\nhtml.Concorde-Dark h2.Concorde-Typography,\nhtml.Concorde-Dark h3.Concorde-Typography,\nhtml.Concorde-Dark h4.Concorde-Typography,\nhtml.Concorde-Dark h5.Concorde-Typography,\nhtml.Concorde-Dark h6.Concorde-Typography,\nhtml.Concorde-Dark .Concorde-Step h1,\nhtml.Concorde-Dark .Concorde-Step h2,\nhtml.Concorde-Dark .Concorde-Step h3,\nhtml.Concorde-Dark .Concorde-Step h4,\nhtml.Concorde-Dark .Concorde-Step h5,\nhtml.Concorde-Dark .Concorde-Step h6,\nhtml.Concorde-Dark .Concorde-BlockHeading,\nhtml.Concorde-Dark .Concorde-BlockHeading h3,\nhtml.Concorde-Dark .Concorde-BlockHeading h4 {\n  color: var(--concorde-primary-text-dark) !important;\n}\n\nhtml.Concorde-Dark .Concorde-Topbar {\n  color: var(--concorde-primary-text-dark);\n  background-color: var(--concorde-topbar-background-dark);\n  border-bottom-color: var(--concorde-divider-color-dark);\n  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);\n}\n\nhtml.Concorde-Dark .Concorde-Card,\nhtml.Concorde-Dark .Concorde-ProductTile {\n  color: var(--concorde-primary-text-dark);\n  background-color: var(--concorde-surface-background-dark);\n  border-color: var(--concorde-card-border-color-dark);\n}\n\nhtml.Concorde-Dark .Concorde-ActionBar-Block,\nhtml.Concorde-Dark .Concorde-MobileStepper {\n  color: var(--concorde-primary-text-dark);\n  background-color: var(--concorde-default-background-dark);\n  border-color: var(--concorde-divider-color-dark);\n}\n\nhtml.Concorde-Dark .Concorde-LinearProgress {\n  background-color: #333333;\n}\n\nhtml.Concorde-Dark .Concorde-Input input,\nhtml.Concorde-Dark .Concorde-Input textarea,\nhtml.Concorde-Dark .Concorde-Input select,\nhtml.Concorde-Dark .Concorde-Textarea textarea,\nhtml.Concorde-Dark .Concorde-TextField input,\nhtml.Concorde-Dark .Concorde-Autocomplete [role=\"combobox\"],\nhtml.Concorde-Dark .Concorde-DropdownX [role=\"combobox\"] {\n  color: #f9fbfc !important;\n  caret-color: #f9fbfc;\n  -webkit-text-fill-color: #f9fbfc !important;\n}\n\nhtml.Concorde-Dark .Concorde-Input input:-webkit-autofill,\nhtml.Concorde-Dark .Concorde-Input input:-webkit-autofill:hover,\nhtml.Concorde-Dark .Concorde-Input input:-webkit-autofill:focus,\nhtml.Concorde-Dark .Concorde-Input input:-webkit-autofill:active {\n  color: #f9fbfc !important;\n  -webkit-text-fill-color: #f9fbfc !important;\n}\n\nhtml.Concorde-Dark .Concorde-Input input::placeholder,\nhtml.Concorde-Dark .Concorde-Input textarea::placeholder,\nhtml.Concorde-Dark .Concorde-Textarea textarea::placeholder,\nhtml.Concorde-Dark .Concorde-TextField input::placeholder,\nhtml.Concorde-Dark .Concorde-Autocomplete [role=\"combobox\"]::placeholder,\nhtml.Concorde-Dark .Concorde-DropdownX [role=\"combobox\"]::placeholder {\n  color: #b2b2b2 !important;\n  opacity: 1;\n  -webkit-text-fill-color: #b2b2b2 !important;\n}\n\nhtml.Concorde-Dark .Concorde-DropdownX,\nhtml.Concorde-Dark .Concorde-Autocomplete {\n  --concorde-icon-color: #ff7a7f;\n  --concorde-icon-hover-color: #ffa6a9;\n  --concorde-outlined-button-border-color: transparent;\n}\n\nhtml.Concorde-Dark .Concorde-Menu,\nhtml.Concorde-Dark .Concorde-DatePicker,\nhtml.Concorde-Dark .Concorde-Modal,\nhtml.Concorde-Dark .Concorde-PopoverContent {\n  color: var(--concorde-primary-text-dark);\n  background-color: var(--concorde-surface-background-dark);\n  border-color: var(--concorde-card-border-color-dark);\n  box-shadow:\n    0 5px 16px rgba(0, 0, 0, 0.4),\n    0 20px 48px rgba(0, 0, 0, 0.36);\n}\n\nhtml.Concorde-Dark\n  .Concorde-SingleChoice-Block\n  .Concorde-Button:not(.Concorde-IconButton),\nhtml.Concorde-Dark\n  .Concorde-MultipleChoice-Button-Block\n  .Concorde-Button:not(.Concorde-IconButton) {\n  --concorde-button-background-color: #121212;\n  --concorde-button-label-color: #ff7a7f;\n  --concorde-button-hover-bg-color: #341317;\n  --concorde-button-active-bg-color: #65151a;\n  color: #ff7a7f;\n  background-color: #121212;\n  border-color: #ff7a7f;\n}\n\nhtml.Concorde-Dark\n  .Concorde-SingleChoice-Block\n  .Concorde-Button:not(.Concorde-IconButton):hover,\nhtml.Concorde-Dark\n  .Concorde-MultipleChoice-Button-Block\n  .Concorde-Button:not(.Concorde-IconButton):hover {\n  color: #ffa6a9;\n  background-color: #341317;\n  border-color: #ff7a7f;\n}\n\nhtml.Concorde-Dark\n  .Concorde-SingleChoice-Block\n  .Concorde-Button:not(\n    .Concorde-IconButton\n  ).Concorde-SingleChoice-Button__Selected,\nhtml.Concorde-Dark\n  .Concorde-MultipleChoice-Button-Block\n  .Concorde-Button:not(\n    .Concorde-IconButton\n  ).Concorde-MultiChoice-Button__Selected {\n  color: #ffffff;\n  background-color: var(--tinetz-interaction-red);\n  border-color: var(--tinetz-interaction-red);\n  box-shadow: 0 5px 16px rgba(227, 25, 33, 0.3);\n}\n\nhtml.Concorde-Dark\n  .Concorde-SingleChoice-Block\n  .Concorde-Button:not(\n    .Concorde-IconButton\n  ).Concorde-SingleChoice-Button__Selected:hover,\nhtml.Concorde-Dark\n  .Concorde-MultipleChoice-Button-Block\n  .Concorde-Button:not(\n    .Concorde-IconButton\n  ).Concorde-MultiChoice-Button__Selected:hover {\n  color: #ffffff;\n  background-color: var(--tinetz-interaction-red-hover);\n  border-color: var(--tinetz-interaction-red-hover);\n}\n\n/* Responsive refinements; Concorde retains control of the core layout */\n@media (max-width: 48rem) {\n  :root {\n    --concorde-topbar-height: 68px;\n    --concorde-logo-size: 44px;\n  }\n\n  .Concorde-Button:not(.Concorde-IconButton) {\n    min-height: 48px;\n    padding-inline: 1rem;\n  }\n}\n\n@media (max-width: 30rem) {\n  .Concorde-Button:not(.Concorde-IconButton) {\n    padding-inline: 0.875rem;\n    font-size: 0.8125rem;\n    letter-spacing: 0.08em;\n  }\n}\n\n/* Motion sensitivity */\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --concorde-transition-effect: 0.01ms linear;\n  }\n\n  .Concorde-Button:not(.Concorde-IconButton),\n  .Concorde-Link,\n  .Concorde-Card,\n  .Concorde-ProductTile {\n    transition-duration: 0.01ms;\n    animation-duration: 0.01ms;\n    animation-iteration-count: 1;\n  }\n}\n\n/* Preserve native system contrast behavior */\n@media (forced-colors: active) {\n  .Concorde-Button:not(.Concorde-IconButton),\n  .Concorde-Link,\n  .Concorde-Card {\n    forced-color-adjust: auto;\n  }\n}","coupon":"#ed1c24FF"},"last_modified_at":"2026-10-06T10:00:56.185Z"}}