:root{--brand:#08736f;--brand-dark:#075e5b;--primary:#08736f;--accent:#118c87;--blue:#08736f;--navy:#071524;background:#fbfcfc}
.public-demo-bar{border-bottom-color:#9bcfc9;background:#eef8f7;color:#174642}
.public-demo-bar a{color:#075e5b;font-weight:650}
.public-demo-bar button{border-color:#96bbb7;color:#075e5b}
.suite-top{background:#071524}
.suite-top .brand{color:#fff}
.suite-top nav a[aria-current]{background:#08736f}
button.primary{background:#08736f;border-color:#08736f}
button.primary:hover,.primary-button:hover{background:#075e5b}
.next-step{border-left-color:#118c87;background:#eef8f7}
.nav-item.active{background:#eef8f7;color:#08736f;box-shadow:inset 3px 0 #118c87}
.text-button,.back-button,.row-open{color:#08736f}
.row-open:hover{background:#eef8f7}
.demo-controls{flex-wrap:wrap;gap:12px}
@media(max-width:650px){.public-demo-bar{padding:12px 16px}.demo-controls a,.demo-controls button{min-height:36px;display:inline-flex;align-items:center}}
@media print{.public-demo-bar{display:none!important}}