.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
#typing-icon,.technology-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px}
#typing-icon .ui-icon,.technology-toggle-icon .ui-icon{width:12px;height:12px}
.button>.ui-icon{width:16px;height:16px}.play .ui-icon,.stage-play .ui-icon{width:13px;height:13px}
.play,.stage-play{padding-left:0}.radar-core .ui-icon{width:38px;height:38px}.principle-mark .ui-icon{width:42px;height:42px}
.workflow-demo .demo-scale-note,.workflow-demo .savings-method,.workflow-demo .capacity-disclaimer{font-size:13px;line-height:1.7;color:#455a75}
.assessment-section .fine{font-size:12px;color:#c1cfe0;line-height:1.7}.case-image-tag{font-size:11px;color:#344e6d}.footer-note{font-size:11px;color:#546780}
/* Shared vector arrow for connectors generated by CSS. */
.process-card:not(:last-child):after,.service-signal li+li:before,.path-node:not(:last-child):after{
 content:'';display:block;width:1em;height:1em;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16m-7-7 7 7-7 7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16m-7-7 7 7-7 7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* The header and navigation stay outside the scrollable question/result content. */
#assessment-dialog{padding:0;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden}
#assessment-dialog[open]{display:flex;flex-direction:column}
#assessment-dialog .dialog-top{padding:18px 26px 14px;margin:0;flex:0 0 auto;border-bottom:1px solid #e0e7f1}
#assessment-content{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden}
.assessment-scroll{padding:22px 26px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto;scroll-padding:15px}
.assessment-fixed-footer{flex:0 0 auto;padding:15px 26px 18px;border-top:1px solid #d7e1ee;background:#fff;box-shadow:0 -8px 22px #14375d08}
.assessment-fixed-footer .question-controls,.assessment-fixed-footer .result-actions{margin:0;gap:12px}
.assessment-fixed-footer .fine{font-size:12px;line-height:1.5;margin:10px 0 0;color:#4b607c}
.assessment-fixed-footer .button{min-height:44px}.assessment-fixed-footer .text-button{min-height:44px}
.assessment-fixed-footer .result-actions .button{font-size:12px;padding:12px 17px;gap:10px}
#assessment-dialog .close-dialog{flex:0 0 auto}#assessment-dialog .progress{margin-bottom:22px}
@media(max-width:600px){
 .workflow-demo .demo-scale-note,.workflow-demo .savings-method,.workflow-demo .capacity-disclaimer{font-size:12px;line-height:1.7}
 .path-node:not(:last-child):after{width:17px;height:17px}
 #assessment-dialog .dialog-top{padding:12px 18px 10px}
 .assessment-scroll{padding:18px}.assessment-fixed-footer{padding:12px 18px 14px}
 #assessment-dialog .question-title{font-size:23px;margin-bottom:18px}
 #assessment-dialog .answer-option{padding:12px 14px;font-size:13px;min-height:48px}
 .assessment-fixed-footer .question-controls button{font-size:12px}
 .assessment-fixed-footer .result-actions{display:grid;grid-template-columns:1fr}
 .assessment-fixed-footer .fine{font-size:11px;line-height:1.5}
 .service-signal li+li:before{display:none}
}
@media(max-height:450px){
 #assessment-dialog .dialog-top{padding-top:7px;padding-bottom:7px}
 .assessment-fixed-footer{padding-top:8px;padding-bottom:8px}
 .assessment-fixed-footer .result-actions{display:flex;flex-wrap:nowrap}
 .assessment-fixed-footer .result-actions .button{font-size:11px;padding:10px 12px}
 .assessment-fixed-footer .fine{margin-top:6px}
}

/* Locale controls remain real links, including without JavaScript. */
.languages a{display:inline-block;padding:5px 0;background:none}
.languages a[aria-current="page"]{border-bottom:2px solid var(--amber);font-weight:700}

/* Keep the approach and the simulation introduction visually close. */
#enfoque{align-items:center;column-gap:clamp(24px,5vw,64px);margin-bottom:clamp(24px,3vw,40px)}
#enfoque p:last-child{margin-bottom:0}

#back-to-top{
 position:fixed;z-index:20;
 right:calc(16px + env(safe-area-inset-right,0px));
 bottom:calc(16px + env(safe-area-inset-bottom,0px));
 display:grid;place-items:center;width:44px;height:44px;padding:0;
 border:1px solid #cfdeee;border-radius:50%;background:#fff;color:#234b76;
 box-shadow:0 2px 12px #1734531a;
}
#back-to-top .ui-icon{width:18px;height:18px}
#back-to-top:focus-visible{outline:2px solid #297dff;outline-offset:3px}
@media(hover:hover){#back-to-top:hover{background:#edf5ff}}
@media(max-width:680px){
 .analytics-notice:not([hidden]) ~ #back-to-top{
  bottom:calc(34px + var(--analytics-notice-height,0px) + env(safe-area-inset-bottom,0px));
 }
}

.service-title h3 a{text-decoration:underline;text-decoration-color:#9db8dd;text-underline-offset:.18em}
.service-title h3 a:hover,.service-title h3 a:focus-visible{color:#2464ac;text-decoration-color:currentColor}