#cm-download-button{position:absolute;z-index:3;height:32px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.4);border-radius:9px;background:rgba(255,255,255,.12);color:#fff;font:600 12px Arial,sans-serif;cursor:pointer;white-space:nowrap;box-sizing:border-box;box-shadow:none;text-shadow:none}#cm-download-button:hover{background:rgba(255,255,255,.23)}#cm-download-button:focus-visible{outline:2px solid white;outline-offset:3px}#cm-download-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#cm-download-button.cm-download-compact{padding:0 7px}#cm-download-button.cm-download-compact span{display:none}
#cm-download-dialog{position:fixed;inset:0;margin:auto;width:min(960px,calc(100vw - 40px));max-width:none;max-height:calc(100vh - 48px);padding:26px;border:1px solid #dce6ed;border-radius:20px;background:#f5f8fb;color:#233747;box-shadow:0 24px 80px #112e4d55;box-sizing:border-box;font:14px/1.5 Arial,sans-serif;overflow:auto;text-shadow:none}#cm-download-dialog::backdrop{background:rgba(13,35,54,.45)}#cm-download-dialog *{box-sizing:border-box}#cm-download-dialog .cm-download-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}#cm-download-dialog h2{font-size:23px;margin:0 0 5px;color:#233747}#cm-download-dialog h3{font-size:17px;margin:10px 0;color:#233747}#cm-download-dialog p{margin:8px 0 16px;color:#53697a;line-height:1.5}#cm-download-dialog .cm-download-close{width:34px;height:34px;flex:none;border:0;border-radius:50%;background:#e5edf3;color:#344f65;font:24px Arial;cursor:pointer;padding:0}#cm-download-dialog .cm-download-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#cm-download-dialog section{padding:20px;background:white;border:1px solid #dfe8ee;border-radius:15px;min-width:0}#cm-download-dialog .cm-download-platform{font-size:12px;font-weight:bold;color:#326585;background:#eaf3f8;display:inline-block;padding:4px 10px;border-radius:7px}#cm-download-dialog a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #bed2df;border-radius:9px;background:#edf5fa;color:#225776;text-decoration:none;font-weight:bold}#cm-download-dialog a:hover{background:#deedf6}#cm-download-dialog a small{font-weight:normal;white-space:nowrap}#cm-download-dialog :focus-visible{outline:2px solid #2673a5;outline-offset:3px}#cm-download-dialog details{margin-top:14px;font-size:12px}#cm-download-dialog summary{cursor:pointer;color:#326585}#cm-download-dialog code{display:block;white-space:normal;overflow-wrap:anywhere;background:#edf2f6;padding:9px;border-radius:7px;font-size:11px}#cm-download-dialog .cm-download-note{font-size:12px;margin:18px 0 0}@media(max-width:740px){#cm-download-dialog{width:calc(100vw - 24px);padding:18px;max-height:calc(100dvh - 24px)}#cm-download-dialog .cm-download-cards{grid-template-columns:1fr}}

/* Scope overrides to the download UI; existing skins reset radii and colors. */
html body #topnav #cm-download-button{background:#fff!important;color:#165886!important;border:1px solid #fff!important;border-radius:10px!important;box-shadow:0 2px 7px #123e6726!important;font-weight:700!important;opacity:1!important}
html body #topnav #cm-download-button span,html body #topnav #cm-download-button svg{color:#165886!important;opacity:1!important}
html body #topnav #cm-download-button:hover{background:#e9f4ff!important;border-color:#e9f4ff!important}
html body #cm-download-dialog{border-radius:22px!important;background:#f5f8fb!important}
html body #cm-download-dialog section{border-radius:16px!important}
html body #cm-download-dialog a{border-radius:10px!important}
html body #cm-download-dialog .cm-download-platform,html body #cm-download-dialog code{border-radius:8px!important}
html body #cm-download-dialog .cm-download-close{border-radius:50%!important}
html body #cm-download-dialog .cm-download-date{font-size:12px;color:#597084;margin-top:-10px;margin-bottom:16px}

/* The login button shares the download dialog and stays outside the submitted form. */
html body #login-form #cm-download-button.cm-download-login{position:static!important;display:inline-flex!important;align-self:center;flex-shrink:0;height:40px;margin:0 auto 18px!important;padding:0 18px!important;background:#fff!important;color:#165886!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:10px!important;box-shadow:0 4px 16px #112e4d26!important;font:700 13px Arial,sans-serif!important;text-shadow:none!important;max-width:calc(100vw - 32px)}
html body #login-form #cm-download-button.cm-download-login span,html body #login-form #cm-download-button.cm-download-login svg{color:#165886!important;opacity:1!important}
html body #login-form #cm-download-button.cm-download-login:hover{background:#e9f4ff!important}
html body #login-form #cm-download-button.cm-download-login:focus-visible{outline:3px solid #fff!important;outline-offset:4px}

/* Wider desktop cards keep the release notes readable without excess height. */
@media(min-width:741px){
 #cm-download-dialog{width:min(1480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;line-height:1.4}
 #cm-download-dialog .cm-download-heading{margin-bottom:14px}
 #cm-download-dialog section{padding:16px}
 #cm-download-dialog p{margin:6px 0 10px;line-height:1.4}
 #cm-download-dialog h3{margin:8px 0;font-size:16px}
 html body #cm-download-dialog .cm-download-date{margin-top:-4px;margin-bottom:12px}
 #cm-download-dialog .cm-release-notes h4{margin:14px 0 8px;font-size:14px}
 #cm-download-dialog .cm-release-notes ul{padding-left:18px;margin:0;font-size:13px;line-height:1.4}
 #cm-download-dialog .cm-release-notes li{margin:3px 0}
 #cm-download-dialog .cm-copy-status:empty{display:none}
 #cm-download-dialog .cm-download-note{margin-top:12px}
}