/* Shared customer-facing layout. Paper is a short accent, not a reading surface. */
.site-body :is(.service-subnav,.dossier-nav,.helpdesk-page-nav,.projects-journey-nav,.brand-experience-chapters) { background: var(--color-bg); border: 0; border-block: 1px solid var(--color-border); border-radius: 0; padding: 0; }
.site-body :is(.dossier-nav,.service-subnav,.projects-journey-nav,.brand-experience-chapters) { position: sticky; top: var(--nav-height); z-index: 40; }
.site-body :is(.service-subnav__list,.dossier-nav,.helpdesk-page-nav,.projects-journey-nav__links,.brand-experience-chapters) { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; scrollbar-width: thin; }
.site-body :is(.service-subnav,.dossier-nav,.helpdesk-page-nav,.projects-journey-nav,.brand-experience-chapters) a { display: inline-flex; align-items: center; flex-shrink: 0; min-height: 48px; padding: 8px 16px; color: var(--color-text-light); background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; text-decoration: none; font-size: .9rem; }
.site-body :is(.service-subnav,.dossier-nav,.helpdesk-page-nav,.projects-journey-nav,.brand-experience-chapters) a:is(:hover,:focus-visible,.is-current,.is-active,[aria-current]) { color: var(--color-text); border-bottom-color: var(--color-primary); }
.site-body :is(.projects-journey-nav__label,.projects-journey-nav__progress,.projects-journey-nav a small) { display: none; }
.site-body :is(.brand-experience-chapters__status,.brand-experience-chapters__progress,.brand-experience-chapters a small) { display: none; }
.site-body .brand-experience-chapters__links { display: flex; overflow-x: auto; flex-wrap: nowrap; gap: 8px; }
.site-body :is(.dossier-nav,.service-subnav__list) { padding-inline: max(22px, calc((100vw - 1240px) / 2)); margin: 0; }
.site-body .service-subnav__item { flex-shrink: 0; }
.site-body :is(.service-subnav,.dossier-nav,.helpdesk-page-nav,.projects-journey-nav,.brand-experience-chapters) a { white-space: nowrap; }
.site-body :is(.dossier-nav,.service-subnav,.helpdesk-page-nav,.projects-journey-nav,.brand-experience-chapters) a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -3px; }
.site-main [id] { scroll-margin-top: calc(var(--nav-height) + 72px); }
.page-helpdesk-modern .site-main .helpdesk-section--decision { background: var(--color-bg); color: var(--color-text); }
.site-main .service-plan__details summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--color-primary); }
.site-main :is(.service-plan__details,.service-configurator__details,.helpdesk-more,.software-product-plans,.software-operation-details) > summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; }
.page-helpdesk-modern .site-main .helpdesk-section--decision :is(h2,h3,h4,strong) { color: var(--color-text); }
.page-helpdesk-modern .site-main .helpdesk-section--decision :is(p,li,small) { color: var(--color-text-light); }
.page-helpdesk-modern .site-main .helpdesk-decision-nav a { color: var(--color-text); border-color: var(--color-border); }
.page-helpdesk-modern .site-main .helpdesk-decision-nav a span { color: var(--color-primary); }
.page-helpdesk-modern .site-main .helpdesk-decision-nav a:is(:hover,:focus-visible) { background: var(--color-bg-card); outline-color: var(--color-primary); }
.page-helpdesk-modern .site-main .helpdesk-decision-path { margin: 32px 0; padding: 24px 0; border: 0; border-top: 1px solid var(--color-border); }
.page-helpdesk-modern .site-main .helpdesk-decision-block { padding: 24px 0; border-bottom: 1px solid var(--color-border); }
.page-helpdesk-modern .site-main .helpdesk-info-card { background: var(--color-bg-card); color: var(--color-text); padding: 24px; }
.page-helpdesk-modern .helpdesk-more summary { display: flex; align-items: center; min-height: 48px; cursor: pointer; color: var(--color-primary); border-block: 1px solid var(--color-border); }
.page-helpdesk-modern .helpdesk-decision-path__head { border-bottom: 1px solid var(--color-border); padding-bottom: 24px; }
.page-helpdesk-modern .helpdesk-decision-path__head strong { font-size: clamp(1.25rem, 2vw, 1.75rem); }
.page-helpdesk-modern .site-main .helpdesk-section--decision :is(.helpdesk-feature-kicker,.helpdesk-decision-path__head > span:first-child,.helpdesk-info-card i,.helpdesk-rollout-list article > span) { color: var(--color-primary); }
.page-helpdesk-modern .site-main .helpdesk-section--decision :is(a,button,summary):focus-visible { outline-color: var(--color-primary); }
.page-helpdesk-modern .site-main .helpdesk-decision-path__head { border-top-color: var(--color-border); }
.page-helpdesk-modern .site-main .helpdesk-info-card li::before { background: var(--color-primary); }
.page-helpdesk-modern .site-main .helpdesk-section--overview { padding-block: 24px; }
.page-helpdesk-modern .site-main .helpdesk-module-subsection { margin-top: 28px; }
.page-services .service-hero { padding-top: calc(var(--nav-height) + 40px); }
.page-services :is(h1,h2,h3,h4) { color: var(--color-text); }
.page-services :is(.service-axes,.service-matrix,.service-priorities,.service-facts,.service-operating,.service-sla-cards) { display: grid; grid-template-columns: 1fr; gap: 0; }
.page-services :is(.service-axis,.service-matrix__row,.service-priority,.service-fact,.service-model,.service-sla-card) { padding: 24px 0; border: 0; border-top: 1px solid var(--color-border); border-radius: 0; background: transparent; }
.page-services .service-axis__index { display: none; }
.page-services .service-section { padding: 40px 0; }
.page-services .service-plans { background: transparent; border: 0; padding: 0; }
.page-services .service-plan { background: var(--color-bg-card); }
.page-services .service-configurator { background: var(--color-bg-card); }
.page-services :is(.service-plan__price strong,.service-sla-card__price strong) { color: var(--color-primary); }
.page-services .service-hero__intro { max-width: 62ch; }
.page-software .software-card__pricing details summary { min-height: 44px; cursor: pointer; color: var(--color-primary); }
.page-software .software-evidence { display: none; }
@media (min-width: 801px) { .page-services :is(.service-matrix__row,.service-fact,.service-model) { display: grid; grid-template-columns: minmax(180px, .4fr) 1fr; gap: 24px; } }
@media (min-width: 801px) {
    .page-services .service-model > h3 { grid-column: 1; grid-row: 1; }
    .page-services .service-model__status { grid-column: 2; grid-row: 1; width: fit-content; margin: 0; }
    .page-services .service-model > p:not(.service-model__status) { grid-column: 1; grid-row: 2; }
    .page-services .service-model__points { grid-column: 2; grid-row: 2; }
    .page-services .service-fact:not(:has(h3)) { display: block; max-width: 68ch; }
    .page-services .service-sla-card { display: grid; grid-template-columns: minmax(160px, .4fr) 1fr; gap: 16px 24px; }
    .page-services .service-sla-card > h3 { grid-column: 1; grid-row: 1; }
    .page-services .service-sla-card__price { grid-column: 1; grid-row: 2; }
    .page-services .service-sla-card__lead { grid-column: 2; grid-row: 1; }
    .page-services .service-sla-card__targets { grid-column: 2; grid-row: 2; margin: 0; }
    .page-services .service-sla-card__notes { grid-column: 2; grid-row: 3; }
}