#hijazi-demo-banner {
  margin-block:16px;
  background:linear-gradient(112deg,#0e2236,#0d3c54);
  color:#eefaff;
  border:1px solid #285a70;
}
#hijazi-demo-banner h2 {font-size:clamp(21px,3vw,30px);margin:4px 0}
#hijazi-demo-banner p {color:#d0e9f5;margin:6px 0 11px;max-width:80ch}
#hijazi-demo-banner .eyebrow {color:#67e8f9}
#hijazi-tour {
  position:fixed;inset-inline-end:20px;inset-block-end:20px;z-index:40;
  width:min(430px,calc(100% - 40px));max-height:55dvh;overflow:auto;
  background:#f4fcff;border:1px solid #9ed7eb;border-radius:16px;
  box-shadow:0 15px 50px #08131f30;padding:16px;
}
#hijazi-tour:has(#hijazi-finish-title) {width:min(610px,calc(100% - 40px));max-height:72dvh}
#hijazi-tour h2 {font-size:19px;margin:5px 0;color:#0e2236}
#hijazi-tour p {margin:5px 0}
#hijazi-tour progress {display:block;width:100%;accent-color:#00779b}
#hijazi-tour .button {min-height:38px}
#hijazi-tour-status {font-weight:650;color:#12644d}
.demo-tour-target {outline:3px solid #0ea5e9!important;outline-offset:4px;scroll-margin:20px}
.demo-tour-outputs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:9px}
.demo-tour-outputs article {padding:10px;border:1px solid #cfe4ee;border-radius:9px;background:white}
#hijazi-measurement-explanation {background:#edf9fe;border-inline-start:3px solid #0ea5e9;padding:7px 10px;margin-block:9px;font-size:13px}
#hijazi-measurement-explanation ul {padding-inline-start:18px}
@media(max-width:580px){
  #hijazi-tour {inset-inline:8px;inset-block-end:8px;width:auto;max-height:40dvh;padding:10px}
  #hijazi-tour:has(#hijazi-finish-title) {width:auto}
  .demo-tour-outputs {grid-template-columns:1fr}
}