/* Shared base for About redesign options. Loads after styles.css + about.css. */
.abx{--fs:clamp(18px,1.4vw,20px);color:var(--ink)}
.abx p:where(:not(.b,.stamp,.receipt)){font:400 var(--fs)/1.62 var(--body);letter-spacing:-.006em;color:#2c2c2e;text-wrap:pretty}
.abx h1 span{display:inline;white-space:normal}
.abx h1,.abx h2,.abx h3{text-wrap:balance}
.abx .cta{color:#fff}
.abx .cta span{color:#fff}
@media (max-width:760px){
  .abx{--fs:18px}
  .abx .cta{align-self:stretch;width:100%;min-width:0}
}
/* text bubbles (Apple blue by default, Android green; same device logic as the site) */
.bx{position:relative;max-width:78%;width:fit-content;padding:.5em .85em .52em;border-radius:1.15em;font:400 17px/1.32 var(--ios) !important;letter-spacing:-.02em !important;font-synthesis:none}
.bx.me{margin-left:auto;margin-right:.3em;background:var(--im-bot);color:#fff !important}
.bx.hg{margin-right:auto;margin-left:.3em;background:#E9E9EB;color:#000 !important}
.bx + .bx{margin-top:6px}
.bx.me + .bx.hg,.bx.hg + .bx.me{margin-top:12px}
.bx::before,.bx::after{content:"";position:absolute;bottom:0;height:1em}
.bx.hg::before{left:-.35em;width:1em;background:#E9E9EB;border-bottom-right-radius:.8em .7em}
.bx.hg::after{left:-.8em;width:.8em;height:1.2em;background:var(--bub-bg,#fff);border-bottom-right-radius:.5em}
.bx.me::before{right:-.35em;width:1em;background:var(--im-bot);border-bottom-left-radius:.8em .7em}
.bx.me::after{right:-.8em;width:.8em;height:1.2em;background:var(--bub-bg,#fff);border-bottom-left-radius:.5em}
html[data-android="2"] .bx{font-family:var(--and) !important;letter-spacing:0 !important;border-radius:22px;padding:.55em .95em}
html[data-android="2"] .bx.me{background:var(--and-out);border-bottom-right-radius:6px;margin-right:0}
html[data-android="2"] .bx.hg{background:var(--and-in);color:var(--and-ink) !important;border-bottom-left-radius:6px;margin-left:0}
html[data-android="2"] .bx::before,html[data-android="2"] .bx::after{display:none}
.bx.me{background:linear-gradient(#3FA6FF,var(--im-bot))}
html[data-device="android"] .bx.me{background:linear-gradient(#4CD964,#26AD48)}
html[data-device="android"] .bx.me::before{background:#26AD48}
html[data-android="2"] .bx.me{background:var(--and-out)}