/* v0.5.1 — let the approved backgrounds remain visible through text panels. */
.main{background-image:linear-gradient(rgba(27,22,19,.24),rgba(27,22,19,.40)),var(--page-bg)}
.main:before{background:linear-gradient(90deg,rgba(251,248,242,.48),rgba(251,248,242,.30) 62%,rgba(251,248,242,.16))}
.content>.page-heading,.content>.section-head,.story-intro{border:1px solid rgba(255,255,255,.55);background:rgba(255,254,250,.58);box-shadow:0 15px 45px rgba(39,29,23,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.card,.progression>div,.reader,.home-hero{border-color:rgba(255,255,255,.58);background-color:rgba(255,254,250,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 38px rgba(47,34,26,.15)}
.home-hero{background-image:linear-gradient(135deg,rgba(255,254,250,.72),rgba(243,236,226,.58))}
.welcome-copy,.welcome-principles{border:1px solid rgba(255,255,255,.55);background:rgba(255,254,250,.62);box-shadow:0 16px 45px rgba(39,29,23,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.welcome-principles{background:rgba(47,43,41,.66)}
.modal{background:rgba(251,248,242,.90);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.field input,.field textarea,.field select,.source-box{background-color:rgba(255,253,250,.88)}