/* tokens.css */
/* Accondit website color and appearance variables. */
:root {
  --brand-accent: #FF9047;
}

:root, [data-theme="light"] {
  color-scheme: light;
  --canvas: #F5F7F9;
  --surface: #FFFFFF;
  --surface-subtle: #EDF2F5;
  --text: #17233C;
  --text-muted: #526577;
  --border: #C6D2DA;
  --primary: #006B73;
  --primary-hover: #00565C;
  --primary-soft: #E1F3F4;
  --on-primary: #FFFFFF;
  --nav: #0F334A;
  --nav-hover: #184E6B;
  --nav-text: #F3F8FA;
  --accent: #32C4CF;
  --success: #0E6B47;
  --success-soft: #E2F4EA;
  --warning: #855400;
  --warning-soft: #FFF1D6;
  --error: #982E3A;
  --error-soft: #FBE9EB;
  --focus: #7A4D00;
  --focus-inverse: #FFD166;
}

[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #111A21;
  --surface: #18252E;
  --surface-subtle: #22333E;
  --text: #F2F6F8;
  --text-muted: #BCCAD2;
  --border: #4C626F;
  --primary: #49C7CF;
  --primary-hover: #74D8DE;
  --primary-soft: #183E43;
  --on-primary: #071B1D;
  --nav: #091E2B;
  --nav-hover: #153E54;
  --nav-text: #F4F8FA;
  --accent: #63D7DF;
  --success: #6ED6A4;
  --success-soft: #173C2E;
  --warning: #F2C265;
  --warning-soft: #463718;
  --error: #FF9AA5;
  --error-soft: #48242A;
  --focus: #FFD166;
  --focus-inverse: #071B1D;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --canvas: #111A21;
    --surface: #18252E;
    --surface-subtle: #22333E;
    --text: #F2F6F8;
    --text-muted: #BCCAD2;
    --border: #4C626F;
    --primary: #49C7CF;
    --primary-hover: #74D8DE;
    --primary-soft: #183E43;
    --on-primary: #071B1D;
    --nav: #091E2B;
    --nav-hover: #153E54;
    --nav-text: #F4F8FA;
    --accent: #63D7DF;
    --success: #6ED6A4;
    --success-soft: #173C2E;
    --warning: #F2C265;
    --warning-soft: #463718;
    --error: #FF9AA5;
    --error-soft: #48242A;
    --focus: #FFD166;
    --focus-inverse: #071B1D;
  }
}

