@import url("/styles/pearl-breath.css?v=20260925b");
@import url("/styles/hero-pearl-copy.css?v=approved-20260922");
/* Shared chapter content. The parent page supplies the full photograph. */
html,body{margin:0;min-height:0;background:transparent!important;overflow-x:hidden;}
.approved-mobile{width:100%;color:#fff;background:transparent!important;}
.approved-mobile .who-mobile-photo,.approved-mobile .stand-photo{display:none!important;}
.approved-mobile .photo-stand{position:relative!important;display:flow-root!important;isolation:isolate;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:24px 4vw 32px!important;box-sizing:border-box!important;background:transparent!important;border-radius:0!important;}
.approved-mobile .who-glass{position:relative!important;inset:auto!important;display:block!important;width:min(43vw,640px)!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:22px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:32px 8px 32px 8px!important;background:rgba(255,255,255,.03)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;backdrop-filter:blur(.6px)!important;-webkit-backdrop-filter:blur(.6px)!important;}
.approved-mobile .who-eyebrow{display:block!important;position:static!important;font-size:12px!important;line-height:1.4!important;margin:0 0 12px!important;}
.approved-mobile .who-heading{margin:0 0 18px!important;font-size:clamp(30px,3.4vw,54px)!important;line-height:1.12!important;}
.approved-mobile .who-copy{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;font-size:clamp(16px,1.2vw,20px)!important;line-height:1.5!important;}
.approved-mobile .who-copy p{margin:0!important;}.approved-mobile .who-copy p+p{margin-top:14px!important;}
.approved-mobile .who-footer{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-top:18px!important;}
.approved-mobile .who-page{position:static!important;display:block!important;width:auto!important;height:auto!important;clip-path:none!important;margin:18px 0 12px!important;padding:0!important;font-size:12px!important;}
.approved-mobile .who-diamond{display:inline-flex!important;position:relative!important;inset:auto!important;width:auto!important;min-width:200px!important;max-width:100%!important;min-height:48px!important;height:auto!important;padding:12px 20px!important;align-items:center!important;justify-content:space-between!important;gap:26px!important;margin:8px 0 0!important;font-size:15px!important;text-decoration:none!important;}
.approved-mobile .who-diamond>span{position:relative!important;width:auto!important;height:auto!important;clip-path:none!important;white-space:normal!important;overflow:visible!important;}
.approved-mobile .who-diamond>svg{display:block!important;width:20px!important;height:20px!important;flex-shrink:0;}
#zhazhda-join-restored-hero .who-glass{margin-left:31%!important;width:min(62vw,900px)!important;}
#zhazhda-community-life-overlay .who-copy,#zhazhda-join-restored-hero .who-copy{min-height:90px!important;}
@media(max-width:760px){
 .approved-mobile .photo-stand{padding:24px 20px 28px!important;}
 .approved-mobile .who-glass,#zhazhda-join-restored-hero .who-glass{margin:0!important;width:100%!important;}
 .approved-mobile .who-heading{font-size:32px!important;}
 .approved-mobile .who-copy{font-size:17px!important;}
 .approved-mobile .who-diamond{min-width:0!important;gap:18px!important;}
}

/* Keep the invitation above and to the left of the greeter's face. */
@media(min-width:761px){
 #zhazhda-join-restored-hero .photo-stand{padding-top:0!important;}
 #zhazhda-join-restored-hero .who-glass{width:min(48vw,760px)!important;}
}
#zhazhda-join-restored-hero .who-glass {margin:0!important;left:auto!important;right:auto!important;width:min(29vw,440px)!important;background:rgba(255,255,255,.03)!important;backdrop-filter:blur(.6px)!important;-webkit-backdrop-filter:blur(.6px)!important;box-shadow:inset 1px 1px 0 #ffffff55,inset -1px -1px 0 #ffffff25!important;}
#zhazhda-join-restored-hero .who-heading {font-size:clamp(26px,2.3vw,38px)!important;overflow-wrap:anywhere;}
@media(max-width:760px){#zhazhda-join-restored-hero .who-glass{width:100%!important;}}

/* Keep the community card left of the seated couple; text flows downward. */
@media(min-width:761px){
 html body #zhazhda-community-life-overlay .who-glass{width:28vw!important;}
}
/* Community card: visible clear glass, preserving the approved photograph. */
html body #zhazhda-community-life-overlay .who-glass {background:rgba(255,255,255,.03)!important;-webkit-backdrop-filter:blur(.6px)!important;backdrop-filter:blur(.6px)!important;box-shadow:inset 0 1px 0 #ffffff80,inset 1px 0 0 #ffffff30,0 8px 28px #16364816!important;}
/* Same solid reading treatment in the isolated church chapters. */
html body .approved-mobile .who-copy p{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:0 1px 1px #13232fee,0 0 1px #13232f!important;}

@media(min-width:761px){
 html:not(.compact-viewport),html:not(.compact-viewport) body{height:100%;overflow:hidden;}
 html:not(.compact-viewport) .approved-mobile .photo-stand{height:100svh!important;overflow:hidden!important;}
 html:not(.compact-viewport) .approved-mobile .who-glass{max-height:calc(100svh - 56px)!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;}
}

html body .approved-mobile .who-glass{border-color:rgba(255,255,255,.85)!important;box-shadow:inset 0 0 0 1px #ffffff30,0 0 7px #ffffff24!important;}

/* Parent-controlled compact mode also covers wide, short phone rotations. */
html.compact-viewport,html.compact-viewport body{height:auto;overflow-y:visible;}
html.compact-viewport .approved-mobile .photo-stand{height:auto!important;overflow:visible!important;padding:24px 16px 28px!important;}
html.compact-viewport .approved-mobile .who-glass,
html.compact-viewport #zhazhda-join-restored-hero .who-glass,
html.compact-viewport #zhazhda-community-life-overlay .who-glass{margin:0!important;width:100%!important;max-height:none!important;overflow:visible!important;}
html.compact-viewport .approved-mobile .who-heading{font-size:32px!important;}
html.compact-viewport .approved-mobile .who-copy{font-size:17px!important;}
html.compact-viewport .approved-mobile .who-diamond{min-width:0!important;gap:18px!important;}