/* A356: approved homepage hierarchy; original plain viewer title restored. */
.home-page .technical-frame > .brand-intro > .eyebrow {
 width:100%;max-width:none;text-align:center;justify-self:center;
 margin-inline:auto;font-size:clamp(.625rem,2.5vw,.8125rem);
 letter-spacing:clamp(.025em,.12vw,.16em);line-height:1.6;
 text-wrap:balance;
}
.home-page .kabir-preview > .public-use-context {
 width:min(100%,620px);min-width:0;margin:4px 0 0;text-align:left;
}
.home-page .public-use-context > h2 {
 margin:0 0 12px;color:var(--brand-deep);font-size:clamp(1.125rem,1.55vw,1.5rem);
 font-weight:600;line-height:1.4;letter-spacing:-.012em;text-wrap:balance;
}
.home-page .public-use-context > p {
 margin:0;color:#36516a;font-size:clamp(1rem,1.05vw,1.0625rem);line-height:1.65;
}
.home-page .kabir-preview > .section-label {
 width:min(100%,620px);margin:0;text-align:left;color:#53697e;
 font-size:.8125rem;font-weight:500;line-height:1.5;letter-spacing:.14em;
}
.demo-page .viewer.chrome-visible > .viewer-titlebar,
.demo-page .viewer.chrome-visible > .viewer-controls-surface {
 transition:none;
}
@media (max-width:600px) {
 .home-page .kabir-preview > .public-use-context {margin-top:2px}
}
@media (max-width:560px) {
 .home-page .kabir-preview > .section-label {font-size:.75rem}
}
/* A350: Replay stays in place and disabled throughout the walkthrough. */
.demo-page .viewer[data-phase="tutorial"] #restart {
  visibility: visible;
  pointer-events: none;
}
/* A352: the closing message is a white band across the whole page. */
.demo-page .shell {margin-bottom:0}
.demo-page > .teaser-close {
  width:100%;margin-top:30px;background:#fff;
  padding:clamp(34px,4vw,56px) var(--phd-gutter) clamp(34px,4vw,56px);
}