#ciss-demo{max-width:1120px;margin:0 auto;padding:64px 28px 80px;color:#173631;font:16px/1.7 system-ui,sans-serif;box-sizing:border-box}
#ciss-demo *{box-sizing:border-box}#ciss-demo .cisd-eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#52736b;margin:0 0 20px}
#ciss-demo h1{font:600 clamp(36px,5vw,64px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0 0 24px;max-width:850px;color:#173631}
#ciss-demo .cisd-lead{font-size:20px;line-height:1.7;max-width:820px;color:#5b706b;margin-bottom:28px}
#ciss-demo .cisd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0;border-top:1px solid #dce5df;border-bottom:1px solid #dce5df;padding:24px 0}
#ciss-demo .cisd-stats strong{display:block;font-size:36px;line-height:1.3}#ciss-demo .cisd-stats span{color:#5b706b;font-size:14px}
#ciss-demo .cisd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
#ciss-demo .cisd-card{display:block;background:#f4f7f3;border:1px solid #dce5df;border-radius:18px;padding:32px;color:#173631;text-decoration:none;transition:transform .2s,box-shadow .2s}
#ciss-demo .cisd-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #17363110}#ciss-demo .cisd-number{font-size:12px;letter-spacing:2px;color:#71867c}
#ciss-demo h2{font:600 27px/1.3 Georgia,serif;color:#173631;margin:14px 0}#ciss-demo .cisd-card p{min-height:84px;color:#5b706b}#ciss-demo .cisd-card strong{font-size:14px}
#ciss-demo .cisd-note{padding:32px;border:1px solid #dce5df;border-radius:16px;margin-top:32px;background:white}#ciss-demo .cisd-note p{max-width:860px}
#ciss-demo a{color:#255b4b}#ciss-demo .cisd-primary{background:#255b4b;color:#fff;border:0;border-radius:8px;padding:15px 22px;font:600 16px system-ui;cursor:pointer;margin-top:26px}
#ciss-demo .cisd-switch,#ciss-demo .cisd-actions{display:flex;flex-wrap:wrap;gap:12px}#ciss-demo .cisd-chip{display:inline-block;border:1px solid #cbdad0;border-radius:24px;padding:8px 16px;text-decoration:none;font-size:14px;background:white}
#ciss-demo .cisd-actions{justify-content:space-between;margin-top:24px}
.ciss-dnn-menu-host .da-drawer,.ciss-dnn-menu-host .dm0-drawer,.ciss-dnn-menu-host .dnw-drawer{left:var(--aperture-ciss-offset-left,0px);max-width:calc(100vw - var(--aperture-ciss-offset-left,0px))}
.ciss-dnn-menu-host .dm0-container{left:var(--aperture-ciss-offset-left,0px)!important;max-width:calc(100vw - var(--aperture-ciss-offset-left,0px))}
.da-toggle,.dm0-toggle{top:auto!important;bottom:24px!important;left:calc(var(--aperture-ciss-offset-left,0px) + 24px)!important}.da2-toggle{top:150px!important;right:24px!important}.dnw-toggle{top:150px!important}
@media(max-width:700px){#ciss-demo{padding:32px 20px}#ciss-demo .cisd-grid{grid-template-columns:1fr}#ciss-demo .cisd-stats{gap:12px}#ciss-demo .cisd-stats strong{font-size:28px}#ciss-demo .cisd-stats span{font-size:12px}#ciss-demo .cisd-note,#ciss-demo .cisd-card{padding:22px}.da2-toggle,.dnw-toggle{top:110px!important}.dnw-toggle{left:auto!important;right:10px!important}}

/* Keep the short drawer label inside its native floating trigger. */
.ciss-dnn-menu-host .dnw-toggle{width:auto;min-width:44px;padding:0 14px;overflow:hidden}.ciss-dnn-menu-host .dnw-toggle-copy{font-size:11px;letter-spacing:.1em;max-width:5em;overflow:hidden;text-overflow:ellipsis}
.ciss-dnn-menu-host .dnw-shell[data-dnw-open="0"] .dnw-drawer{transform:translateX(calc(-100% - var(--aperture-ciss-offset-left,0px) - 2px)) translateY(-50%)}
.ciss-dnn-menu-host .dnw-shell[data-dnw-open="0"] .dnw-toggle{left:var(--aperture-ciss-offset-left,0px)}
.ciss-dnn-menu-host .dnw-toggle{top:auto!important;bottom:24px!important;left:auto!important;right:24px!important;transform:none!important}
@media(max-width:768px){.ciss-dnn-menu-host .dnw-shell[data-dnw-open="0"] .dnw-drawer{transform:translateX(calc(-100% - var(--aperture-ciss-offset-left,0px) - 2px))}}