/* Support surfaces inherit the approved motion-v5 Obsidian theme. */
body.signal-support,
body.signal-calculator {
  --s-panel: #1c241e;
  --s-line: #465044;
  --s-muted: var(--signal-muted, #b9c1b2);
  --green: var(--signal-accent, #abff43);
  --neon: var(--green);
  --white: var(--signal-fg, #edf2e9);
  --muted: var(--s-muted);
  --line: var(--s-line);
  --console: var(--signal-bg, #111614);
  --console-2: var(--s-panel);
  --console-3: #273029;
  --console-line: var(--s-line);
  --console-text: var(--white);
  --console-muted: var(--s-muted);
  --sans: Manrope, Arial, sans-serif;
  --display: Barlow, Arial, sans-serif;
  --shadow: none;
  --hard-shadow: none;
  margin: 0;
  min-width: 0;
  background: var(--console);
  color: var(--white);
  font: 400 16px/1.65 var(--sans);
  color-scheme: dark;
  scrollbar-color: #83907b var(--console);
}
.signal-support *, .signal-calculator * { letter-spacing: 0; }
.signal-support ::selection, .signal-calculator ::selection { background: var(--green); color: #111614; }
.signal-support :is(h1,h2,h3), .signal-calculator :is(h1,h2,h3) {
  font-family: var(--display);
  font-weight: 700;
  text-transform: none;
  overflow-wrap: anywhere;
  line-height: 1.1;
}
.signal-support h1 { font-size: 64px; margin: 0 0 24px; }
.signal-support h2 { font-size: 30px; margin: 36px 0 12px; color: var(--white); }
.signal-support h3 { font-size: 25px; }
.signal-support :is(a,button,input,textarea,select), .signal-calculator :is(a,button,input,textarea,select) { -webkit-tap-highlight-color: transparent; }
.signal-support a { color: var(--green); text-underline-offset: 4px; }
.signal-support a:hover { text-decoration: underline; }
.signal-support :is(p,li,address,label), .signal-calculator :is(p,label) { overflow-wrap: anywhere; }
.signal-support :is(input,select,textarea), .signal-calculator :is(input,select,textarea) {
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  border: 1px solid #73806b;
  border-radius: 4px;
  background: #161e18;
  color: var(--white);
  font-family: var(--sans);
  font-size: 16px;
  box-shadow: none;
  caret-color: var(--green);
}
.signal-support :is(input,textarea)::placeholder, .signal-calculator :is(input,textarea)::placeholder { color: var(--s-muted); opacity: 1; }
.signal-support option, .signal-calculator option { background: #161e18; color: var(--white); }
.signal-support :is(a,button,input,select,textarea,summary):focus-visible,
.signal-calculator :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
  box-shadow: none;
  filter: none;
}
.signal-support :is(button,.button) {
  min-height: 46px;
  max-width: 100%;
  padding: 12px 18px;
  border: 1px solid var(--green);
  border-radius: 4px;
  color: #111614;
  background: var(--green);
  font: 700 15px/1.5 var(--sans);
  white-space: normal;
  box-shadow: none;
}
.signal-support :is(button,.button):hover { background: #c1ff77; color: #111614; transform: none; box-shadow: none; }
.signal-support :is(button,input,select,textarea):disabled { opacity: .6; cursor: not-allowed; }
.signal-support :is(.meta,.muted,.intro,.lead,.form-note,.eyebrow) { color: var(--s-muted); }
.signal-support :is(.back,.back-link) { text-transform: none; font: 700 14px/1.5 var(--sans); }
.signal-support .s-support-header { padding: 24px max(24px, calc((100% - 1120px) / 2)); border-bottom: 1px solid var(--s-line); }
.signal-support .s-support-brand,
.signal-support .brand { color: var(--white); text-decoration: none; font: 700 30px/1.1 var(--display); }
.signal-support .topbar { background: var(--console); border-bottom: 1px solid var(--s-line); }
.signal-support .brand img { display: none; }
.signal-support .brand strong { font: inherit; }
.signal-support .brand small { font: 400 12px/1.5 var(--sans); color: var(--s-muted); }
.signal-legal main { width: min(74ch, calc(100% - 48px)); margin: 0 auto; padding: 48px 0 64px; }
.signal-legal :is(.panel,.block) { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.signal-legal .note { padding: 20px 0; border: 0; border-top: 1px solid var(--s-line); background: transparent; color: var(--white); }
.signal-legal form { padding: 24px 0; border: 0; border-block: 1px solid var(--s-line); background: transparent; }
.signal-legal footer { border-top: 1px solid var(--s-line); color: var(--s-muted); }
.signal-legal .footer-links a { padding: 6px 0; }
/* alles.ki is a separate channel: retain its name, copy, links and metadata. */
.signal-alles-ki .kicker { color: var(--white); font: 700 30px/1.1 var(--display); text-transform: none; margin-bottom: 40px; }
.signal-service .hero { background: var(--console); padding: 56px 0 44px; border-color: var(--s-line); }
.signal-service .hero h1 { max-width: 20ch; }
.signal-service .eyebrow { font-family: var(--sans); text-transform: none; }
.signal-service .button.secondary { background: transparent; color: var(--white); border-color: var(--s-line); }
.signal-service .button.secondary:hover { border-color: var(--green); }
.signal-service :is(.scope,.form-panel) { border: 0; border-top: 1px solid var(--s-line); border-radius: 0; background: transparent; padding: 24px 0 0; box-shadow: none; }
.signal-service .step { border: 0; border-top: 1px solid var(--s-line); border-radius: 0; background: transparent; padding: 20px 0; box-shadow: none; }
.signal-service :is(.scope,.form-panel,.section-head) h2 { margin-top: 0; }
.signal-service :is(.two-col,.steps) { gap: 32px; }
.signal-service .form-panel { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 40px; }
.signal-service form { min-width: 0; }
.signal-service label { min-width: 0; }
.signal-service .number { border: 0; justify-content: start; font-family: var(--sans); }
.signal-service .footer { border-color: var(--s-line); }
.signal-changelog main { width: min(900px, calc(100% - 48px)); }
.signal-changelog .timeline { gap: 0; }
.signal-changelog .release { padding: 28px 0; border: 0; border-top: 1px solid var(--s-line); border-radius: 0; background: transparent; }
.signal-changelog .release::before { content: none; }
.signal-changelog .release h2 { margin: 0; }
.signal-changelog .release p { color: var(--s-muted); }
.signal-changelog .version { color: var(--green); font: 700 14px/1.5 var(--sans); }
/* Calculator overrides leave view visibility, selectors and data-driven styles intact. */
.signal-calculator { --red: #ff9b88; --soft-red: #34221e; --ink: #111614; --paper: #edf2e9; --paper-2: #edf2e9; }
.signal-calculator .topbar { position: relative; margin: 0; padding: 16px 20px; background: var(--console); border-bottom: 1px solid var(--s-line); box-shadow: none; backdrop-filter: none; }
.signal-calculator .brand-mark { display: none; }
.signal-calculator .brand-text strong { font: 700 28px/1.1 var(--display); text-transform: none; color: var(--white); }
.signal-calculator .brand-text span { color: var(--s-muted); }
.signal-calculator .shell { padding-top: 24px; }
.signal-calculator .stone-stage { margin: 0 0 24px; background: transparent; border: 0; border-bottom: 1px solid var(--s-line); border-radius: 0; box-shadow: none; }
.signal-calculator .stage-inner { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 32px; padding: 0 0 24px; }
.signal-calculator h1 { font-size: 32px; width: auto; max-width: 100%; }
.signal-calculator h1 span { display: inline; }
.signal-calculator h1 span + span::before { content: ' '; }
.signal-calculator :is(.kicker,.black-strip) { padding: 0; border: 0; background: transparent; color: var(--s-muted); box-shadow: none; font: 400 12px/1.5 var(--sans); text-transform: none; }
.signal-calculator .stage-copy { font-size: 14px; color: var(--s-muted); }
.signal-calculator :is(.stone-copy,.stage-copy,.stage-right,.hero-check,.stage-meter) { width: 100%; max-width: 100%; }
.signal-calculator .stage-right { margin: 0; }
.signal-calculator :is(.hero-check,.stage-meter) { padding: 0; gap: 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.signal-calculator .hero-check-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.signal-calculator .hero-stat { padding: 8px 0; min-height: 64px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.signal-calculator .hero-stat strong { font-size: 25px; }
.signal-calculator .hero-chip { padding: 0; border: 0; background: transparent; color: var(--s-muted); font-family: var(--sans); }
.signal-calculator .hero-check-top { flex-direction: row; align-items: center; }
.signal-calculator .hero-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
.signal-calculator .bar { height: 6px; background: #303a2c; border: 0; }
.signal-calculator .bar > i { background: var(--green); }
.signal-calculator .panel { border: 0; border-top: 1px solid var(--s-line); border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
.signal-calculator .panel > header { padding: 20px 0 14px; background: transparent; border-color: var(--s-line); }
.signal-calculator .panel h2 { padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; font-size: 28px; }
.signal-calculator .panel-body { padding: 16px 0; }
.signal-calculator :is(.metric,.product-row,.callout,.table-wrap,.table-note,.flow-number,.mini-item,.nozzle-picker,.nozzle-core,.number-stepper,.flow-advanced) { background: var(--s-panel); border-color: var(--s-line); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.signal-calculator :is(.metric.good,.badge.good) { border-color: var(--green); }
.signal-calculator :is(.metric.warn,.badge.warn,.callout.warning) { border-color: #d8be77; }
.signal-calculator :is(.metric.bad,.badge.bad) { border-color: var(--red); }
.signal-calculator :is(.metric span,.panel-sub,.notice,.hero-stat span,.meter-line span) { color: var(--s-muted); }
.signal-calculator .section-title { font-family: var(--sans); text-transform: none; }
.signal-calculator :is(.stone-stage,.panel,.flow-number,.liquid-glass,.shiny-button,.tab-button,.action-button,.nozzle-trigger,.nozzle-picker,.nozzle-visual,.nozzle-core,.nozzle-node,.section-title)::before,
.signal-calculator :is(.stone-stage,.panel,.flow-number,.liquid-glass,.shiny-button,.tab-button,.action-button,.nozzle-trigger,.nozzle-picker,.nozzle-visual,.nozzle-core,.nozzle-node)::after { content: none; }
.signal-calculator :is(.tab-button,.action-button,.icon-button,.hero-button,.support-link,.nozzle-node,.source-links a),
.signal-calculator .action-button:not(.primary):not(.danger),
.signal-calculator .action-button:not(.primary):not(.danger):hover {
  background: var(--s-panel); border: 1px solid var(--s-line); color: var(--white); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; filter: none; transform: none;
  font-family: var(--sans); font-weight: 700; border-radius: 4px;
}
.signal-calculator :is(.tab-button.active,.action-button.primary,.hero-button.shiny-button) { background: var(--green); color: #111614; border-color: var(--green); }
.signal-calculator :is(.tab-button,.action-button,.hero-button,.nozzle-node):hover { border-color: var(--green); box-shadow: none; filter: none; transform: none; }
.signal-calculator .action-button.danger { color: var(--red); border-color: #a66c5f; background: #34221e; }
.signal-calculator .flow-presets .action-button[aria-pressed="true"] { border-color: var(--green); background: #293623; box-shadow: none; }
.signal-calculator .product-row:hover { transform: none; box-shadow: none; border-color: var(--green); }
.signal-calculator :is(.tab-button,.action-button,.icon-button,.hero-button,.product-row,.nozzle-node,.nozzle-trigger,.liquid-glass,.shiny-button) { transition: color .15s ease, border-color .15s ease; }
.signal-calculator .hero-check:hover { background: transparent; box-shadow: none; filter: none; transform: none; }
.signal-calculator :is(.nozzle-node.active,.product-row.active,[aria-pressed="true"]) { border-color: var(--green); background: #293623; }
.signal-calculator .nozzle-trigger { background: #1c241e; border-color: var(--s-line); box-shadow: none; }
.signal-calculator .nozzle-trigger:hover, .signal-calculator .nozzle-trigger[aria-expanded="true"] { background: #273029; border-color: var(--green); box-shadow: none; transform: none; }
.signal-calculator .nozzle-visual { background: url('/rechner/assets/nozzle-cinematic.webp') center / cover no-repeat; box-shadow: none; }
.signal-calculator .nozzle-core strong { font-size: 32px; }
.signal-calculator .number-stepper { height: 40px; border-radius: 4px; }
.signal-calculator .number-stepper button:hover { filter: none; background: #35432e; }
.signal-calculator .number-stepper button:focus-visible { outline-offset: -2px; }
.signal-calculator .video-hilfe { padding: 24px 0; border: 0; border-top: 1px solid var(--s-line); background: transparent; }
.signal-calculator .video-hilfe h2 { font-size: 26px; }
.signal-calculator .video-hilfe video { box-shadow: none; }
.signal-calculator .footer-note { padding: 20px 0; border: 0; border-top: 1px solid var(--s-line); border-radius: 0; background: transparent; }
.signal-calculator .footer-note .support-link { display: inline-flex; margin-bottom: 20px; }
.signal-calculator .reveal { opacity: 1; transform: none; transition: none; }
@media (max-width: 980px) {
  .signal-calculator .stage-inner { grid-template-columns: 1fr; gap: 20px; }
  .signal-calculator #pricing .grid.two-col { grid-template-columns: minmax(0,1fr); }
  .signal-calculator .tabs { flex-wrap: wrap; overflow: visible; }
}
@media (max-width: 760px) {
  .signal-service .form-panel { grid-template-columns: minmax(0,1fr); gap: 24px; }
}
@media (max-width: 520px) {
  .signal-support h1 { font-size: 42px; line-height: 1.08; }
  .signal-support h2 { font-size: 27px; }
  .signal-legal main, .signal-changelog main { width: calc(100% - 32px); padding-top: 32px; }
  .signal-support .s-support-header { padding: 20px 16px; }
  .signal-support .topbar-inner { flex-wrap: wrap; padding-block: 16px; }
  .signal-support .brand { font-size: 27px; }
  .signal-calculator .topbar { padding: 16px 10px; }
  .signal-calculator .tab-button { white-space: normal; font-size: 13px; padding: 8px; }
  .signal-calculator .topbar-inner { gap: 12px; min-width: 0; }
  .signal-calculator .tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; width: 100%; max-width: 100%; min-width: 0; padding-bottom: 5px; scrollbar-width: thin; }
  .signal-calculator .tabs .tab-button { flex: none; white-space: nowrap; }
  .signal-calculator .shell { padding-top: 16px; }
  .signal-calculator .stage-inner { gap: 14px; padding-bottom: 20px; }
  .signal-calculator .stone-copy .kicker { margin-bottom: 8px; }
  .signal-calculator .stone-copy h1 { margin-bottom: 12px; font-size: 29px; }
  .signal-calculator .stone-copy .stage-copy { margin-top: 10px; font-size: 13px; }
  .signal-calculator .stone-copy .black-strip { margin-top: 12px; }
  .signal-calculator .hero-stat strong { font-size: 22px; }
  .signal-calculator .hero-check-top { flex-wrap: wrap; }
  .signal-calculator .hero-button { font-size: 14px; white-space: normal; }
}
@media print {
  body.signal-support, body.signal-calculator { background: white; color: black; --white: #111614; --console-text: #111614; --s-muted: #384334; --console-muted: #384334; --s-panel: #fff; --green: #304426; color-scheme: light; }
  .signal-support .s-support-header { display: none; }
  .signal-calculator :is(.panel,.metric,.callout,.table-wrap,.table-note,.flow-number,.mini-item) { background: white; color: black; }
}