/* Runtime presentation contract; semantic colors remain canonical static tokens. */
:root{
--xps-radius:22px;
--xps-scale:1;
}
body.public-site{--xps-density:comfortable;}
body.public-site .hsmd-home-gate,
body.public-site .hsmd-governance-gate{
  border:1px solid var(--xps-color-border);
  color:var(--xps-color-text);
  background-color:var(--xps-color-surface-raised);
  background-image:linear-gradient(135deg,
    color-mix(in srgb,var(--xps-color-accent) 9%,transparent),
    color-mix(in srgb,var(--xps-color-success) 5%,transparent));
  box-shadow:var(--xps-elevation-3);
}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) :is(h2,h3,p,.lead){color:var(--xps-color-text);}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .eyebrow{color:var(--xps-color-link);}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .authority-ribbon{margin:1rem 0 1.25rem;}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .authority-ribbon span{
  color:var(--xps-color-text);
  background:var(--xps-color-accent-soft);
  border-color:var(--xps-color-accent);
}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .execution-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.9rem;
  margin:1.2rem 0;
}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .flow-step{
  min-height:150px;
  border:1px solid var(--xps-color-border);
  border-radius:calc(var(--xps-radius,24px) * .72);
  padding:1rem;
  color:var(--xps-color-text);
  background:var(--xps-color-surface);
}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .flow-step span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.25rem;
  min-height:2.25rem;
  border-radius:999px;
  margin-bottom:.7rem;
  background:var(--xps-color-status-success-surface);
  color:var(--xps-color-success);
  font-weight:800;
}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .flow-step b{
  display:block;
  margin-bottom:.35rem;
  color:var(--xps-color-text);
}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .flow-step p{color:var(--xps-color-text-muted);}
body.public-site .hsmd-governance-gate .docs-two-col{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1rem;
  align-items:start;
}
body.public-site .hsmd-governance-gate .docs-two-col > article{
  border:1px solid var(--xps-color-border);
  border-radius:var(--xps-radius,24px);
  padding:1rem;
  color:var(--xps-color-text);
  background:var(--xps-color-surface);
}
body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .card-grid{margin-top:.75rem;}
html[dir="rtl"] body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate){text-align:start;}
@media (max-width:56.25rem){
  body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .execution-flow{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.public-site .hsmd-governance-gate .docs-two-col{grid-template-columns:1fr;}
}
@media (max-width:40rem){
  body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate){padding-inline:1rem;}
  body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .execution-flow{grid-template-columns:1fr;}
  body.public-site :is(.hsmd-home-gate,.hsmd-governance-gate) .flow-step{min-height:0;}
}
