:root {
  --wi-ink: #111827;
  --wi-muted: #526071;
  --wi-line: #dbe3ed;
  --wi-soft: #f6f9fc;
  --wi-blue: #2563eb;
  --wi-teal: #0f766e;
  --wi-dark: #0f172a;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.weydub-insights-page { margin: 0; color: var(--wi-ink); background: #fff; font-family: Inter, Mulish, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: 0; overflow-x: clip; }
.wi-header { border-bottom: 1px solid var(--wi-line); background: #fff; }
.wi-section-nav { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 16px 0; border-bottom: 1px solid var(--wi-line); }
.wi-section-nav a { color: var(--wi-muted); font-size: 14px; text-decoration: none; }
.wi-section-nav a:hover { color: var(--wi-blue); }
.wi-header-inner { width: min(1160px, calc(100% - 40px)); min-height: 72px; margin: 0 auto; display: flex; align-items: center; gap: 30px; }
.wi-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--wi-ink); font-size: 17px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.wi-brand img { width: 30px; height: 30px; display: block; }
.wi-brand strong { color: var(--wi-blue); }
.wi-header-nav { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.wi-header-nav a, .wi-header-cta { color: var(--wi-muted); font-size: 14px; text-decoration: none; }
.wi-header-nav a:hover { color: var(--wi-blue); }
.wi-header-cta { padding: 10px 16px; border-radius: 999px; background: var(--wi-dark); color: #fff; font-weight: 800; }
.wi-menu-toggle { display: none; margin-left: auto; width: 40px; height: 38px; padding: 8px; border: 1px solid var(--wi-line); border-radius: 7px; background: #fff; cursor: pointer; }
.wi-menu-toggle span { display: block; height: 2px; margin: 4px 0; background: var(--wi-ink); }
.wi-mobile-nav { display: none; }
.wi-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.wi-main { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.wi-subnav { display: flex; gap: 18px; align-items: center; padding: 20px 0 0; color: var(--wi-muted); font-size: 14px; flex-wrap: wrap; }
.wi-subnav a { color: inherit; text-decoration: none; }
.wi-subnav a:hover { color: var(--wi-blue); }
.wi-subnav a[aria-current="page"] { color: var(--wi-ink); font-weight: 800; }
.wi-breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; padding: 22px 0 0; color: var(--wi-muted); font-size: 13px; line-height: 1.5; }
.wi-breadcrumbs a { color: var(--wi-blue); text-decoration: none; }
.wi-breadcrumbs a:hover { text-decoration: underline; }
.wi-breadcrumbs [aria-current="page"] { color: var(--wi-ink); }
.wi-hero { padding: 70px 0 54px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .78fr); gap: 54px; align-items: center; }
.wi-hero > *, .wi-grid > *, .wi-topic-list > *, .wi-footer-inner > * { min-width: 0; }
.wi-kicker, .wi-section-kicker { margin: 0 0 14px; color: var(--wi-blue); font-size: 13px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.wi-hero h1 { margin: 0 0 20px; max-width: 760px; font-size: 64px; line-height: .98; letter-spacing: 0; }
.wi-lead { max-width: 720px; margin: 0; color: #39475a; font-size: 20px; line-height: 1.65; }
.wi-visual { align-self: stretch; display: flex; align-items: center; min-width: 0; }
.wi-visual img { display: block; width: 100%; height: auto; border: 1px solid var(--wi-line); border-radius: 10px; background: var(--wi-soft); }
.wi-stat-row { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 30px; }
.wi-stat { display: grid; gap: 3px; min-width: 120px; }
.wi-stat strong { font-size: 28px; }
.wi-stat span { color: var(--wi-muted); font-size: 14px; }
.wi-section { padding: 50px 0; border-top: 1px solid var(--wi-line); }
.wi-section-head { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 22px; }
.wi-section h2 { margin: 0; font-size: 34px; line-height: 1.12; letter-spacing: 0; }
.wi-section-head > p { max-width: 520px; margin: 0; color: var(--wi-muted); line-height: 1.65; }
.wi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.wi-card { display: flex; min-width: 0; flex-direction: column; min-height: 238px; padding: 22px; border: 1px solid var(--wi-line); border-radius: 8px; background: #fff; }
.wi-card:hover { border-color: #9bb8ed; box-shadow: 0 12px 30px rgba(37, 99, 235, .08); }
.wi-card .wi-card-type { color: var(--wi-teal); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.wi-card h3 { margin: 14px 0 10px; font-size: 21px; line-height: 1.2; }
.wi-card p { margin: 0; color: var(--wi-muted); line-height: 1.65; }
.wi-card a { margin-top: auto; padding-top: 20px; color: var(--wi-blue); font-weight: 800; text-decoration: none; }
.wi-card a:hover { text-decoration: underline; }
.wi-topic-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.wi-topic-row { display: grid; grid-template-columns: 58px 1fr auto; gap: 16px; align-items: center; padding: 18px; border: 1px solid var(--wi-line); border-radius: 8px; text-decoration: none; color: inherit; }
.wi-topic-row:hover { border-color: #9bb8ed; }
.wi-topic-row > strong { color: var(--wi-blue); font-size: 21px; }
.wi-topic-row h3 { margin: 0 0 5px; font-size: 19px; }
.wi-topic-row p { margin: 0; color: var(--wi-muted); line-height: 1.5; }
.wi-arrow { color: var(--wi-blue); font-size: 24px; }
.wi-callout { padding: 28px; border-left: 4px solid var(--wi-teal); background: #effaf8; }
.wi-callout p { margin: 0; color: #164e4a; line-height: 1.7; }
.wi-product-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 42px 0 24px; padding: 28px; border: 1px solid #cbd5e1; border-left: 4px solid #2563eb; background: #f8fafc; }
.wi-product-cta h2 { margin: 0 0 8px; font-size: 24px; }
.wi-product-cta p { margin: 0; max-width: 540px; }
.wi-product-cta .wi-section-kicker { margin: 0 0 8px; color: #2563eb; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.wi-cta-link { flex: 0 0 auto; color: #1d4ed8; font-weight: 800; text-decoration: none; white-space: nowrap; }
.wi-cta-link:hover { text-decoration: underline; }
.wi-document { max-width: 840px; padding: 60px 0 80px; }
.wi-article-layout { display: grid; grid-template-columns: minmax(0, 840px) 260px; gap: 56px; align-items: start; }
.wi-article-layout .wi-document { min-width: 0; }
.wi-reading-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: -12px 0 28px; color: var(--wi-muted); font-size: 13px; line-height: 1.5; }
.wi-reading-meta span + span, .wi-reading-meta time { padding-left: 18px; border-left: 1px solid var(--wi-line); }
.wi-article-aside { position: sticky; top: 24px; padding-top: 60px; min-width: 0; }
.wi-aside-section { padding: 18px 0; border-top: 1px solid var(--wi-line); }
.wi-aside-section h2 { margin: 0 0 14px; font-size: 15px; line-height: 1.3; }
.wi-article-meta dl { display: grid; gap: 10px; margin: 0; }
.wi-article-meta dl div { display: grid; gap: 3px; }
.wi-article-meta dt { color: var(--wi-muted); font-size: 12px; }
.wi-article-meta dd { margin: 0; font-size: 14px; line-height: 1.4; }
.wi-machine-formats { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.wi-machine-formats a, .wi-machine-formats button { padding: 7px 8px; border: 1px solid var(--wi-line); background: #fff; color: var(--wi-blue); font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
.wi-machine-formats a:hover, .wi-machine-formats button:hover { border-color: var(--wi-blue); }
.wi-policy-link { display: inline-block; margin-top: 14px; color: var(--wi-blue); font-size: 13px; }
.wi-article-toc nav { display: grid; gap: 9px; }
.wi-article-toc a { color: var(--wi-muted); font-size: 13px; line-height: 1.35; text-decoration: none; }
.wi-article-toc a:hover { color: var(--wi-blue); }
.wi-machine-band { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; margin: 0 0 50px; padding: 15px 18px; border-top: 1px solid var(--wi-line); border-bottom: 1px solid var(--wi-line); color: var(--wi-muted); font-size: 13px; }
.wi-machine-band strong { color: var(--wi-ink); }
.wi-machine-band a { color: var(--wi-blue); font-weight: 700; text-decoration: none; }
.wi-document h1 { margin: 0 0 16px; font-size: 56px; line-height: 1.02; }
.wi-document .wi-dek { margin: 0 0 32px; color: #39475a; font-size: 20px; line-height: 1.65; }
.wi-document h2 { margin: 46px 0 16px; font-size: 30px; line-height: 1.15; }
.wi-document p { color: #344256; font-size: 17px; line-height: 1.8; }
.wi-document ul { padding-left: 22px; color: #344256; line-height: 1.8; }
.wi-document figure { margin: 32px 0; }
.wi-document figure img { display: block; width: 100%; height: auto; border: 1px solid var(--wi-line); border-radius: 10px; background: var(--wi-soft); }
.wi-caption { margin-top: 9px; color: #64748b; font-size: 13px; }
.wi-source { margin-top: 44px; padding-top: 18px; border-top: 1px solid var(--wi-line); color: #64748b; font-size: 13px; line-height: 1.7; }
.wi-source strong { color: var(--wi-ink); }
.wi-related { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.wi-related a { padding: 8px 11px; border: 1px solid var(--wi-line); border-radius: 999px; color: var(--wi-blue); font-size: 14px; text-decoration: none; }
.wi-table-wrap { overflow-x: auto; border: 1px solid var(--wi-line); border-radius: 8px; }
.wi-table { width: 100%; border-collapse: collapse; min-width: 680px; }
.wi-table th, .wi-table td { padding: 15px 16px; border-bottom: 1px solid var(--wi-line); text-align: left; vertical-align: top; line-height: 1.5; }
.wi-table th { background: var(--wi-soft); color: var(--wi-ink); font-size: 14px; }
.wi-table td { color: #344256; }
.wi-table tr:last-child td { border-bottom: 0; }
.wi-graph-map { display: grid; gap: 13px; }
.wi-graph-map div { display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: center; padding: 17px; border: 1px solid var(--wi-line); border-radius: 8px; }
.wi-graph-map strong { color: var(--wi-blue); }
.wi-graph-map span { color: var(--wi-muted); line-height: 1.5; }
.wi-note { color: #64748b; font-size: 14px; line-height: 1.65; }
.wi-footer { margin-top: 40px; border-top: 1px solid var(--wi-line); background: #f8fafc; }
.wi-footer-inner { width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding: 48px 0 40px; display: grid; grid-template-columns: 1.8fr repeat(3, 1fr); gap: 32px; }
.wi-footer-brand p { max-width: 310px; margin: 15px 0 0; color: var(--wi-muted); font-size: 14px; line-height: 1.65; }
.wi-footer h2 { margin: 0 0 14px; font-size: 14px; }
.wi-footer a:not(.wi-brand) { display: block; width: fit-content; margin: 9px 0; color: var(--wi-muted); font-size: 14px; text-decoration: none; }
.wi-footer a:not(.wi-brand):hover { color: var(--wi-blue); }
.wi-footer-bottom { width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding: 16px 0 22px; border-top: 1px solid var(--wi-line); display: flex; justify-content: space-between; gap: 20px; color: var(--wi-muted); font-size: 12px; line-height: 1.5; }
@media (max-width: 860px) {
  .wi-hero { grid-template-columns: minmax(0, 1fr); gap: 30px; padding-top: 48px; }
  .wi-hero h1 { font-size: 52px; }
  .wi-document h1 { font-size: 48px; }
  .wi-grid, .wi-topic-list { grid-template-columns: 1fr 1fr; }
  .wi-section-head { display: block; }
  .wi-section-head > p { margin-top: 12px; }
  .wi-article-layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .wi-article-aside { position: static; padding: 0 0 48px; }
  .wi-article-meta, .wi-article-toc { max-width: 100%; }
  .wi-article-toc { border-bottom: 1px solid var(--wi-line); }
  .wi-header-nav, .wi-header-cta { display: none; }
  .wi-menu-toggle { display: block; }
  .wi-mobile-nav { width: min(100% - 40px, 1160px); margin: 0 auto; padding: 0; }
  .wi-mobile-nav.is-open { display: grid; gap: 0; padding: 8px 0 16px; }
  .wi-mobile-nav a { padding: 11px 0; color: var(--wi-muted); text-decoration: none; }
  .wi-mobile-nav a:last-child { color: var(--wi-blue); font-weight: 800; }
  .wi-footer-inner { grid-template-columns: 1fr 1fr; }
  .wi-footer-bottom { display: grid; gap: 5px; }
}
@media (max-width: 560px) {
  .wi-main { width: min(100% - 24px, 1160px); }
  .wi-hero h1 { font-size: 42px; }
  .wi-lead, .wi-document .wi-dek { font-size: 18px; }
  .wi-grid, .wi-topic-list { grid-template-columns: 1fr; }
  .wi-topic-row { grid-template-columns: 42px 1fr auto; padding: 15px; }
  .wi-topic-row > strong { font-size: 17px; }
  .wi-graph-map div { grid-template-columns: 1fr; gap: 7px; }
  .wi-document { padding-top: 42px; }
  .wi-product-cta { align-items: flex-start; flex-direction: column; gap: 16px; }
  .wi-cta-link { white-space: normal; }
  .wi-breadcrumbs { padding-top: 17px; }
  .wi-reading-meta { gap: 6px 12px; }
  .wi-reading-meta span + span, .wi-reading-meta time { padding-left: 12px; }
  .wi-machine-band { align-items: flex-start; flex-direction: column; margin-bottom: 34px; }
  .wi-header-inner { width: min(100% - 24px, 1160px); }
  .wi-footer-inner, .wi-footer-bottom { width: min(100% - 24px, 1160px); }
  .wi-footer-inner { grid-template-columns: 1fr 1fr; gap: 26px 18px; padding-top: 34px; }
  .wi-hero h1, .wi-document h1, .wi-card h3, .wi-topic-row h3, .wi-footer a { overflow-wrap: anywhere; }
  html[lang="de"] .wi-hero h1, html[lang="de"] .wi-document h1, html[lang="de"] .wi-card h3, html[lang="de"] .wi-topic-row h3 {
    word-break: normal;
    overflow-wrap: normal;
    hyphens: auto;
  }
  html[lang="de"] .wi-hero h1, html[lang="de"] .wi-document h1 { font-size: 38px; }
}