/* Glass recipes measured on stamfordhealth.org, September 2026.
   Clear pills: 25–37.6% white / 35px blur.
   Clear cards: 50–75% white / 35px blur.
   Navigation pills: 65–85% white / 20px blur. */
.sh-experience,.sh-resource-dialog{
  --sh-glass-pill:linear-gradient(115.38deg,rgba(255,255,255,.25) -15.34%,rgba(255,255,255,.376) 101.72%);
  --sh-glass-card:linear-gradient(111.75deg,rgba(255,255,255,.5) -16.98%,rgba(255,255,255,.75) 100.96%);
  --sh-glass-hover:linear-gradient(100.78deg,rgba(255,255,255,.65),rgba(255,255,255,.85) 52.29%);
  --sh-glass-edge:1px solid rgba(255,255,255,.5);
}
.sh-surface{background:#8d1b3d}
.sh-header{background:var(--sh-glass-card);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px)}
.sh-header>img{mix-blend-mode:normal}
.sh-tabs button{background:var(--sh-glass-hover);border:var(--sh-glass-edge);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.sh-tabs button[aria-selected=true],.sh-tabs button:hover{background:linear-gradient(88.83deg,#8d1b3d 5.04%,#be2752 107.5%);border-color:#ffffff80}
.sh-quick-links{position:relative;z-index:1;margin-top:-42px;padding-top:0;background:transparent}
.sh-pill,.sh-service-list button{background:var(--sh-glass-pill);border:var(--sh-glass-edge);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);box-shadow:inset 0 1px 0 #ffffff20}
.sh-pill:hover,.sh-pill:focus-visible,.sh-service-list button[aria-pressed=true],.sh-service-list button:hover{background:var(--sh-glass-hover);color:#8d1b3d;border-color:#ffffffa6}
.sh-home-bottom{padding-top:28px;background:transparent}
.sh-services-intro,.sh-service-layout{background:transparent}
#sh-services{background-color:#8d1b3d;background-image:url('assets/stamford/glass-backdrop.svg'),linear-gradient(118deg,transparent 48%,#be27524d 48%,#be27524d 69%,transparent 69%);background-size:cover}
.sh-service-detail,.sh-selection{background:var(--sh-glass-card);border:var(--sh-glass-edge);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);box-shadow:inset 0 1px 0 #ffffff59}
#sh-search{background:#faf8f8 url('assets/stamford/glass-backdrop.svg') center/cover}
.sh-search-field{background:var(--sh-glass-card);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px)}
.sh-action,.sh-specialty-list button{background:linear-gradient(88.83deg,#8d1b3d 5.04%,#be2752 107.5%);border:var(--sh-glass-edge);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.sh-action:hover,.sh-specialty-list button:hover,.sh-specialty-list button[aria-pressed=true]{background:var(--sh-glass-hover);color:#8d1b3d;border-color:#8d1b3d66}
.sh-component-frame{--card-fill:linear-gradient(88.83deg,rgba(141,27,61,.9) 5.04%,rgba(190,39,82,.83) 107.5%);background-color:#f4d9e4;background-image:url('assets/stamford/glass-backdrop.svg'),linear-gradient(125deg,#fff9 0%,#fff9 27%,transparent 27%,transparent 61%,#be27521c 61%,#be27521c 83%,transparent 83%);background-size:cover}
.sh-component-frame[data-tone=pink]{--card-fill:linear-gradient(88.83deg,rgba(163,23,66,.91) 5.04%,rgba(194,35,84,.87) 107.5%)}
.sh-component-frame[data-tone=light]{--card-fill:var(--sh-glass-card)}
.sh-component-surface{background:transparent}
.sh-content-card,.sh-example-button{background:var(--card-fill);border:var(--sh-glass-edge);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);box-shadow:inset 0 1px 0 #ffffff33}
.sh-component-frame[data-tone=light] .sh-content-card,.sh-component-frame[data-tone=light] .sh-example-button{border-color:#8d1b3d40;box-shadow:inset 0 1px 0 #ffffffa6}
.sh-content-card:hover,.sh-content-card:focus-visible{background:var(--sh-glass-hover);color:#8d1b3d;box-shadow:inset 0 1px 0 #ffffffa6,0 10px 24px #8d1b3d12}
.sh-example-button:hover,.sh-example-button[data-state=hover]{background:var(--sh-glass-hover);color:#8d1b3d}
.sh-resource-dialog{background:var(--sh-glass-hover);border:var(--sh-glass-edge);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);box-shadow:inset 0 1px 0 #ffffff99,0 24px 80px #0004}
.sh-resource-dialog::backdrop{background:#22101966;backdrop-filter:none}
.sh-original-hero{margin-bottom:35px}
/* Keep the same hierarchy and readable fills without backdrop-filter support. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .sh-header,.sh-service-detail,.sh-selection,.sh-resource-dialog,.sh-component-frame[data-tone=light] .sh-content-card,.sh-component-frame[data-tone=light] .sh-example-button{background:#f5e8ed}
  .sh-pill,.sh-service-list button{background:#ad5570}
  .sh-pill:hover,.sh-service-list button:hover,.sh-service-list button[aria-pressed=true]{background:#f3e5ea}
}
@media(max-width:470px){.sh-quick-links{margin-top:-30px;padding-top:0}}