/* Finishing pass: preserve the established blue/glass layout. */
:focus-visible{outline:3px solid #236d9f;outline-offset:4px}
button,a,input,select,textarea,summary{touch-action:manipulation}
.site-footer{align-items:start;gap:30px}.site-footer>div{max-width:380px}.site-footer p{font-size:14px;line-height:1.6;margin-top:14px;color:#465d6c}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 25px;max-width:450px}.site-footer nav a,.site-footer nav button{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.form-note a,.contact-note a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
body:has(dialog[open]){overflow:hidden}dialog{max-height:90dvh;overflow:auto}dialog .dialog-close{min-width:44px;min-height:44px}
.demo-bridge{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #c6dae8;margin-top:24px;padding-top:24px}.demo-bridge p{font-size:16px;line-height:1.7;color:#465d6c}.demo-bridge strong{font-size:22px;color:#173c56;font-weight:500}
.cap-navigation nav{padding-block:5px;gap:12px}.cap-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:5px}.cap-navigation a[aria-current="location"]{background:#173c56;color:white}.capability{scroll-margin-top:75px}.cap-figure figcaption span{color:#536b7b}.action-feature{grid-template-columns:1fr 1.8fr}.role-controls button,.topic-controls button{min-height:44px}.example-progress li:before{content:'○ ';}.example-progress li.reached:before{content:'✓ ';}.example-progress li[aria-current="step"]:before{content:'→ ';}
.viewer-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.viewer-controls button{min-height:44px;border:1px solid #9bb7ca;border-radius:6px;padding:8px 14px;background:#fff;color:#214e70}.viewer-controls button:disabled{opacity:.45;cursor:default}.viewer-controls #screen-count{font-size:13px;color:#3e5d75}.viewer-scroll img{min-width:0;max-width:100%;width:auto;max-height:65dvh;margin-inline:auto;object-fit:contain}.viewer-scroll.full-resolution img{max-width:none;max-height:none;width:auto}.viewer-scroll{overscroll-behavior:contain}.viewer-close{min-height:44px;flex-shrink:0}
.guided-demo:has(noscript) .example-shell{min-width:0}.record-details dd{overflow-wrap:anywhere}.site-header nav .button{white-space:normal}
@media(max-width:1100px){.action-feature{grid-template-columns:1fr}}
@media(max-width:700px){.demo-bridge{align-items:stretch;flex-direction:column}.cap-navigation nav{width:100%;padding-inline:10px;font-size:12px;gap:3px}.cap-navigation a{padding-inline:10px}.example-progress{font-size:12px}.site-footer{display:block}.site-footer nav{margin-top:22px}.viewer-toolbar{gap:10px}#screen-viewer{padding:14px}.viewer-controls{gap:8px}.viewer-controls button{font-size:12px;padding:8px 10px}.demo-status{max-width:100%}.implementation-steps{gap:18px}.implementation-steps h3{font-size:22px}.sample-actions .button{max-width:100%;white-space:normal}.hero-intro .button{min-width:0}.cap-figure figcaption{flex-wrap:wrap;gap:3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.case h3 a{text-decoration:underline;text-decoration-color:#a9bdcd;text-decoration-thickness:1px;text-underline-offset:5px}.case h3 a:hover{text-decoration-color:currentColor}

/* One-time fade and motion; content stays visible without JavaScript. */
@media(prefers-reduced-motion:no-preference){
 .gentle-reveal{animation:workuplink-reveal 3200ms cubic-bezier(.37,0,.35,1) both}
 .reveal-from-left{--reveal-x:-24px;--reveal-y:0px}
 .reveal-from-right{--reveal-x:24px;--reveal-y:0px}
 @keyframes workuplink-reveal{from{opacity:0;transform:translate(var(--reveal-x,0px),var(--reveal-y,12px))}to{opacity:1;transform:translate(0,0)}}
 @media(max-width:700px){.reveal-from-left,.reveal-from-right{--reveal-x:0px;--reveal-y:12px}}
}
@media print{.gentle-reveal{animation:none!important;transform:none!important;opacity:1!important}}