/* branding.css */
/* Accondit Branding 1.0 — self-contained website reference. */
@import url("tokens.0d04aad74dc48380.css");
@font-face {
  font-family: "Manrope";
  src: url("assets/fonts/Manrope-Variable-website.a12c9b0875a9d67d.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: optional;
}
:root {
  --font-brand: "Manrope", "Segoe UI", Arial, sans-serif;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem; --space-16: 4rem; --space-24: 6rem;
  --radius-control: .5rem; --radius-card: 1rem; --radius-panel: 1.5rem;
  --container: 76rem;
  --shadow-panel: 0 24px 70px rgb(15 51 74 / 12%);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body { margin: 0; color: var(--text); background: var(--canvas); font: 400 1rem/1.65 var(--font-brand); -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
a { color: var(--primary); text-underline-offset: .22em; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { line-height: 1.12; font-weight: 700; }
h1 { font-size: clamp(2.65rem, 5.8vw, 5.25rem); letter-spacing: -.06em; }
h2 { font-size: clamp(2rem, 3.5vw, 3.3rem); letter-spacing: -.045em; }
h3 { font-size: 1.3rem; letter-spacing: -.025em; }
p + p { margin-top: 1rem; }
::selection { background: var(--primary); color: var(--on-primary); }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; }
[hidden] { display: none !important; }
.container { width: min(var(--container), calc(100% - 4rem)); margin-inline: auto; }
.muted { color: var(--text-muted); }
.eyebrow { color: var(--primary); font-size: .78rem; font-weight: 800; letter-spacing: .04em; text-transform: none; }
.small { font-size: .8rem; }
.skip-link { position: fixed; left: 1rem; top: -5rem; padding: .7rem 1rem; background: var(--surface); z-index: 100; }
.skip-link:focus { top: 1rem; }
.brand { display: block; width: 180px; flex-shrink: 0; }
.brand-on-light, .brand-on-dark { width: 100%; height: auto; }
.brand-on-dark { display: none; }
[data-theme="dark"] .brand-on-light { display: none; }
[data-theme="dark"] .brand-on-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .brand-on-light { display: none; }
  :root:not([data-theme]) .brand-on-dark { display: block; }
}
.site-header { position: sticky; top: 0; z-index: 20; background: var(--surface); border-bottom: 1px solid var(--border); }
.header-inner { min-height: 88px; display: flex; align-items: center; gap: 2rem; }
.site-nav { margin-left: auto; display: flex; align-items: center; gap: 2rem; }
.site-nav a { font-size: .85rem; font-weight: 600; color: var(--text-muted); text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current] { color: var(--primary); }
.header-tools { display: flex; align-items: center; gap: .75rem; }
.theme-toggle, .menu-toggle { background: var(--surface); color: var(--text); border: 1px solid var(--border); min-width: 44px; min-height: 44px; border-radius: var(--radius-control); padding: .5rem .75rem; }
.theme-toggle { display: flex; align-items: center; gap: .5rem; font-size: .8rem; font-weight: 600; }
.theme-toggle svg { width: 18px; height: 18px; }
.menu-toggle { display: none; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: .75rem; padding: .75rem 1.3rem; border: 1px solid transparent; border-radius: var(--radius-control); font-size: .88rem; font-weight: 700; text-decoration: none; line-height: 1.4; }
.button svg { width: 18px; height: 18px; }
.button-primary { background: var(--primary); color: var(--on-primary); }
.button-primary:hover { background: var(--primary-hover); }
.button-secondary { color: var(--text); border-color: var(--border); background: var(--surface); }
.button-secondary:hover { background: var(--surface-subtle); }
.button:disabled { cursor: default; color: var(--text-muted); background: var(--surface-subtle); border-color: var(--border); }
.hero { overflow: hidden; position: relative; padding: 6rem 0 4.5rem; }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.hero h1 { max-width: 620px; margin: 1.5rem 0; }
.hero h1 em { color: var(--primary); font-style: normal; }
.hero-lead { max-width: 470px; color: var(--text-muted); font-size: 1.06rem; line-height: 1.8; }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.hero-footnote { margin-top: 1.5rem; color: var(--text-muted); font-size: .77rem; display: flex; align-items: center; gap: .6rem; }
.hero-footnote::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--primary); }
.product-stage { position: relative; padding: 1.25rem 0 1.25rem 1rem; }
.product-stage::before { content: ""; position: absolute; inset: -1rem -3rem 0 2.5rem; border-radius: 3rem 3rem 8rem 3rem; background: var(--primary-soft); transform: rotate(-5deg); }
.product-window { position: relative; border: 1px solid var(--border); background: var(--surface); box-shadow: var(--shadow-panel); border-radius: var(--radius-card); overflow: hidden; }
.product-bar { display: flex; justify-content: space-between; align-items: center; background: #0F334A; color: #F3F8FA; padding: 1rem 1.25rem; font-size: .75rem; font-weight: 600; }
.product-bar img { width: 118px; }
.product-body { display: grid; grid-template-columns: 54px 1fr; min-height: 365px; }
.product-rail { padding: 1rem .5rem; background: var(--nav); display: flex; align-items: center; flex-direction: column; gap: .75rem; }
.product-rail span { width: 32px; height: 32px; display: grid; place-items: center; color: var(--nav-text); font-size: .63rem; border-radius: 6px; }
.product-rail span:first-child { background: var(--primary); color: var(--on-primary); }
.product-content { padding: 1.5rem; }
.product-content h3 { font-size: 1.35rem; margin-top: .5rem; }
.product-content .small { margin-top: .5rem; }
.product-summary { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.4rem; }
.product-summary > div { padding: .85rem; background: var(--surface-subtle); border-radius: var(--radius-control); }
.product-summary strong { display: block; font-size: 1.5rem; line-height: 1.3; letter-spacing: -.04em; }
.product-summary span { font-size: .7rem; color: var(--text-muted); }
.product-row { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: 1rem 0; border-bottom: 1px solid var(--border); font-size: .78rem; }
.product-row:last-child { border: 0; }
.badge { display: inline-flex; align-items: center; gap: .4rem; background: var(--primary-soft); color: var(--primary); padding: .22rem .65rem; border-radius: 100px; font-size: .7rem; font-weight: 700; white-space: nowrap; }
.badge-success { background: var(--success-soft); color: var(--success); }
.badge-warning { background: var(--warning-soft); color: var(--warning); }
.badge-error { background: var(--error-soft); color: var(--error); }
.product-caption { position: relative; text-align: right; margin-top: 1rem; font-size: .67rem; color: var(--text-muted); }
.principles-strip { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.principles-inner { display: flex; justify-content: space-between; gap: 2rem; padding-block: 1.4rem; }
.principles-inner span { display: flex; align-items: center; gap: .75rem; font-size: .8rem; font-weight: 600; }
.principles-inner svg { color: var(--primary); width: 20px; height: 20px; }
.section { padding: 6rem 0; }
.section-head { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 4rem; margin-bottom: 3rem; }
.section-head h2 { margin-top: 1rem; max-width: 620px; }
.section-head > p { color: var(--text-muted); max-width: 420px; }
.module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.module-card { border: 1px solid var(--border); background: var(--surface); border-radius: var(--radius-card); padding: 1.8rem; min-height: 255px; display: flex; align-items: flex-start; flex-direction: column; }
.module-id { min-width: 48px; height: 48px; border-radius: .75rem; display: grid; place-items: center; padding: .4rem; color: var(--primary); background: var(--primary-soft); font-weight: 800; font-size: .88rem; letter-spacing: -.02em; margin-bottom: 1.8rem; }
.module-card h3 { margin-bottom: .7rem; }
.module-card p { color: var(--text-muted); font-size: .88rem; }
.module-card-feature { background: var(--nav); color: var(--nav-text); position: relative; overflow: hidden; justify-content: center; }
.module-card-feature p { color: var(--nav-text); opacity: .85; }
.module-card-feature img { width: 58px; margin-bottom: 1.5rem; }
.workflow { background: var(--surface); border-block: 1px solid var(--border); }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-top: 3rem; }
.step-number { color: var(--primary); font-size: .8rem; font-weight: 800; letter-spacing: .1em; padding-bottom: 1.2rem; border-bottom: 2px solid var(--border); margin-bottom: 1.5rem; }
.step h3 { margin-bottom: 1rem; }
.step p { font-size: .91rem; color: var(--text-muted); }
.statement { display: grid; grid-template-columns: .65fr 1fr; gap: 6rem; align-items: center; }
.statement-art { background: var(--primary-soft); border-radius: var(--radius-panel); padding: 3rem; position: relative; min-height: 350px; display: grid; place-items: center; }
.statement-art img { width: 200px; }
.statement h2 { margin-block: 1rem 1.5rem; }
.statement p { color: var(--text-muted); }
.contact-panel { background: #0F334A; color: #F3F8FA; border-radius: var(--radius-panel); padding: 3.5rem; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem; }
.contact-panel .eyebrow { color: var(--brand-accent); }
.contact-panel h2 { margin-block: 1rem; max-width: 600px; }
.contact-panel p { max-width: 560px; font-size: .9rem; }
.contact-panel .button { background: #49C7CF; color: #071B1D; }
.site-footer { margin-top: 4rem; padding: 2rem 0; border-top: 1px solid var(--border); }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; font-size: .76rem; color: var(--text-muted); }
.footer-links { display: flex; gap: 1.25rem; }
.footer-links a { color: var(--text-muted); }
.template-note { border-left: 3px solid var(--primary); padding-left: 1rem; font-size: .8rem; color: var(--text-muted); margin-top: 2rem; }
/* Brand guide and reusable components. */
.guide-hero { padding: 4rem 0 3rem; border-bottom: 1px solid var(--border); }
.guide-hero h1 { margin-block: 1rem; font-size: clamp(2.5rem, 5vw, 4.5rem); }
.guide-hero p { max-width: 670px; color: var(--text-muted); }
.guide-section { padding-block: 3.5rem; border-bottom: 1px solid var(--border); }
.guide-section h2 { font-size: 2.1rem; margin-bottom: 1rem; }
.guide-section > p { max-width: 760px; color: var(--text-muted); margin-bottom: 2rem; }
.specimen-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.specimen { padding: 2.5rem; border: 1px solid #C6D2DA; border-radius: var(--radius-card); background: #FFFFFF; color: #17233C; display: flex; flex-direction: column; justify-content: space-between; gap: 2rem; min-height: 210px; }
.specimen img { width: 280px; margin: auto; }
.specimen-dark { background: #111A21; color: #F2F6F8; border-color: #4C626F; }
.specimen-petrol { background: #006B73; color: #FFFFFF; border-color: #006B73; }
.specimen a { color: inherit; font-size: .8rem; }
.swatches { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.swatch { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-card); overflow: hidden; }
.swatch-color { min-height: 100px; background: var(--swatch); }
.swatch p { padding: .9rem 1rem; font-size: .83rem; line-height: 1.7; }
.swatch code { color: var(--text-muted); }
.type-sample { padding: 2rem; border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--surface); }
.type-sample .alphabet { font-size: clamp(1.4rem, 3vw, 2.6rem); letter-spacing: -.04em; overflow-wrap: anywhere; }
.type-sample .weights { display: flex; gap: 2rem; flex-wrap: wrap; margin-block: 2rem; }
.component-row { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; padding-block: 1rem; }
.guide-links { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.icon-sizes { display: flex; align-items: end; gap: 2rem; flex-wrap: wrap; }
.icon-sizes figure { margin: 0; display: grid; justify-items: center; gap: 1rem; }
.icon-sizes figcaption { color: var(--text-muted); font-size: .75rem; }
input, textarea, select { color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-control); padding: .75rem 1rem; }
.field { display: grid; gap: .5rem; max-width: 400px; }
.field label { font-size: .85rem; font-weight: 600; }
.field input { width: 100%; }
@media (max-width: 1000px) {
  .hero { padding-top: 4rem; }
  .hero-grid { gap: 2rem; }
  .site-nav { gap: 1.2rem; }
  .product-content { padding: 1rem; }
  .statement { gap: 3rem; }
  .contact-panel { padding: 2.5rem; }
}
@media (max-width: 760px) {
  .container { width: calc(100% - 2rem); }
  .header-inner { min-height: 76px; gap: 1rem; flex-wrap: wrap; }
  .brand { width: 154px; }
  .header-tools { margin-left: auto; }
  .theme-label { display: none; }
  .js .menu-toggle { display: block; }
  .site-nav { display: flex; order: 3; width: 100%; margin: 0; padding-bottom: 1.2rem; gap: 1rem; }
  .js .site-nav { display: none; }
  .site-nav { flex-wrap: wrap; }
  .js .site-nav.is-open { display: flex; }
  .hero { padding-block: 3.5rem 2.5rem; }
  .hero-grid, .section-head, .statement, .contact-panel { grid-template-columns: 1fr; }
  .hero-grid { gap: 3rem; }
  .hero-lead { max-width: 100%; }
  .product-stage { padding: 0; }
  .product-stage::before { inset: -1rem; }
  .product-content { padding: 1.25rem; }
  .product-body { min-height: 335px; }
  .product-caption { text-align: center; }
  .principles-inner { flex-wrap: wrap; gap: 1rem; }
  .section { padding-block: 4rem; }
  .section-head { gap: 1.5rem; margin-bottom: 2rem; }
  .module-grid { grid-template-columns: 1fr 1fr; }
  .module-card { padding: 1.3rem; min-height: 240px; }
  .steps { grid-template-columns: 1fr; gap: 2rem; }
  .statement-art { min-height: 260px; padding: 2rem; }
  .statement-art img { width: 150px; }
  .contact-panel { padding: 2rem; }
  .contact-panel .button { justify-self: start; }
  .footer-inner { align-items: flex-start; flex-direction: column; gap: 1.25rem; }
  .specimen-grid { grid-template-columns: 1fr; }
  .swatches { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
  .module-grid { grid-template-columns: 1fr; }
  .module-card { min-height: 210px; }
  .product-rail { display: none; }
  .product-body { grid-template-columns: 1fr; }
  .product-bar { padding: .85rem 1rem; }
  .actions .button { width: 100%; }
  .specimen { padding: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (forced-colors: active) {
  .button, .badge, .module-id, .product-window, .theme-toggle { border: 1px solid ButtonText; }
  .product-stage::before { display: none; }
  .brand-on-light { display: block !important; }
  .brand-on-dark { display: none !important; }
  .site-header, .product-bar, .product-rail, .contact-panel, .module-card-feature { background: Canvas; color: CanvasText; }
}
@media print {
  .site-header { position: static; }
  .header-tools, .skip-link { display: none; }
  .section { padding-block: 2rem; }
  .module-card, .product-window, .specimen { break-inside: avoid; box-shadow: none; }
}

/* website.css */
/* CHE website layer. All colors inherit the unchanged AppSuite brand tokens. */
.brand-caption { display:block; margin-top:.4rem; color:var(--text-muted); font-size:.67rem; font-weight:600; letter-spacing:.06em; }
.header-inner { gap:1.4rem; min-height:100px; }
.site-nav { gap:1.3rem; }
.nav-group { position:relative; }
.nav-group summary { cursor:pointer; font-size:.83rem; color:var(--text-muted); font-weight:650; padding:.75rem 0; list-style:none; }
.nav-group summary::-webkit-details-marker { display:none; }
.nav-group[open] summary { color:var(--primary); }
.nav-category { position:relative; }
.nav-category .nav-group { position:static; }
.site-nav .nav-overview-link { display:block; padding:.75rem 3rem .75rem 0; white-space:nowrap; }
.nav-category summary { position:absolute; top:0; right:0; display:grid; place-items:center; width:44px; min-height:44px; padding:0; border-radius:.4rem; }
.nav-disclosure-icon { position:relative; display:block; width:14px; height:14px; }
.nav-disclosure-icon::before,.nav-disclosure-icon::after { content:''; position:absolute; background:currentColor; border-radius:1px; }
.nav-disclosure-icon::before { width:14px; height:2px; left:0; top:6px; }
.nav-disclosure-icon::after { width:2px; height:14px; left:6px; top:0; }
.nav-group[open] .nav-disclosure-icon::after { display:none; }
.nav-category summary:hover { background:var(--primary-soft); }
@media(min-width:901px) and (hover:hover) and (pointer:fine) {
 .nav-category summary { display:none; }
 .site-nav .nav-overview-link { padding:.75rem 0; }
}
.nav-panel { position:absolute; top:100%; left:-1rem; min-width:270px; padding:.65rem; border:1px solid var(--border); border-radius:.8rem; background:var(--surface); box-shadow:var(--shadow-panel); }
.nav-panel a { display:block; padding:.65rem .75rem; border-radius:.4rem; }
.nav-panel a:is(:hover,:focus-visible) { background:var(--primary-soft); }
.nav-panel-expertise { width:min(410px,calc(100vw - 2rem)); display:block; max-height:min(70vh,620px); overflow-y:auto; overscroll-behavior:contain; padding:.75rem; }
.nav-section { min-width:0; }
.nav-section + .nav-section { margin-top:.65rem; padding-top:.65rem; border-top:1px solid var(--border); }
.nav-section-title { display:grid; gap:.12rem; margin:0 0 .2rem; padding:.6rem .75rem; border-left:3px solid var(--primary); border-radius:.35rem; background:var(--primary-soft); color:var(--text); font-size:.86rem; font-weight:800; line-height:1.35; }
.nav-section-eyebrow { color:var(--text-muted); font-size:.64rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.nav-panel-expertise .nav-service-link { display:flex; align-items:baseline; gap:.5rem; margin-left:.45rem; padding:.55rem .75rem; line-height:1.35; white-space:normal; }
.nav-panel-expertise .nav-service-link::before { content:'→'; flex:0 0 auto; color:var(--primary); font-weight:800; }
.site-nav .nav-contact { background:var(--primary); color:var(--on-primary); padding:.6rem .9rem; border-radius:.5rem; }
.che-home { padding:5.7rem 0 5rem; }
.che-home h1 { font-size:clamp(2.7rem,4.9vw,4.5rem); max-width:650px; }
.che-home .hero-grid { grid-template-columns:1.1fr 1fr; gap:3rem; }
.home-services { background:var(--surface); }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.service-card { padding:2rem; background:var(--canvas); border:1px solid var(--border); border-radius:1rem; }
.service-number { display:inline-block; color:var(--primary); font-size:.8rem; font-weight:800; margin-bottom:1.5rem; border-bottom:2px solid var(--primary); padding-bottom:.5rem; }
.service-card h2 { font-size:1.55rem; margin-bottom:1.75rem; line-height:1.2; }
.service-card p { font-size:.92rem; line-height:1.8; color:var(--text-muted); }
.service-card strong { color:var(--text); }
.service-card p:has(>strong:only-child) { margin-top:1.5rem; }
.cooperation .content-article { max-width:940px; text-align:center; }
.cooperation-visual { width:100%; max-width:240px; margin:0 auto 2.5rem; }
.cooperation-visual img { display:block; width:100%; height:auto; }
.cooperation h2 { font-size:clamp(1.8rem,3.7vw,3rem); }
.cooperation h3 { margin-bottom:1rem; }
.cooperation a { display:inline-flex; padding:.75rem 1.3rem; background:var(--primary); color:var(--on-primary); border-radius:.5rem; text-decoration:none; margin-top:1.5rem; }
.path-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; }
.path-card { padding:1.8rem; border:1px solid var(--border); border-radius:1rem; color:var(--text); text-decoration:none; background:var(--surface); }
.path-card h3 { margin:1.75rem 0; font-size:1.4rem; }
.path-card>span:last-child { color:var(--primary); font-size:.85rem; font-weight:700; }
.path-card:hover { border-color:var(--primary); background:var(--primary-soft); }
.page-hero { background:var(--surface); padding:4.5rem 0 3.5rem; border-bottom:1px solid var(--border); }
.page-hero h1 { max-width:1000px; margin-top:1.25rem; font-size:clamp(2.3rem,4.5vw,4rem); line-height:1.13; }
.category-overview { padding:3rem 0; border-bottom:1px solid var(--border); }
.category-overview h2 { margin:0 0 1.5rem; font-size:clamp(1.6rem,3vw,2.2rem); }
.overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.overview-card { display:flex; flex-direction:column; gap:.8rem; padding:1.5rem; border:1px solid var(--border); border-radius:1rem; background:var(--surface); color:var(--text); text-decoration:none; }
.overview-card:hover { border-color:var(--primary); background:var(--primary-soft); }
.overview-card h3 { margin:0; font-size:1.15rem; line-height:1.4; }
.overview-card p { color:var(--text-muted); font-size:.92rem; line-height:1.65; }
.overview-card>span { margin-top:auto; color:var(--primary); font-size:.85rem; font-weight:700; }
@media(max-width:1100px) { .overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .overview-grid { grid-template-columns:1fr; } }
.article-section { padding-top:3.5rem; }
.article-layout { display:grid; grid-template-columns:minmax(0,830px) minmax(230px,1fr); gap:4.5rem; align-items:start; }
.article-layout.wide-article { display:block; }
.content-article { font-size:1.05rem; line-height:1.9; overflow-wrap:anywhere; min-width:0; }
.content-article p { margin-bottom:1.25rem; }
.content-article h2 { font-size:clamp(1.65rem,2.5vw,2.25rem); line-height:1.25; margin:2.8rem 0 1.2rem; letter-spacing:-.035em; }
.content-article h3,.content-article h4 { font-size:1.3rem; line-height:1.4; margin:2.4rem 0 1rem; }
.content-article>:first-child { margin-top:0; }
.content-article ul,.content-article ol { padding-left:1.5rem; margin:1.25rem 0 2rem; }
.content-article li { padding-left:.3rem; margin:.5rem 0; }
.content-article hr { border:0; border-top:1px solid var(--border); margin:2rem 0; }
.source-image { width:auto; max-width:100%; height:auto; margin:2.5rem 0; border-radius:.75rem; background:#fff; }
.content-article>img { max-height:520px; object-fit:contain; }
.content-article .download-link { display:inline-block; font-weight:650; }
.table-scroll { overflow-x:auto; max-width:100%; margin:2rem 0; }
.content-article table { border-collapse:collapse; min-width:100%; font-size:.9rem; }
.content-article td,.content-article th { border:1px solid var(--border); padding:.6rem .8rem; vertical-align:top; }
.content-article th { background:var(--surface-subtle); text-align:left; }
.article-aside { position:sticky; top:130px; padding:1.5rem; border:1px solid var(--border); border-radius:1rem; background:var(--surface); max-height:calc(100vh - 160px); overflow-y:auto; }
.article-aside nav { display:grid; gap:.85rem; margin-top:1.2rem; }
.article-aside nav a { font-size:.8rem; line-height:1.5; text-decoration:none; }
.article-aside h3 { margin:1.25rem 0 .75rem; }
.article-aside p:not(.eyebrow) { font-size:.88rem; color:var(--text-muted); margin-bottom:1.5rem; }
.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.blog-grid { counter-reset:article-card; }
.blog-card { counter-increment:article-card; position:relative; min-height:245px; border:1px solid var(--border); border-top:3px solid var(--primary); border-radius:1rem; background:var(--surface); padding:1.7rem; font-size:.88rem; line-height:1.7; overflow:hidden; }
.blog-card:nth-child(3n+2) { border-top-color:var(--brand-accent); }
.blog-card::before { content:'Fachbeitrag ' counter(article-card,decimal-leading-zero); display:block; margin:0 0 1.35rem; color:var(--primary); font-size:.72rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.blog-card::after { content:''; position:absolute; right:1.5rem; top:1.75rem; width:2.8rem; height:.2rem; border-radius:999px; background:linear-gradient(90deg,var(--primary) 0 62%,var(--brand-accent) 62%); }
.blog-card h3 { max-width:28ch; font-size:1.15rem; margin:0 0 1rem; }
.blog-card h3 a { color:var(--text); text-decoration:none; }
.blog-card:hover { border-color:var(--primary); }
.appsuite-illustrations { background:var(--surface); }
.appsuite-illustrations h2 { margin:1.25rem 0; }
.che-footer { background:var(--nav); color:var(--nav-text); padding:4rem 0 1.7rem; }
.footer-grid { display:grid; grid-template-columns:1.6fr repeat(5,1fr); gap:1.5rem; }
.che-footer a { display:block; color:var(--nav-text); text-decoration:none; font-size:.8rem; margin:.6rem 0; }
.che-footer a:hover { text-decoration:underline; }
.footer-intro img { width:170px; margin-bottom:1.5rem; }
.footer-intro p { font-size:.83rem; }
.che-footer h3 { font-size:.9rem; margin-bottom:1.4rem; color:var(--nav-text); }
.footer-bottom { margin-top:3rem; border-top:1px solid var(--border); padding-top:1.3rem; display:flex; justify-content:space-between; gap:1rem; font-size:.72rem; }
.footer-bottom>div { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
.footer-bottom a { display:inline-flex; align-items:center; min-height:44px; margin:0; font-size:.72rem; }
.footer-appearance { display:flex; align-items:center; justify-content:flex-end; gap:.75rem; padding-top:1rem; font-size:.8rem; }
.footer-appearance .theme-label { display:inline; }
:root:not(.js) .footer-appearance { display:none; }
.page-index { columns:2; }
.page-index li { break-inside:avoid; }
@media(max-width:1100px) {
 .header-inner { gap:1rem; } .site-nav { gap:.8rem; } .brand { width:160px; } .theme-label { display:none; }
 .service-card { padding:1.5rem; } .article-layout { gap:2.5rem; }
 .footer-grid { grid-template-columns:1.5fr 1fr 1fr; }
}
@media(max-width:900px) {
 .site-nav { display:none; position:absolute; top:100%; left:0; right:0; background:var(--surface); padding:1.2rem 2rem 1.7rem; border-bottom:1px solid var(--border); align-items:stretch; max-height:calc(100dvh - 100px); overflow-y:auto; }
 .site-nav.is-open { display:flex; flex-direction:column; flex-wrap:nowrap; gap:.25rem; }
 .menu-toggle { display:block; } .header-tools { margin-left:auto; }
 .nav-panel { position:static; min-width:0; box-shadow:none; margin:.1rem 0 .75rem; }
 .nav-panel-expertise { width:auto; max-height:none; overflow:visible; padding:.55rem; }
 .site-nav>a { padding:.8rem 0; } .site-nav .nav-contact { text-align:center; }
 .che-home .hero-grid { grid-template-columns:1fr; gap:2rem; }
 .che-home h1 { max-width:700px; } .hero .product-stage { max-width:600px; }
 .service-grid { grid-template-columns:1fr; } .service-card h2 { max-width:550px; }
 .service-card { padding:2rem; } .path-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .article-layout { grid-template-columns:1fr; } .article-aside { position:static; max-height:none; }
 .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .appsuite-illustrations .hero-grid { grid-template-columns:1fr; }
}
@media(max-width:600px) {
 .header-inner { min-height:90px; } .brand { width:160px; } .brand-caption { font-size:.6rem; }
 .che-home { padding:3.5rem 0 3rem; } .che-home h1 { font-size:2.8rem; }
 .page-hero { padding:3rem 0 2.5rem; } .page-hero h1 { font-size:2.35rem; }
 .service-card { padding:1.5rem; } .blog-grid,.path-grid { grid-template-columns:1fr; }
 .content-article { font-size:1rem; line-height:1.85; }
 .footer-grid { grid-template-columns:1fr 1fr; gap:2rem 1rem; } .footer-intro { grid-column:1/-1; }
 .footer-bottom { flex-direction:column; } .footer-bottom>div { gap:1rem; }
 .page-index { columns:1; }
}

h1,h2,h3,h4,h5,h6 { overflow-wrap:normal; word-break:normal; hyphens:none; }
@media(max-width:900px) { :root:not(.js) .site-nav { position:static; display:flex; flex-direction:column; order:3; } :root:not(.js) .header-inner { flex-wrap:wrap; } }
.appsuite-illustrations { overflow:hidden; }
.article-meta { color:var(--text-muted); font-size:.75rem; margin-bottom:.8rem !important; } .article-excerpt { margin-top:0 !important; }

.brand { text-decoration:none; }

.content-article > a { display:inline-flex; padding:.6rem 1rem; border:1px solid var(--border); border-radius:.5rem; margin:.5rem .65rem .5rem 0; font-weight:650; text-decoration:none; }
.content-article > a:hover { border-color:var(--primary); }

/* Training pages: shared learning paths, topic cards and contact guidance. */
.training-page .content-article>h2,.literacy-page .content-article>h2 { margin-top:3.4rem; }
.learning-process { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.75rem 0 2.5rem; }
.learning-process>div { padding:1.5rem; border:1px solid var(--border); border-radius:1rem; background:var(--surface); }
.learning-process span { display:inline-flex; align-items:center; justify-content:center; min-width:2.5rem; min-height:2.5rem; margin-bottom:1rem; border-radius:50%; background:var(--primary-soft); color:var(--primary); font-size:.78rem; font-weight:800; }
.learning-process h3,.training-topic-card h3,.training-format-grid h3 { margin:.1rem 0 .65rem; }
.learning-process p,.training-topic-card p,.training-format-grid p { margin:0; font-size:.92rem; line-height:1.72; color:var(--text-muted); }
.training-topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.75rem 0 2.5rem; }
.training-topic-card { padding:1.65rem; border:1px solid var(--border); border-top:3px solid var(--primary); border-radius:1rem; background:linear-gradient(145deg,var(--surface) 72%,var(--primary-soft)); }
.training-topic-card:nth-child(2),.training-topic-card:nth-child(4) { border-top-color:var(--brand-accent); }
.training-topic-card .eyebrow { margin:0 0 .75rem; }
.training-topic-card a { font-weight:700; }
.training-format-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.75rem 0; }
.training-format-grid>div { padding:1.35rem; border-left:3px solid var(--primary); background:var(--surface); }
.training-note { margin:2rem 0; padding:1.35rem 1.5rem; border-radius:.85rem; background:var(--primary-soft); }
.training-transfer { list-style:none; padding:0 !important; margin:1.75rem 0 2.5rem !important; counter-reset:transfer; }
.training-transfer li { position:relative; margin:0 !important; padding:1.15rem 1rem 1.15rem 4.2rem !important; border-bottom:1px solid var(--border); counter-increment:transfer; }
.training-transfer li::before { content:counter(transfer,decimal-leading-zero); position:absolute; left:1rem; top:1.2rem; color:var(--primary); font-weight:800; }
.training-transfer span { display:block; font-weight:800; }
.training-transfer p { margin:.25rem 0 0; color:var(--text-muted); font-size:.92rem; line-height:1.7; }
.training-cta { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2rem; margin:3rem 0 2rem; padding:2rem; border-radius:1.25rem; background:var(--primary-soft); }
.training-cta h3 { margin:.65rem 0 .8rem; font-size:clamp(1.35rem,2.2vw,1.85rem); }
.training-cta p { margin:0; }
.training-cta .button { white-space:nowrap; }
@media(max-width:760px) {
 .learning-process,.training-topic-grid,.training-format-grid { grid-template-columns:1fr; }
 .training-cta { grid-template-columns:1fr; align-items:start; }
 .training-cta .button { justify-self:start; white-space:normal; }
}
/* Editorial layouts and interactive demo, on the existing software palette. */
.nav-group summary::after { content:none; }
.nav-group summary::marker { content:''; }
.nav-panel { z-index:20; }
.service-card { border-top:3px solid var(--primary); }
.service-card:nth-child(2) { border-top-color:var(--brand-accent); }
.service-card:nth-child(3) { border-top-color:#49C7CF; }
.service-details { margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--border); }
.service-details summary { display:flex; align-items:center; min-height:44px; color:var(--primary); font-weight:700; cursor:pointer; font-size:.86rem; }
.service-details[open] summary { margin-bottom:1rem; }
.cooperation { background:var(--primary-soft); }
.cooperation .content-article { display:grid; grid-template-columns:220px 1fr; column-gap:3rem; text-align:left; align-items:center; }
.cooperation .cooperation-visual { grid-row:1/6; margin:0; }
.cooperation h2 { font-size:clamp(1.5rem,2.5vw,2.2rem); }
.cooperation h3 { font-size:1rem; color:var(--primary); }
.cooperation a { justify-self:start; }
.page-hero { position:relative; overflow:hidden; }
.page-hero::before { content:''; position:absolute; right:74px; top:62px; width:84px; height:84px; opacity:.45; background:radial-gradient(circle,var(--primary) 1.5px,transparent 2px); background-size:14px 14px; pointer-events:none; }
.page-hero::after { content:''; position:absolute; right:-70px; top:30px; width:200px; height:200px; border:28px solid var(--primary-soft); border-radius:50%; pointer-events:none; }
.page-hero .container { position:relative; z-index:1; }
.content-article>h2::before { content:''; display:block; width:3.25rem; height:.25rem; margin:0 0 .85rem; border-radius:999px; background:linear-gradient(90deg,var(--primary) 0 65%,var(--brand-accent) 65%); }
.context-pattern { position:relative; min-height:230px; border:1px solid var(--border); border-radius:1.25rem; background:linear-gradient(145deg,var(--surface),var(--primary-soft)); overflow:hidden; }
.context-pattern::before { content:''; position:absolute; inset:1.5rem; background:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px); background-size:34px 34px; opacity:.7; }
.context-pattern::after { content:''; position:absolute; left:18%; right:14%; top:50%; height:3px; background:linear-gradient(90deg,var(--primary),var(--brand-accent)); transform:rotate(-8deg); transform-origin:center; border-radius:999px; }
.context-pattern i { position:absolute; z-index:1; width:18px; height:18px; border:5px solid var(--surface); border-radius:50%; background:var(--primary); box-shadow:0 0 0 1px var(--border); }
.context-pattern i:nth-child(1) { left:18%; top:63%; }
.context-pattern i:nth-child(2) { left:40%; top:51%; background:var(--brand-accent); }
.context-pattern i:nth-child(3) { left:64%; top:43%; }
.context-pattern i:nth-child(4) { right:14%; top:29%; background:var(--brand-accent); }
.credit-card { position:relative; overflow:hidden; }
.credit-mark { display:block; width:3.2rem; height:3.2rem; margin-bottom:1.1rem; border:9px solid var(--primary-soft); border-right-color:var(--brand-accent); border-radius:50%; }
.content-article p { max-width:76ch; }
.content-article > a,.article-pager a { align-items:center; justify-content:center; min-height:48px; }
.content-article > a > p,.article-pager a p { margin:0; }
.article-pager { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; border-top:1px solid var(--border); margin-top:3rem; padding-top:1.5rem; }
.article-pager a { display:inline-flex; padding:.75rem 1.25rem; border:1px solid var(--border); border-radius:.65rem; font-weight:700; text-decoration:none; background:var(--surface); }
.article-pager a:hover { border-color:var(--primary); background:var(--primary-soft); }
.topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; list-style:none; padding:0 !important; }
.topic-grid li { padding:1.4rem !important; border:1px solid var(--border); border-radius:.75rem; background:var(--surface); margin:0; }
.topic-grid h4 { margin:0 0 .8rem; font-size:1.1rem; }
.topic-grid p { font-size:.9rem; line-height:1.75; margin:0; }
.method-steps { counter-reset:method; list-style:none; padding:0 !important; }
.method-steps li { padding:1rem 1rem 1rem 3.7rem; position:relative; background:var(--surface); border-bottom:1px solid var(--border); margin:0; font-size:.94rem; }
.method-steps li::before { counter-increment:method; content:counter(method,decimal-leading-zero); position:absolute; left:1rem; top:1rem; font-weight:800; color:var(--primary); }
.blog-card { transition:border-color .15s ease,transform .15s ease; }
.blog-card:hover { transform:translateY(-3px); }
.blog-card:first-child { grid-column:span 2; min-height:260px; padding:2rem; background:linear-gradient(145deg,var(--surface),var(--primary-soft)); }
.blog-card:first-child h3 { max-width:34ch; font-size:clamp(1.35rem,2.4vw,1.8rem); }
.product-body { grid-template-columns:64px minmax(0,1fr); }
.product-rail { display:flex; padding:1rem .5rem; }
.product-rail button { width:44px; min-height:44px; border:1px solid transparent; border-radius:.5rem; background:transparent; color:var(--nav-text); font:700 .7rem 'Manrope',sans-serif; cursor:pointer; }
.product-rail button:hover { border-color:#49C7CF; }
.product-rail button[aria-selected=true] { background:#49C7CF; color:#071B1D; }
.product-content { min-width:0; }
.product-content h3 { min-height:1.8em; }
.demo-bars,.demo-progress,.demo-matrix,.demo-mapping,.demo-chart { display:flex; height:56px; margin:1.15rem 0 .2rem; gap:.5rem; }
.demo-bars { align-items:end; }
.demo-bars i { flex:1; background:var(--primary); border-radius:3px 3px 0 0; }
.demo-bar-32 { height:32%; }
.demo-bar-45 { height:45%; }
.demo-bar-58 { height:58%; }
.demo-bar-71 { height:71%; }
.demo-bar-86 { height:86%; }
.demo-bars i:nth-child(4) { background:var(--brand-accent); }
.demo-progress { align-items:center; }
.demo-progress i { height:10px; flex:1; background:var(--primary); border-radius:5px; }
.demo-progress .pending { background:var(--border); }
.demo-matrix { align-items:center; }
.demo-matrix i { flex:1; display:grid; place-items:center; height:30px; border-radius:5px; background:var(--primary-soft); color:var(--primary); font-style:normal; }
.demo-mapping { align-items:center; justify-content:space-between; color:var(--primary); }
.demo-mapping span { padding:.4rem .8rem; background:var(--primary-soft); border:1px solid var(--border); border-radius:.4rem; font-size:.75rem; font-weight:700; }
.demo-chart { width:100%; }
.about-hero { padding:5rem 0 3.5rem; overflow:hidden; }
.about-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:4rem; align-items:center; }
.about-hero h1 { font-size:clamp(2.6rem,4.8vw,4.4rem); margin:1.5rem 0; line-height:1.08; }
.about-name { border-left:3px solid var(--brand-accent); padding-left:1rem; margin-top:2.5rem; }
.about-name strong,.about-name span { display:block; }
.about-name span { font-size:.8rem; color:var(--text-muted); margin-top:.3rem; }
.portrait { margin:0; }
.portrait-frame { background:#E1F3F4; border-radius:2rem 2rem 7rem 2rem; overflow:hidden; position:relative; border-bottom:5px solid var(--brand-accent); }
.portrait img { width:100%; height:auto; display:block; mix-blend-mode:multiply; }
.portrait figcaption { font-size:.72rem; color:var(--text-muted); margin:1rem 0 0; text-align:center; }
.about-facts { padding:2rem 0; background:var(--surface); border-block:1px solid var(--border); }
.facts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.facts-grid>div { display:flex; align-items:center; gap:1.5rem; }
.facts-grid strong { font-size:2.8rem; color:var(--primary); font-weight:800; letter-spacing:-.05em; }
.facts-grid span { max-width:150px; font-size:.85rem; color:var(--text-muted); }
.about-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.about-services article { padding:2rem; border:1px solid var(--border); border-radius:1rem; background:var(--surface); }
.about-services h3 { margin-bottom:1rem; font-size:1.3rem; }
.about-services p { color:var(--text-muted); font-size:.9rem; line-height:1.8; }
.about-services a { display:inline-block; margin-top:1.25rem; font-size:.83rem; font-weight:700; text-decoration:none; }
.experience-section { background:var(--surface); }
.experience-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:5rem; }
.experience-grid h2 { margin:1rem 0; }
.next-step { display:flex; justify-content:space-between; align-items:center; gap:3rem; padding:3rem; border-radius:1.5rem; background:var(--primary-soft); }
.next-step h2 { margin:1rem 0; }
.next-step p { max-width:560px; color:var(--text-muted); }
.next-step .button { flex-shrink:0; }
.contact-hero .hero-lead { max-width:700px; margin-top:1.5rem; }
.contact-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:2rem; }
.contact-primary { padding:3rem; border:1px solid var(--border); border-radius:1.5rem; background:var(--surface); border-top:4px solid var(--brand-accent); }
.contact-primary h2 { margin:1.5rem 0; }
.contact-primary>p { max-width:430px; }
.contact-email { display:block; font-size:clamp(1.3rem,2.6vw,2rem); font-weight:700; margin:2rem 0; text-decoration:none; overflow-wrap:anywhere; }
.contact-primary>.small { margin-top:1rem; }
.contact-details { display:grid; gap:1rem; }
.contact-details article { padding:2rem; border:1px solid var(--border); border-radius:1rem; }
.contact-details h3 { margin:1rem 0; }
.contact-phone { font-size:1.15rem; text-decoration:none; }
.opening-hours { margin-top:1.25rem; font-size:.8rem; color:var(--text-muted); }
.opening-hours div { display:flex; justify-content:space-between; gap:1rem; padding:.3rem 0; }
.opening-hours dd { margin:0; }
.contact-topics { background:var(--primary-soft); padding-top:2.5rem; padding-bottom:2.5rem; }
.topic-pills { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.25rem; }
.topic-pills a { padding:.7rem 1.2rem; border:1px solid var(--border); border-radius:2rem; background:var(--surface); text-decoration:none; font-size:.9rem; font-weight:650; }
@media(max-width:900px) {
 .about-grid,.experience-grid,.contact-grid { grid-template-columns:1fr; gap:2rem; }
 .portrait { max-width:520px; }
 .about-services { grid-template-columns:1fr; }
 .facts-grid { gap:1rem; }
 .facts-grid>div { flex-direction:column; align-items:flex-start; gap:.25rem; }
 .next-step { align-items:flex-start; flex-direction:column; gap:1.5rem; }
}
@media(max-width:600px) {
 .blog-card:first-child { grid-column:auto; }
 .cooperation .content-article { display:block; text-align:left; }
 .cooperation .cooperation-visual { width:min(100%,240px); margin:0 0 2rem; }
 .topic-grid { grid-template-columns:1fr; }
 .product-content { padding:1rem .85rem; }
 .product-content h3 { font-size:1.12rem; }
 .product-row { font-size:.68rem; flex-wrap:wrap; gap:.35rem; padding:.7rem 0; }
 .product-row .badge { font-size:.63rem; }
 .product-summary>div { padding:.6rem; }
 .product-summary span { font-size:.62rem; }
 .about-hero { padding:3rem 0; }
 .about-hero h1 { font-size:2.65rem; }
 .facts-grid strong { font-size:2rem; }
 .facts-grid span { font-size:.7rem; }
 .contact-primary,.next-step { padding:1.5rem; }
 .contact-details article { padding:1.5rem; }
 .contact-primary h2 { font-size:1.8rem; }
 .article-pager { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) { .blog-card { transition:none; } .blog-card:hover { transform:none; } }

/* Aktuelles: structured updates and event calendar. */
.updates-page { display:grid; gap:4.5rem; }
.updates-heading,.program-heading { display:grid; gap:.8rem; margin-bottom:1.75rem; }
.updates-heading h2,.program-heading h2 { margin:0; }
.updates-heading>p:last-child,.program-heading>p:last-child { margin:0; color:var(--text-muted); max-width:68ch; }
.featured-update { position:relative; overflow:hidden; padding:2rem; border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border)); border-radius:1.25rem; background:linear-gradient(135deg,var(--primary-soft),var(--surface)); box-shadow:var(--shadow-panel); }
.featured-update::after { content:''; position:absolute; right:-4rem; top:-5rem; width:12rem; height:12rem; border:2rem solid color-mix(in srgb,var(--primary) 12%,transparent); border-radius:50%; pointer-events:none; }
.featured-update>* { position:relative; z-index:1; }
.update-meta { display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:1.25rem; }
.update-meta time,.update-meta span,.event-format { display:inline-flex; align-items:center; min-height:1.75rem; padding:.25rem .7rem; border-radius:999px; background:var(--surface); color:var(--primary); font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.featured-update h3 { max-width:680px; font-size:clamp(1.45rem,2.5vw,2rem); margin-bottom:.9rem; }
.featured-update p { margin:0; max-width:72ch; }
.featured-update p+p { margin-top:.85rem; }
.update-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.update-card { display:flex; flex-direction:column; padding:1.35rem; border:1px solid var(--border); border-radius:1rem; background:var(--surface); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.update-card:hover { transform:translateY(-3px); border-color:var(--primary); box-shadow:0 14px 34px rgb(15 51 74 / 10%); }
.update-card time { color:var(--primary); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.update-title-line time { white-space:nowrap; }
.update-card h3,.update-title-line { margin:.8rem 0 .65rem; font-size:1.02rem; font-weight:700; line-height:1.55; }
.update-card h3 a,.update-title-line a { color:var(--text); text-decoration:none; }
.update-card h3 a::after,.update-title-line a::after { content:' →'; color:var(--primary); }
.update-card p { margin:0; color:var(--text-muted); font-size:.9rem; line-height:1.65; }
.event-program { border-top:1px solid var(--border); padding-top:3.5rem; }
.event-month+.event-month { margin-top:3rem; }
.event-month-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; padding-bottom:.75rem; border-bottom:1px solid var(--border); }
.event-month-heading h3 { margin:0; font-size:1.45rem; }
.event-month-heading>span { color:var(--text-muted); font-size:.78rem; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.event-list { display:grid; gap:.75rem; }
.event-card { display:grid; grid-template-columns:6rem minmax(0,1fr); min-height:7rem; border:1px solid var(--border); border-radius:1rem; overflow:hidden; background:var(--surface); transition:border-color .2s ease,transform .2s ease; }
.event-card:hover { border-color:var(--primary); transform:translateX(3px); }
.event-date { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:.8rem; background:var(--primary-soft); color:var(--primary); font-size:.72rem; font-weight:800; letter-spacing:.08em; line-height:1.35; text-transform:uppercase; }
.event-date .event-day { color:var(--text); font-size:1.9rem; letter-spacing:-.05em; line-height:1; }
.event-details { align-self:center; padding:1.15rem 1.35rem; }
.event-details h4 { margin:.55rem 0 0; font-size:1.02rem; line-height:1.45; }
.event-details h4 a { color:var(--text); text-decoration-thickness:1px; text-decoration-color:color-mix(in srgb,var(--primary) 40%,transparent); }
.event-details h4 a:hover { color:var(--primary); text-decoration-color:currentColor; }
.event-details p { margin:.4rem 0 0; color:var(--text-muted); font-size:.84rem; line-height:1.55; }
.event-format { padding:0; min-height:auto; background:transparent; font-size:.68rem; }
@media(max-width:760px) {
 .updates-page { gap:3.5rem; }
 .featured-update { padding:1.4rem; }
 .update-grid { grid-template-columns:1fr; }
 .event-program { padding-top:2.75rem; }
 .event-card { grid-template-columns:4.8rem minmax(0,1fr); }
 .event-date .event-day { font-size:1.55rem; }
 .event-details { padding:1rem; }
}
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

/* Beratungsthemen: one overview, with optional professional detail. */
.consulting-hero { padding:3rem 0 2.25rem; }
.consulting-hero h1 { margin:.75rem 0 1rem; }
.consulting-hero .hero-lead { max-width:65ch; margin:0; font-size:1.1rem; }
.consulting-jumps { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; margin-top:1.4rem; }
.consulting-jumps a { display:inline-flex; align-items:center; min-height:44px; font-size:.9rem; font-weight:700; }
.consulting-page { display:grid; gap:3rem; padding-block:2.5rem 3.5rem; }
.consulting-section { min-width:0; scroll-margin-top:6rem; }
.consulting-section-header { margin-bottom:1.5rem; }
.consulting-section-header h2 { margin:0 0 .6rem; font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.3; }
.consulting-section-header p { color:var(--text-muted); max-width:75ch; }
.consulting-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; align-items:stretch; }
.consulting-field { min-width:0; padding:1.5rem; background:var(--surface); border:1px solid var(--border); border-top:3px solid var(--primary); border-radius:.75rem; }
.consulting-field h3 { font-size:1.2rem; line-height:1.4; margin:0 0 .75rem; }
.consulting-field-intro { color:var(--text-muted); font-size:.92rem; min-height:4.6em; margin-bottom:1.25rem; }
.consulting-topics { border-top:1px solid var(--border); }
.consulting-topic { border-bottom:1px solid var(--border); scroll-margin-top:11rem; }
.consulting-topic summary { display:flex; align-items:center; justify-content:space-between; gap:.6rem; min-height:60px; padding:.9rem 0; cursor:pointer; list-style:none; font-size:.96rem; font-weight:700; line-height:1.5; overflow-wrap:normal; word-break:normal; hyphens:none; }
.consulting-topic summary::-webkit-details-marker { display:none; }
.consulting-topic summary::after { content:'+'; flex:0 0 1.25rem; text-align:center; color:var(--primary); font-size:1.25rem; font-weight:500; }
.consulting-topic[open] summary::after { content:'−'; }
.consulting-topic summary:hover { color:var(--primary); }
.consulting-topic-body { padding:0 0 1.2rem; font-size:.93rem; line-height:1.75; color:var(--text-muted); overflow-wrap:anywhere; }
.consulting-topic-body p { margin:0; }
.consulting-topic-link { display:inline-block; margin-top:.8rem; font-size:.87rem; font-weight:700; }
.consulting-method-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; align-items:start; }
.consulting-context { margin-top:1.5rem; color:var(--text-muted); font-size:.9rem; }
.consulting-context summary { padding:.75rem 0; min-height:44px; cursor:pointer; font-weight:700; }
.consulting-context p { max-width:85ch; padding:.5rem 0; line-height:1.8; }
.consulting-cta { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:2rem; background:var(--nav); color:var(--nav-text); border-radius:.75rem; }
.consulting-cta h2 { margin:.6rem 0 .8rem; font-size:clamp(1.4rem,2.4vw,1.9rem); line-height:1.3; }
.consulting-cta p { max-width:65ch; color:var(--nav-text); }
.consulting-cta .button { flex-shrink:0; background:var(--brand-accent); border-color:var(--brand-accent); color:#071B1D; }
.expertise-routing { display:grid; gap:3.5rem; padding-block:3rem 3.5rem; }
.expertise-routing-intro { max-width:76ch; }
.expertise-routing-intro h2 { margin:.45rem 0 .7rem; font-size:clamp(1.7rem,3vw,2.35rem); }
.expertise-routing-intro>p:last-child,.expertise-route-group>header p { color:var(--text-muted); }
.expertise-route-group { scroll-margin-top:7rem; }
.expertise-route-group>header { max-width:76ch; margin-bottom:1.25rem; }
.expertise-route-group>header h2 { margin:0 0 .45rem; font-size:clamp(1.45rem,2.4vw,1.9rem); }
.expertise-route-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.expertise-route-card { display:flex; flex-direction:column; min-height:100%; padding:1.35rem; border:1px solid var(--border); border-top:3px solid var(--primary); border-radius:.75rem; background:var(--surface); color:var(--text); text-decoration:none; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.expertise-route-card:hover { transform:translateY(-2px); border-color:var(--primary); box-shadow:var(--shadow-panel); }
.expertise-route-card h3 { margin:0 0 .65rem; font-size:1.08rem; line-height:1.35; }
.expertise-route-card p { margin:0 0 1rem; color:var(--text-muted); font-size:.91rem; line-height:1.65; }
.expertise-route-card span { margin-top:auto; color:var(--primary); font-size:.86rem; font-weight:800; }
.expertise-method-note { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr); gap:2rem; padding:1.6rem; border:1px solid var(--border); border-radius:.75rem; background:var(--surface-subtle); }
.expertise-method-note h2 { margin:.4rem 0 0; font-size:clamp(1.35rem,2.2vw,1.75rem); }
.expertise-method-note>p { margin:0; color:var(--text-muted); align-self:center; }
@media(max-width:1100px) {
 .consulting-fields { grid-template-columns:1fr; }
 .consulting-field-intro { min-height:0; }
 .expertise-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px) {
 .consulting-page { gap:2.5rem; }
 .consulting-hero { padding:2rem 0 1.5rem; }
 .consulting-hero h1 { font-size:clamp(1.75rem,7.8vw,2.35rem); }
 .consulting-field { padding:1.15rem; }
 .consulting-topic summary { font-size:.9rem; }
 .consulting-method-grid { grid-template-columns:1fr; gap:0; }
 .consulting-method-grid>.consulting-topics + .consulting-topics { border-top:0; }
 .consulting-cta { align-items:flex-start; flex-direction:column; gap:1.5rem; padding:1.4rem; }
 .expertise-routing { gap:2.5rem; padding-block:2.25rem 3rem; }
 .expertise-route-grid { grid-template-columns:1fr; }
 .expertise-route-card { padding:1.15rem; }
 .expertise-method-note { grid-template-columns:1fr; gap:1rem; padding:1.3rem; }
}

/* Expertise articles: preserve the full professional text while creating a clear visual rhythm. */
.content-article[data-service-page] { counter-reset:expertise-section; }
.content-article[data-service-page]>section[id^="vertiefung-"] { position:relative; margin:0 0 1.4rem; padding:clamp(1.35rem,3vw,2rem); border:1px solid var(--border); border-radius:1rem; background:linear-gradient(145deg,var(--surface),var(--surface-subtle)); box-shadow:0 12px 34px rgba(15,51,74,.06); overflow:hidden; }
.content-article[data-service-page]>section[id^="vertiefung-"]::after { content:''; position:absolute; right:-2.75rem; top:-3.25rem; width:9rem; height:9rem; border:1.25rem solid var(--primary-soft); border-radius:50%; opacity:.72; pointer-events:none; }
.content-article[data-service-page]>section[id^="vertiefung-"]>h2 { position:relative; z-index:1; display:grid; grid-template-columns:2.5rem minmax(0,1fr); gap:.8rem; align-items:center; margin:0 0 1.35rem; }
.content-article[data-service-page]>section[id^="vertiefung-"]>h2::before { counter-increment:expertise-section; content:counter(expertise-section,decimal-leading-zero); display:grid; place-items:center; width:2.5rem; height:2.5rem; margin:0; border-radius:.7rem; background:var(--primary); color:var(--on-primary); font-size:.76rem; font-weight:800; letter-spacing:.06em; }
.content-article[data-service-page]>section[id^="vertiefung-"]>h3 { margin-top:1.8rem; padding-top:1.25rem; border-top:1px solid var(--border); }
.content-article[data-service-page]>section[id^="vertiefung-"]>h2+h3 { margin-top:0; padding-top:0; border-top:0; }

article[data-source-content]>section[data-seo-service-section],article[data-source-content]>[data-fachlicher-entwurf]>section[data-seo-service-section] { position:relative; margin:1.35rem 0; padding:clamp(1.25rem,2.8vw,1.85rem); border:1px solid var(--border); border-left:4px solid var(--primary); border-radius:.9rem; background:var(--surface); box-shadow:0 10px 28px rgba(15,51,74,.05); }
article[data-source-content]>section[data-seo-service-section]:nth-of-type(even),article[data-source-content]>[data-fachlicher-entwurf]>section[data-seo-service-section]:nth-of-type(even) { border-left-color:var(--brand-accent); background:linear-gradient(145deg,var(--surface),var(--surface-subtle)); }
article[data-source-content] section[data-seo-service-section]>h2 { margin:0 0 1rem; }
article[data-source-content] section[data-seo-service-section]>h2::before { display:none; }
article[data-source-content]>ul:has(>li>h2) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding:0; list-style:none; }
article[data-source-content]>ul:has(>li>h2)>li { margin:0; padding:1.25rem; border:1px solid var(--border); border-top:3px solid var(--primary); border-radius:.85rem; background:var(--surface); }
article[data-source-content]>ul:has(>li>h2) h2 { margin:.2rem 0 .85rem; font-size:1.22rem; }
article[data-source-content]>ul:has(>li>h2) h2::before { display:none; }

article[data-source-content] section[data-seo-service-section]>ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; padding:0; list-style:none; }
article[data-source-content] section[data-seo-service-section]>ul>li { position:relative; margin:0; padding:.9rem 1rem .9rem 2.55rem; border:1px solid var(--border); border-radius:.7rem; background:var(--surface-subtle); }
article[data-source-content] section[data-seo-service-section]>ul>li::before { content:'✓'; position:absolute; left:.9rem; top:.85rem; display:grid; place-items:center; width:1.1rem; height:1.1rem; border-radius:50%; background:var(--primary); color:var(--on-primary); font-size:.72rem; font-weight:900; }
article[data-source-content] section[data-seo-service-section]>ol { counter-reset:service-step; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; padding:0; list-style:none; }
article[data-source-content] section[data-seo-service-section]>ol>li { counter-increment:service-step; position:relative; margin:0; padding:1rem 1rem 1rem 3.25rem; border:1px solid var(--border); border-radius:.75rem; background:var(--surface-subtle); }
article[data-source-content] section[data-seo-service-section]>ol>li::before { content:counter(service-step); position:absolute; left:.9rem; top:.9rem; display:grid; place-items:center; width:1.65rem; height:1.65rem; border-radius:.5rem; background:var(--primary); color:var(--on-primary); font-size:.76rem; font-weight:800; }

.source-panel { margin:2.2rem 0 1.4rem; padding:clamp(1.25rem,3vw,1.8rem); border:1px solid var(--border); border-radius:1rem; background:linear-gradient(135deg,var(--primary-soft),var(--surface)); }
.source-panel>h2 { margin:0 0 1rem; }
.source-panel>h2::before { display:none; }
.source-panel>ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin:0; padding:0; list-style:none; }
.source-panel>ul>li { margin:0; padding:0; }
.source-panel a { display:flex; align-items:center; justify-content:space-between; gap:.8rem; min-height:100%; padding:.9rem 1rem; border:1px solid var(--border); border-radius:.7rem; background:var(--surface); color:var(--text); font-weight:700; line-height:1.45; text-decoration:none; }
.source-panel a:hover { border-color:var(--primary); box-shadow:var(--shadow-panel); color:var(--primary); }
.source-panel a span { flex:0 0 auto; color:var(--primary); font-size:1.1rem; }

@media(max-width:780px) {
 .content-article[data-service-page]>section[id^="vertiefung-"] { padding:1.2rem; }
 article[data-source-content]>ul:has(>li>h2),article[data-source-content] section[data-seo-service-section]>ul,article[data-source-content] section[data-seo-service-section]>ol,.source-panel>ul { grid-template-columns:1fr; }
}
.contextual-appsuite{margin-top:2.25rem;padding:1.25rem 0 0;border:0;border-top:2px solid var(--primary);border-radius:0;background:transparent}
.contextual-appsuite h2{margin:0 0 .65rem;font-size:clamp(1.35rem,2vw,1.75rem)}
.contextual-appsuite p{margin:0;color:var(--text-muted)}
.contextual-appsuite-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.contextual-appsuite-links a{display:inline-flex;align-items:center;min-height:44px;padding:.65rem .9rem;border:1px solid var(--primary);border-radius:.55rem;background:transparent;color:var(--primary);font-weight:700;line-height:1.45;text-decoration:none}
.contextual-appsuite-links a:hover,.contextual-appsuite-links a:focus-visible{background:var(--primary-soft)}
@media(max-width:600px){.contextual-appsuite-links a{width:100%}}
.related-content{margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}
.related-content h2{margin:0 0 .65rem;font-size:clamp(1.35rem,2vw,1.75rem)}
.related-content p{margin:0;color:var(--text-muted)}
.related-content .contextual-appsuite-links a{border-color:var(--border);color:var(--text)}
.expertise-trust{max-width:74ch;margin-top:2.25rem;padding:1.35rem;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:.75rem;background:var(--surface-subtle)}
.expertise-trust .eyebrow{margin:0 0 .4rem}
.expertise-trust h2{margin:0 0 .65rem;font-size:clamp(1.35rem,2vw,1.75rem)}
.expertise-trust p{margin:.5rem 0;color:var(--text-muted)}
.expertise-trust>a{display:inline-block;margin-top:.45rem;font-weight:700}

/* search.css */
/* Search follows navigation on the right; mobile retains a full-width field. */
:root { --site-header-height:100px; }
.header-inner { display:grid; grid-template-columns:auto 1fr 170px; gap:.2rem 1rem; padding-block:.7rem; }
.header-inner>.brand { grid-column:1; grid-row:1; width:160px; }
.header-inner>.site-nav { grid-column:2; grid-row:1; gap:.8rem; }
.header-inner>.header-tools { display:none; margin-left:0; }
.site-search { display:flex; align-items:stretch; min-width:0; border:1px solid var(--border); border-radius:.5rem; overflow:hidden; background:var(--canvas); }
.site-search:focus-within { outline:2px solid var(--focus); outline-offset:3px; }
.site-search input { width:100%; min-width:0; min-height:44px; border:0; border-radius:0; padding:.6rem .8rem; background:transparent; color:var(--text); font:inherit; font-size:.9rem; }
.site-search input::placeholder { color:var(--text-muted); opacity:1; }
.site-search input:focus-visible { outline:0; }
.site-search button { display:grid; place-items:center; min-width:46px; min-height:44px; padding:.5rem; border:0; background:var(--primary); color:var(--on-primary); cursor:pointer; }
.site-search button:hover { background:var(--primary-hover); }
.site-search button:focus-visible { outline:2px solid var(--focus); outline-offset:-4px; }
.site-search svg { fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.header-search { grid-column:3; grid-row:1; justify-self:end; width:100%; }
.search-page { min-height:60vh; padding-top:3rem; }
.search-content { max-width:900px; }
.search-large { max-width:720px; }
.search-large input { min-height:52px; font-size:1.05rem; }
.search-status { margin:1.5rem 0; color:var(--text-muted); }
.search-results { list-style:none; padding:0; margin:0; }
.search-results li { border-top:1px solid var(--border); padding:1.6rem 0; }
.search-results h2 { font-size:1.3rem; line-height:1.45; margin:0 0 .5rem; }
.search-results h2 a { color:var(--primary); text-decoration-thickness:1px; text-underline-offset:.2em; }
.search-results p { line-height:1.7; margin:0 0 .5rem; }
.search-result-path { color:var(--text-muted); font-size:.8rem; overflow-wrap:anywhere; }
@media(min-width:901px) and (max-width:1350px) {
 :root { --site-header-height:143px; }
 .header-inner>.brand { grid-column:1 / 3; }
 .header-inner>.site-nav { grid-column:1 / 3; grid-row:2; justify-self:start; margin-left:0; gap:.6rem; }
 .header-search { grid-column:3; grid-row:2; }
}
@media(max-width:900px) {
 :root { --site-header-height:155px; }
 .header-inner { grid-template-columns:auto 1fr auto; }
 .header-inner>.brand { grid-row:1; }
 .header-inner>.header-tools { display:flex; grid-column:2 / 4; grid-row:1; justify-self:end; }
 .header-search { grid-column:1 / 4; grid-row:2; width:100%; margin-top:.5rem; }
 .header-inner>.site-nav { max-height:calc(100dvh - 155px); }
 :root:not(.js) .header-inner { display:grid; }
 :root:not(.js) .site-header { position:static; }
 :root:not(.js) .header-inner>.site-nav { grid-column:1 / 4; grid-row:3; width:100%; max-height:none; padding-inline:0; }
}
@media(min-width:901px) and (hover:none) {
 .header-inner>.site-nav { grid-column:1 / -1; grid-row:2; flex-wrap:wrap; justify-self:stretch; margin-left:0; }
 .header-inner>.brand { grid-column:1; grid-row:1; }
 .header-search { grid-column:3; grid-row:1; }
}

/* identity.css */
/* Continuity between CHE-Kommunalberatung and its Accondit web presence. */
.identity-note { background:var(--primary-soft); border-bottom:1px solid var(--border); }
.identity-note>.container { display:flex; align-items:center; justify-content:space-between; gap:.5rem 1.5rem; padding-block:.55rem; }
.identity-note p { font-size:.87rem; color:var(--text); }
.identity-note a { flex-shrink:0; display:inline-flex; align-items:center; gap:.5rem; min-height:36px; font-size:.82rem; font-weight:700; }
.che-home.identity-home { padding:3.5rem 0; }
.identity-home .hero-grid { grid-template-columns:1.25fr .85fr; }
.identity-home h1 { margin:1rem 0 1.25rem; }
.identity-home .hero-lead { max-width:56ch; }
.identity-home .hero-lead strong { color:var(--text); }
.identity-home .portrait { max-width:420px; justify-self:end; }
.identity-home .portrait figcaption { font-size:.88rem; }
.identity-home .portrait figcaption strong { display:block; color:var(--text); }
.identity-home .identity-more { display:inline-block; margin-top:1.3rem; font-size:.9rem; font-weight:700; }
.identity-services-links { display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom:2rem; }
.home-services-intro { max-width:76ch; margin:0 0 2rem; color:var(--muted); }
.identity-story { background:var(--surface); scroll-margin-top:10rem; }
.identity-story .section-head { margin-bottom:2rem; }
.identity-story h2 { font-size:clamp(1.75rem,3vw,2.6rem); line-height:1.2; }
.identity-story .section-head p { max-width:64ch; }
.identity-facts { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.identity-facts article { padding:1.75rem; border:1px solid var(--border); border-top:3px solid var(--primary); border-radius:1rem; }
.identity-facts h3 { margin-bottom:.8rem; }
.identity-facts p { color:var(--text-muted); }
.identity-facts ul { padding-left:1.2rem; margin:1rem 0 0; }
.identity-facts li { margin-top:.5rem; }
.identity-faq { margin-top:2rem; max-width:850px; }
.identity-faq details { border-bottom:1px solid var(--border); }
.identity-faq summary { padding:1rem 0; min-height:48px; font-weight:700; cursor:pointer; }
.identity-faq details p { padding:0 0 1.25rem; color:var(--text-muted); }
.identity-digital .hero-grid { grid-template-columns:1fr 1.15fr; }
.identity-digital h2 { font-size:clamp(1.8rem,3vw,2.5rem); margin:.8rem 0 1rem; }
.identity-digital .product-stage { min-width:0; }
.identity-digital .product-stage::before { inset:0; transform:none; }
@media(max-width:900px) {
 .identity-note>.container { flex-wrap:nowrap; gap:.5rem; }
 .identity-note a { min-height:44px; }
 .identity-home .hero-grid,.identity-digital .hero-grid { grid-template-columns:1fr; }
 .identity-home .portrait { justify-self:center; max-width:360px; }
 .identity-facts { grid-template-columns:1fr; }
}
@media(max-width:560px) {
 .identity-note a { display:none; }
 .identity-note p { width:auto; }
 .che-home.identity-home { padding:2rem 0; }
 .identity-home h1 { font-size:clamp(2rem,9vw,2.7rem); }
 .identity-facts article { padding:1.25rem; }
}

/* structure.css */
/* Shared information hierarchy: all public pages, no runtime framework. */
.breadcrumbs { border-bottom:1px solid var(--border); background:var(--canvas); }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:.4rem .7rem; padding:.85rem 0; margin:0; list-style:none; font-size:.8rem; line-height:1.6; }
.breadcrumbs li+li::before { content:'/'; margin-right:.7rem; color:var(--text-muted); }
.breadcrumbs li:last-child { color:var(--text-muted); }
.breadcrumbs a { text-decoration:none; }
.site-nav a[aria-current="page"] { color:var(--primary); text-decoration:underline; text-underline-offset:.35em; }
.page-hero { padding:3.1rem 0 2.8rem; }
.page-hero h1 { max-width:24ch; font-size:clamp(1.9rem,4.2vw,3.6rem); text-wrap:balance; }
.page-hero .hero-lead { max-width:67ch; margin:1.2rem 0 0; font-size:1.1rem; line-height:1.75; color:var(--text-muted); }
.section-jumps { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; margin-top:1.6rem; }
.section-jumps a { min-height:44px; display:inline-flex; align-items:center; font-weight:650; font-size:.9rem; }
.article-layout { grid-template-columns:minmax(0,760px) minmax(220px,1fr); gap:3.5rem; }
.content-article { font-size:1.02rem; line-height:1.85; }
.content-article h2 { font-size:clamp(1.35rem,2.1vw,1.85rem); line-height:1.4; letter-spacing:-.025em; margin-top:2.6rem; }
.content-article h3 { font-size:1.2rem; line-height:1.45; }
.content-article>p,.content-article>ul,.content-article>ol { max-width:74ch; }
.content-article h2:target,.content-article h3:target { background:var(--primary-soft); }
.article-aside { position:sticky; top:calc(var(--site-header-height, 6.5rem) + 1rem); max-height:calc(100dvh - var(--site-header-height, 6.5rem) - 2rem); overflow-y:auto; padding:1.4rem; border:1px solid var(--border); border-radius:.75rem; background:var(--surface); }
.article-aside a:not(.button) { display:block; padding:.5rem 0; font-size:.85rem; line-height:1.5; }
.article-aside .eyebrow { margin:0 0 .6rem; }
.article-aside .button { display:flex; width:100%; min-width:0; margin-top:1.25rem; padding:.75rem 1rem; text-align:center; white-space:normal; }
.article-aside.related { position:sticky; overflow:hidden; border-top:3px solid var(--primary); background:linear-gradient(145deg,var(--surface) 55%,var(--primary-soft)); box-shadow:0 14px 34px rgb(15 51 74 / 8%); }
.article-aside.related::before { content:'\2192'; display:grid; place-items:center; width:2.25rem; height:2.25rem; margin-bottom:1.1rem; border-radius:50%; background:var(--primary-soft); color:var(--primary); font-size:1.2rem; font-weight:800; }
.article-aside.related h3 { margin:.85rem 0 .65rem; font-size:1.3rem; line-height:1.35; }
.article-aside.related p:not(.eyebrow) { margin:0; }
.article-aside.related .button { justify-content:space-between; gap:1rem; margin-top:1.35rem; }
.article-aside.related .button::after { content:'\2192'; flex:0 0 auto; font-size:1.05rem; }
.article-toc details>summary { cursor:pointer; font-weight:700; min-height:44px; }
.article-toc ol { margin:0; padding-left:1.15rem; }
.module-grid,.module-steps,.workflow-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.module-grid { margin-top:2rem; }
.module-card { display:flex; flex-direction:column; gap:1rem; padding:1.6rem; border:1px solid var(--border); border-radius:.85rem; background:var(--surface); text-decoration:none; color:var(--text); }
.module-card:hover { border-color:var(--primary); background:var(--primary-soft); }
.module-code { width:fit-content; padding:.3rem .75rem; border-radius:.4rem; background:var(--primary-soft); color:var(--primary); font-size:.95rem; font-weight:800; }
.module-card h3 { margin:0; font-size:1.2rem; line-height:1.45; }
.module-card p { color:var(--text-muted); font-size:.94rem; line-height:1.75; margin:0; }
.card-link { margin-top:auto; padding-top:.7rem; color:var(--primary); font-weight:700; font-size:.85rem; }
.module-search-intro { max-width:76ch; margin:1rem 0 0; color:var(--text-muted); }
.module-audience { margin:1.25rem 0 1.5rem; font-size:.93rem; color:var(--text-muted); }
.module-steps { list-style:none; padding:0; margin:2rem 0; counter-reset:none; }
.module-steps li { padding:1.4rem; background:var(--surface); border-top:2px solid var(--primary); border-radius:.4rem; }
.step-number { color:var(--primary); font-size:.8rem; font-weight:800; }
.module-steps h3 { font-size:1.1rem; margin:.8rem 0; }
.module-steps p { font-size:.92rem; color:var(--text-muted); }
.module-figure { margin:2rem 0; }
.module-figure:focus-visible { outline:3px solid var(--focus); outline-offset:5px; }
.module-figure img { display:block; width:100%; max-width:1000px; height:auto; border-radius:.8rem; }
.module-figure figcaption,.image-credit { margin-top:.6rem; font-size:.75rem; color:var(--text-muted); line-height:1.6; }
.module-status { padding:1.4rem 1.7rem; border-left:3px solid var(--primary); background:var(--primary-soft); }
.module-status h2 { font-size:1.2rem; margin:0 0 .6rem; }
.module-status p { margin:0; font-size:.95rem; max-width:85ch; }
.workflow-grid { margin:2rem 0 1.5rem; }
.workflow-grid article { padding:1.4rem; border-top:1px solid var(--border); }
.workflow-grid span { color:var(--primary); font-weight:700; font-size:.85rem; }
.workflow-grid h3 { font-size:1.15rem; margin:1rem 0; }
.workflow-grid p,.scope-note { color:var(--text-muted); font-size:.95rem; line-height:1.75; }
.suite-workflow { background:var(--surface); }
.suite-hero .hero-lead { max-width:64ch; }
.context-photo { margin:1.8rem 0 0; }
.context-photo img { display:block; width:100%; height:auto; max-height:390px; object-fit:contain; background:var(--surface); border-radius:.75rem; }
.context-panel { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; align-items:center; }
.context-panel p { max-width:60ch; color:var(--text-muted); }
.context-panel h2 { font-size:clamp(1.4rem,2.5vw,2rem); }
.credit-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-bottom:3rem; }
.credit-card { padding:1.25rem; border:1px solid var(--border); border-radius:.75rem; background:var(--surface); }
.credit-card img { width:100%; height:auto; }
.credit-card h2 { font-size:1.2rem; margin:1.3rem 0 .7rem; }
.credit-card p { font-size:.85rem; }
.site-map-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }
.site-map-groups h2 { font-size:1.35rem; }
.site-map-groups ul { padding-left:1.2rem; }
.site-map-groups a { display:inline-block; padding:.4rem 0; }
.contact-captcha { display:grid; gap:.5rem; }
.contact-captcha>p { margin:0; }
.contact-captcha details { font-size:.8rem; color:var(--text-muted); }
.contact-captcha details summary { cursor:pointer; min-height:36px; padding:.4rem 0; }
.contact-captcha details p { margin:.5rem 0; line-height:1.6; }
.contact-form .form-privacy { margin:0; }
.footer-bottom>div { flex-wrap:wrap; }
.content-article img { height:auto; }
.content-article figure { margin:1.5rem 0; }
@media(max-width:1000px) {
 .module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .article-layout { grid-template-columns:minmax(0,1fr); gap:2rem; }
 .article-aside { position:static; max-height:none; order:-1; }
 .article-aside nav { display:flex; flex-wrap:wrap; gap:.3rem 1.2rem; }
}
@media(max-width:700px) {
 .module-grid,.module-steps,.workflow-grid,.credit-grid,.context-panel,.site-map-groups { grid-template-columns:minmax(0,1fr); }
 .page-hero { padding:2rem 0; }
 .module-card { padding:1.25rem; }
 .module-figure { overflow-x:auto; }
 .module-figure img { min-width:560px; }
 .module-figure figcaption { max-width:100%; }
 .article-layout { gap:1.5rem; }
 .article-aside { padding:1rem; }
 .context-panel { gap:1rem; }
}

/* Keep the demo within its content column, including the decorative backdrop. */
#demo .product-stage { margin:2rem 0 0; padding:0; }
#demo .product-stage::before { display:none; }
.breadcrumbs li { overflow-wrap:anywhere; }
@media(max-width:700px) { .page-hero h1[data-long-title] { font-size:clamp(1.1rem,5.3vw,2.1rem); } }

@media(max-width:700px) { .content-article h2[data-long-heading] { font-size:clamp(1.05rem,5.2vw,1.8rem); } }

.site-nav .nav-contact[aria-current="page"] { color:var(--on-primary); }

html { scroll-padding-top:calc(var(--site-header-height, 6.5rem) + 1rem); }

.confirmation { max-width:760px; padding-block:1rem; }
.confirmation h1 { font-size:clamp(2rem,5vw,3.2rem); margin:1rem 0; }
.confirmation h2 { font-size:1.2rem; margin:2rem 0 .6rem; }
.confirmation p { line-height:1.7; }
.confirmation-mark { display:grid; place-items:center; width:3.2rem; height:3.2rem; border-radius:50%; background:var(--primary-soft); color:var(--primary); font-size:1.8rem; }
.confirmation .button { margin-top:1rem; }
.confirmation-more { border-top:1px solid var(--border); margin-top:2.5rem; color:var(--text-muted); }
.confirmation-more h2 { color:var(--text); }
.service-faq { display:grid; gap:.75rem; max-width:74ch; }
.service-faq details { border:1px solid var(--border); border-radius:.65rem; background:var(--surface); }
.service-faq summary { min-height:48px; padding:.85rem 1rem; cursor:pointer; font-weight:700; }
.service-faq p { margin:0; padding:0 1rem 1rem; color:var(--text-muted); }
.expertise-page-guide { margin:1.5rem 0 2rem; padding:1rem 1.1rem 1.1rem; border:1px solid var(--border); border-left:4px solid var(--brand); border-radius:.75rem; background:color-mix(in srgb,var(--surface) 92%,var(--brand) 8%); }
.expertise-page-guide .eyebrow { margin:0 0 .65rem; }
.expertise-page-guide>div { display:flex; flex-wrap:wrap; gap:.45rem .6rem; }
.expertise-page-guide a { display:inline-flex; align-items:center; min-height:44px; padding:.45rem .7rem; border:1px solid var(--border); border-radius:.5rem; background:var(--surface); font-size:.9rem; font-weight:650; line-height:1.25; text-decoration:none; }
.expertise-page-guide a:hover { border-color:var(--brand); text-decoration:underline; }
h1,h2,h3,h4,h5,h6,.event-month-heading>span { text-transform:none; }

/* analytics.css */
.analytics-consent[hidden] { display: none; }
.js[data-analytics-consent] .analytics-consent { display: none; }
.analytics-consent { position: fixed; inset: auto 0 0; z-index: 1000; max-height: 65vh; overflow: auto; color: var(--text, #172f40); background: var(--surface, #fff); border-top: 2px solid var(--primary, #0f334a); box-shadow: 0 -4px 22px #0002; }
.analytics-consent-inner { max-width: 1200px; margin: auto; padding: 20px 24px; display: flex; gap: 24px; align-items: center; }
.analytics-consent h2 { font-size: 1.15rem; line-height: 1.35; margin: 0 0 8px; }
.analytics-consent p { font-size: .9rem; line-height: 1.5; margin: 0 0 8px; }
.analytics-consent a { text-decoration: underline; font-size: .9rem; }
.analytics-consent-actions { display: flex; gap: 12px; flex-shrink: 0; }
.analytics-consent button, .analytics-settings { font: inherit; cursor: pointer; }
.analytics-consent button { border: 1px solid currentColor; border-radius: 6px; padding: 10px 14px; min-height: 44px; background: transparent; color: inherit; white-space: nowrap; }
.analytics-consent button:hover { text-decoration: underline; }
.analytics-consent button:focus-visible, .analytics-settings:focus-visible { outline: 3px solid var(--primary, #227b9a); outline-offset: 3px; }
.analytics-settings { min-height:44px; border:0; padding:.5rem 0; color:inherit; background:none; text-decoration:underline; }
@media (max-width: 767px) { .analytics-consent-inner { display: block; padding: 16px 20px; } .analytics-consent-actions { margin-top: 12px; flex-wrap: wrap; } .analytics-consent-actions button { flex: 1; } }