/* Home Screen app invitation; does not change the existing church sections. */
.bethlehem-app-section{background:#f3ece1;border-top:1px solid #e5d7c5;border-bottom:1px solid #e5d7c5;padding:40px 0}
.bethlehem-app-inner{max-width:1120px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.bethlehem-app-intro{display:flex;align-items:center;gap:19px;min-width:0}
.bethlehem-app-intro img{width:66px;height:66px;object-fit:cover;border-radius:16px;box-shadow:0 4px 14px #351a2322}
.bethlehem-app-intro h2{font:normal clamp(23px,3vw,29px) Georgia,serif;color:#4b2730;margin:0 0 7px}
.bethlehem-app-intro p{font-size:14px;color:#655b54;margin:0;max-width:580px;line-height:1.6}
.bethlehem-app-open{background:#4b2730;color:#fff;border:0;border-radius:7px;padding:13px 19px;font-weight:750;font-size:14px;cursor:pointer;flex-shrink:0}
.bethlehem-app-open:hover{background:#673944}
.bethlehem-app-panel{max-width:1120px;margin:22px auto 0;padding:0 24px}
.bethlehem-app-panel[hidden]{display:none}
.bethlehem-app-card{border:1px solid #e2d1bd;background:#fff;border-radius:12px;padding:24px;max-width:760px;box-shadow:0 7px 20px #351a230b}
.bethlehem-app-card h3{font:normal 23px Georgia,serif;color:#4b2730;margin:0 0 8px}
.bethlehem-app-card p,.bethlehem-app-card li{color:#554e48;font-size:14px;line-height:1.65}
.bethlehem-app-card ol{padding-left:22px}
.bethlehem-app-controls{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.bethlehem-app-controls button{padding:11px 15px;border-radius:7px;border:1px solid #4b2730;background:#4b2730;color:#fff;font:700 13px system-ui;cursor:pointer}
.bethlehem-app-controls button.secondary{background:#fff;color:#4b2730}
.bethlehem-app-controls button:disabled{opacity:.55;cursor:not-allowed}
.bethlehem-app-prefs{display:flex;flex-wrap:wrap;gap:13px;margin:14px 0}
.bethlehem-app-prefs label{font-size:13px;font-weight:650;color:#4b2730;display:flex;align-items:center;gap:6px}
.bethlehem-app-status{min-height:23px;font-size:13px;color:#5a524a;margin:10px 0 0}
.bethlehem-app-status.error{color:#9b2536}
@media(max-width:650px){.bethlehem-app-inner{align-items:flex-start;flex-direction:column;gap:15px}.bethlehem-app-intro img{width:54px;height:54px}.bethlehem-app-open{width:100%}.bethlehem-app-card{padding:19px}}