/* Rehab Profi — Web Design System V1. Scoped adoption: the accepted homepage is unchanged. */
.system-page{
 --surface-white:#fffefa;--surface-pale:#eaf1f5;--surface-warm:#eee6d8;--surface-dark:#22374a;
 --content-max:1440px;--copy-max:650px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:80px;
 --type-display:clamp(42px,5vw,72px);--type-section:clamp(30px,3.5vw,48px);--type-sub:clamp(23px,2.4vw,32px);
 background:var(--surface-white);
}
/* Shared shell: reuse the existing header, navigation, First Contact and footer markup/behaviour. */
.system-page .site-footer{background:var(--surface-dark);color:#fffefa;--ink:#fffefa;--muted:#c2ced6;--blue:#b5d6f1;--line:rgba(216,232,241,.24);border-top:0;padding-top:62px;padding-bottom:55px}
.system-page .footer-column h2{color:#c2ced6}.system-page .site-footer a:hover{color:#fff}
.system-page .footer-contact-link,.system-page .footer-meta a{color:#b5d6f1}
.system-page .desktop-nav a[aria-current=page],.system-page .help-nav>button.active{color:var(--blue)}
.system-page .destination-main{max-width:var(--content-max);padding-top:48px;padding-bottom:80px}
.system-page .breadcrumb{font-size:13px;border:0;min-height:32px;margin-bottom:36px}
.system-page main .eyebrow{font-size:12px;letter-spacing:.09em;font-weight:600;color:var(--muted)}
.system-page .destination-heading h1,.system-page .material-intro h1,.system-page .contact-destination h1{font-size:var(--type-display);line-height:1.08;letter-spacing:-.055em;margin:20px 0 24px}
.system-page .destination-heading>div>p,.system-page .material-intro>p,.system-page .contact-destination>div>p{font-size:17px;line-height:1.7;max-width:var(--copy-max)}
.system-page .destination-heading{grid-template-columns:1.3fr .7fr;gap:64px}
.system-page .destination-art{max-width:300px;justify-self:center}.system-page .spot-field{fill:var(--surface-pale)}
.system-page .direction-body{border:0;gap:64px;margin-top:80px;padding-top:0;align-items:start}
.system-page .direction-body h2{font-size:var(--type-sub);max-width:550px}
.system-page .direction-body li{padding:18px 0;gap:0}.system-page .direction-body li>span{display:none}
.system-page .direction-body li:last-child{border-bottom:0}
.system-page .direction-body aside{background:var(--surface-pale);padding:32px}
.system-page .direction-body aside>[data-icon]{display:none}
.system-page .direction-body aside>p{margin:0 0 24px;font-size:16px}
.system-page main .text-link{font-size:14px;line-height:1.6;border:0;color:var(--blue);min-height:44px;font-weight:500;gap:20px}
.system-page main .text-link:hover{text-decoration:underline;text-underline-offset:5px}
.system-page .direction-links{gap:12px 28px;margin-top:56px}.system-page .direction-links a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;border-color:transparent}
.system-page .direction-links a[aria-current=page]{border-color:var(--blue)}
.system-page .material-intro{max-width:820px}.system-page .material-topics{gap:12px 28px;padding:28px 0 24px;margin:0;border:0}
.system-page .material-topics a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;border:0;color:var(--blue)}
.system-page .material-entry{grid-template-columns:.65fr 1.35fr;gap:64px;padding:48px 0;border-top:1px solid var(--line);border-bottom:0}
.system-page .material-entry h2{font-size:var(--type-sub);line-height:1.18}.system-page .material-entry .pictogram{display:none}
.system-page .material-entry .eyebrow{max-width:240px}.system-page .material-entry p{line-height:1.7}
.system-page .contact-destination{gap:64px}.system-page .contact-destination aside{background:var(--surface-pale);padding:32px}
.system-page .contact-destination aside h2{font-size:var(--type-sub)}.system-page .contact-destination aside p{font-size:16px}
.system-page .contact-address small{font-size:13px}.system-page .contact-destination .contact-phone{white-space:nowrap}
@media(max-width:1000px) and (min-width:801px){.system-page .destination-heading,.system-page .direction-body,.system-page .contact-destination,.system-page .material-entry{gap:32px}.system-page .destination-heading{grid-template-columns:1.55fr .65fr}.system-page .contact-destination{grid-template-columns:1.2fr .8fr}.system-page .contact-destination .contact-phone{font-size:30px}.system-page .contact-destination aside{padding:24px}}
@media(max-width:800px){
 .system-page .site-footer{padding-top:44px;padding-bottom:38px}.system-page .footer-sections{display:flex;gap:0}
 .system-page .destination-main{padding-top:32px;padding-bottom:56px}.system-page .breadcrumb{margin-bottom:28px}
 .system-page .destination-heading,.system-page .direction-body,.system-page .contact-destination{display:block}
 .system-page .direction-body{margin-top:48px}.system-page .direction-body aside{margin-top:32px;padding:24px}
 .system-page .direction-links{display:flex;flex-direction:column;align-items:flex-start;margin-top:32px;gap:4px}
 .system-page .material-entry{display:block;padding:32px 0}.system-page .material-entry>div:first-child{margin-bottom:20px}
 .system-page .material-topics{gap:4px 20px}.system-page .contact-destination aside{padding:24px;margin-top:40px}
 .system-page .destination-heading>div>p,.system-page .material-intro>p,.system-page .contact-destination>div>p{font-size:16px}
 .system-page .contact-destination .contact-phone{font-size:clamp(24px,6.8vw,40px);gap:12px}
}