/* Shared only by the public walkthrough and its isolated, read-only frame. */
.mxp-authentic-preview.mxp-walkthrough { display:block; padding-top:96px; padding-bottom:96px; }
.mxp-walkthrough .mxp-walkthrough-intro { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:32px;text-align:left; }
.mxp-walkthrough h2 { font-size:clamp(34px,4.4vw,60px);max-width:660px; }
.mxp-walkthrough-intro p { margin:0;color:var(--mxp-muted);font-size:15px;line-height:1.7; }
.mxp-walkthrough .mxp-authentic-points { margin-top:18px; }
.mxp-walkthrough .mxp-walkthrough-toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:28px; }
.mxp-walkthrough-toolbar nav,.mxp-walkthrough-controls { display:flex;gap:8px;flex-wrap:wrap; }
.mxp-walkthrough-toolbar button { min-height:44px;padding:10px 16px;border:1px solid #41627a;border-radius:12px;background:#0a223b;color:#d9edfa;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer; }
.mxp-walkthrough-toolbar button[aria-pressed="true"] { background:linear-gradient(110deg,#2ae1b7,#26c9ec);color:#05273b;border-color:transparent; }
.mxp-walkthrough-toolbar button:focus-visible { outline:3px solid #fba346;outline-offset:3px; }
.mxp-walkthrough-stage { position:relative;width:100%;height:640px;overflow:hidden;border:1px solid #42677f;border-radius:22px;background:#071b31;box-shadow:0 30px 80px #0004;transition:max-width .2s; margin:auto; }
.mxp-walkthrough-stage iframe { display:block;width:1200px;max-width:none;height:760px;border:0;transform-origin:top left; }
.mxp-walkthrough-stage.is-mobile { max-width:410px;border:8px solid #17344b;border-radius:32px; }
.mxp-walkthrough-caption { display:flex;justify-content:space-between;gap:16px;margin-top:16px;color:var(--mxp-muted);font-size:12px;line-height:1.6; }
.mxp-walkthrough-caption strong { color:#34cfdc; }
.demo-workspace { margin:0;overflow-x:hidden;--tenant-primary:#0c5476;--tenant-secondary:#14b5c9; }
.demo-workspace .tenant-sidebar { padding-top:24px; }
.demo-workspace .tenant-brand img { width:42px;height:42px;border-radius:12px; }
.demo-workspace .tenant-brand small { display:block; }
.demo-workspace .tenant-main { padding-bottom:48px; }
.demo-workspace [hidden] { display:none!important; }
.demo-workspace [data-analytics-reveal] { opacity:1!important;transform:none!important; }
.demo-workspace .demo-boundary { margin:30px 20px;color:#b8d1e4;font-size:13px;line-height:1.7; }
.demo-workspace .demo-boundary small { color:#92aabe; }
.demo-workspace .demo-label { color:#076e75;background:#d9f6ef;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:800; }
.demo-workspace .demo-end { color:#52687b;font-size:13px;line-height:1.7;padding:20px; }
.demo-workspace .tenant-card-preview:empty { display:none; }
.demo-workspace .tenant-card-preview { min-height:70px;background:linear-gradient(125deg,#123b60,#16a4b6); }
.demo-workspace .tenant-card-tile { overflow:hidden; }
.demo-workspace .tenant-card-preview { width:96px;height:96px;min-height:0;border-width:3px; }
.demo-workspace .tenant-card-preview img { object-position:center 35%; }
.demo-workspace .tenant-card-tile { grid-template-columns:96px minmax(0,1fr);align-items:start; }
.demo-workspace .tenant-card-list { grid-template-columns:repeat(2,minmax(0,1fr));align-items:start; }
.demo-workspace .demo-card-detail-row { grid-column:1 / -1; }
.demo-workspace .tenant-card-tile-body h2 { white-space:normal; }
.demo-workspace .tenant-card-identity span { white-space:normal; }
.demo-workspace .demo-card-details { margin-top:16px;border-top:1px solid #d5e5ee;padding-top:12px; }
.demo-workspace .demo-card-details summary { display:flex;gap:10px;justify-content:space-between;align-items:center;cursor:pointer;color:#08698d;font-size:13px;font-weight:750;line-height:1.5;min-height:44px;list-style:none; }
.demo-workspace .demo-card-details summary::-webkit-details-marker { display:none; }
.demo-workspace .demo-card-details summary:focus-visible { outline:3px solid #ff963d;outline-offset:3px; }
.demo-workspace .demo-card-details[open] summary span { transform:rotate(45deg); }
.demo-workspace .demo-card-expanded { padding-top:16px;font-size:13px;line-height:1.65;color:#435d75; }
.demo-workspace .demo-card-expanded h3 { margin:5px 0 10px;color:#102d49;font-size:20px; }
.demo-workspace .demo-card-expanded dl { display:grid;gap:12px;margin:20px 0; }
.demo-workspace .demo-card-expanded dt { font-size:10px;font-weight:800;text-transform:uppercase;color:#668196; }
.demo-workspace .demo-card-expanded dd { margin:2px 0 0;overflow-wrap:anywhere; }
.demo-workspace .demo-card-expanded ul { padding-left:18px;margin:12px 0 20px; }
.demo-workspace .demo-readonly-note { font-size:11px;margin-top:16px; }
.demo-workspace .tenant-analytics-trend,.demo-workspace .tenant-analytics-page-performance,.demo-workspace .tenant-analytics-lower { margin-top:22px; }
.demo-workspace .tenant-analytics-donuts { margin-top:22px; }
.demo-workspace .tenant-analytics-lower .tenant-card-performance a { min-height:72px; }
.demo-workspace a[aria-disabled="true"] { opacity:.6;cursor:help; }
.demo-pointer { position:fixed;left:40px;top:140px;width:20px;height:26px;z-index:10000;background:white;clip-path:polygon(0 0,100% 62%,57% 66%,40% 100%);filter:drop-shadow(0 2px 3px #002c50);pointer-events:none;opacity:0;transition:left .7s ease,top .7s ease,opacity .2s; }
.demo-pointer.is-active { opacity:1; }
.demo-pointer.is-clicking { background:#2ce9b8;transform:scale(.8); }
@media(max-width:760px) {
 .demo-workspace .tenant-card-list { grid-template-columns:1fr; }
 .mxp-walkthrough .mxp-walkthrough-intro { grid-template-columns:1fr;gap:20px; }
 .mxp-authentic-preview.mxp-walkthrough { padding:60px 18px; }
 .mxp-walkthrough .mxp-walkthrough-toolbar { justify-content:center; }
 .mxp-walkthrough-toolbar button { padding:10px 12px; }
 .mxp-walkthrough-caption { flex-direction:column;gap:5px; }
 .demo-workspace .tenant-sidebar { padding-top:58px; }
 .demo-workspace .tenant-mobile-menu-close { font-size:26px; }
 .demo-workspace .tenant-stage { margin-left:0; }
 .demo-workspace .tenant-topbar { position:static;padding:14px; }
 .demo-workspace .tenant-main { padding:18px 12px 40px; }
}
@media(prefers-reduced-motion:reduce) { .demo-pointer,.mxp-walkthrough-stage { transition:none; } }