/* Shared pearl surfaces; page backgrounds and content stay unchanged. */
.aps-surface-glass{position:relative;isolation:isolate;box-sizing:border-box;min-width:0;border:1px solid rgba(255,255,255,.88)!important;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(255,255,255,.3) 58%,rgba(235,239,231,.46))!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px rgba(255,255,255,.4),0 16px 30px -22px rgba(38,55,44,.25)}
.aps-surface-glass:after{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.4);border-radius:20px;pointer-events:none}
.aps-surface-glass>div:first-child:has(image-slot){border-radius:25px 25px 0 0;overflow:hidden}
.aps-surface-glass image-slot:not([data-filled]){opacity:0}
.aps-surface-glass>a[style*="background:"]{border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
a.aps-surface-glass{transition:transform .2s ease}
.aps-surface-glass--dark{background:linear-gradient(145deg,rgba(34,87,74,.96),rgba(12,43,40,.94))!important;border-color:rgba(255,255,255,.25)!important}
.aps-surface-glass--dark:after{border-color:rgba(255,255,255,.1)}
@media(hover:hover) and (pointer:fine){a.aps-surface-glass:hover{transform:translateY(-3px)}}
@media(max-width:700px){.aps-surface-glass{border-radius:22px}.aps-surface-glass:after{border-radius:16px}.aps-surface-glass>div:first-child:has(image-slot){border-radius:21px 21px 0 0}}
@media(prefers-reduced-transparency:reduce){.aps-surface-glass{background:#FAF9F6!important;-webkit-backdrop-filter:none;backdrop-filter:none}.aps-surface-glass--dark{background:#0C2B28!important}}
@media(prefers-reduced-motion:reduce){a.aps-surface-glass{transition:none;transform:none!important}}
@media print{.aps-surface-glass{background:#fff!important;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.aps-surface-glass:after{display:none}.aps-surface-glass--dark{background:#0C2B28!important}}