/* Sacred Rose V47: calm Prayer Wall and tactile botanical discovery. */
/* Two readable columns in the homepage Prayer Garden preview; one on phones. */
#prayer .prayer-wall-panel .approved-prayer-wall {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:max-content!important;
  gap:12px!important;
  overflow-y:auto!important;
  min-height:0;
  align-content:start!important;
  padding:8px 7px 16px!important;
  -webkit-overflow-scrolling:touch;
}
#prayer .prayer-wall-panel .approved-prayer {
  min-width:0;
  min-height:155px;
  padding:17px 15px!important;
}
#prayer .prayer-wall-panel .approved-prayer p {
  font:clamp(16px,1.85vh,21px)/1.5 Georgia,serif!important;
  overflow-wrap:anywhere;
}
#prayer .prayer-wall-panel .prayer-empty {grid-column:1/-1}
@media(max-width:650px) {
  #prayer .prayer-wall-panel .approved-prayer-wall {grid-template-columns:minmax(0,1fr)!important;max-height:520px!important}
  #prayer .prayer-wall-panel .approved-prayer {min-height:155px;padding:19px 17px!important}
  #prayer .prayer-wall-panel .approved-prayer p {font-size:19px!important}
}
/* iPad safe-area: the page should never sit beneath the status bar. */
.wall-page {
  background:radial-gradient(ellipse at 50% 5%,#354a32 0%,#15271b 53%,#0c1811 100%);
}
.wall-page .wall-app {
  position:relative;
  isolation:isolate;
  padding-top:max(42px,calc(env(safe-area-inset-top,0px) + 20px));
  padding-left:max(16px,env(safe-area-inset-left,0px));
  padding-right:max(16px,env(safe-area-inset-right,0px));
  padding-bottom:max(14px,env(safe-area-inset-bottom,0px));
  gap:clamp(8px,1.15vh,14px);
}
/* The original illustrated hanging prayer tags anchor the page's visual identity. */
.wall-page .wall-header {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  flex:0 0 auto;
  min-height:120px;
  padding:clamp(15px,2vw,24px) clamp(17px,2.3vw,30px);
  border:1px solid #947b50;
  border-radius:18px;
  background:linear-gradient(90deg,#15281eec 0%,#1c3124e3 45%,#172b1fee 100%);
  box-shadow:0 9px 28px #0003;
}
.wall-page .wall-header::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:url('prayer-wall-illustration.svg') center 47%/cover no-repeat;
  opacity:.23;
  pointer-events:none;
}
.wall-page .wall-header::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,#12231ad9,#12231a85 53%,#12231aba);
  pointer-events:none;
}
.wall-page .wall-header > div:first-child {min-width:0;flex:1}
.wall-page .wall-header .eyebrow {font-size:clamp(10px,1vw,12px);letter-spacing:.18em}
.wall-page .wall-header h1 {font:400 clamp(28px,3.35vw,44px)/1.1 Georgia,serif;margin:7px 0 5px;max-width:900px;text-wrap:balance}
.wall-page .wall-header p {font:clamp(12px,1.25vw,16px)/1.35 Georgia,serif;margin:0;color:#f1e3c6}
.wall-page .wall-actions {flex:0 0 auto;max-width:260px}
.wall-page .wall-actions .v44-home-link {min-height:47px;font-size:clamp(12px,1.1vw,15px);padding:10px 16px;white-space:normal;text-align:center}
.wall-page .wall-summary > div {min-height:75px;padding:10px 15px}
.wall-page .wall-summary strong {font-size:clamp(29px,4vw,48px)}
.wall-page .wall-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(9px,1.2vw,18px)}
.wall-page .wall-card {padding:clamp(12px,1.6vw,24px)}
@media(max-width:850px) {
  .wall-page .wall-header {min-height:0;gap:12px}
  .wall-page .wall-header h1 {font-size:clamp(25px,4vw,34px)}
  .wall-page .wall-actions {max-width:180px}
  .wall-page .wall-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:570px) {
  .wall-page .wall-app {padding-top:max(28px,calc(env(safe-area-inset-top,0px) + 12px))}
  .wall-page .wall-header {padding:17px;gap:12px}
  .wall-page .wall-actions {max-width:none;width:100%}
  .wall-page .wall-grid {grid-template-columns:1fr!important}
}
/* Discovery cards: bigger symbols and copy, subtle botanical glow, and clear tap affordance. */
#discover .quiz-shell {max-width:1080px}
#discover .quiz-options,
#discover .quiz-options.many-choices,
#discover .quiz-options.v46-exploring-options {gap:clamp(10px,1.6vh,17px)!important}
#discover .quiz-options.many-choices {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto!important;align-content:start;overflow-y:auto;max-height:min(65vh,630px);padding:5px 7px 13px!important}
#discover .quiz-option,
#discover .quiz-options.many-choices .quiz-option,
#discover .quiz-options.v46-exploring-options .quiz-option {
  position:relative;
  display:flex;
  min-height:clamp(112px,14vh,148px)!important;
  padding:clamp(16px,2.1vh,24px)!important;
  gap:clamp(13px,1.6vw,21px)!important;
  border:1px solid #9f885e;
  border-radius:23px;
  background:radial-gradient(circle at 9% 15%,#3c5440 0%,#273b2d 45%,#1d3024 100%);
  box-shadow:inset 0 1px 0 #ffffff12,0 7px 17px #0003;
  text-align:left;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
  cursor:pointer;
}
#discover .quiz-option:hover,
#discover .quiz-option:focus-visible {
  transform:translateY(-3px);
  border-color:#f1d59e;
  background:radial-gradient(circle at 9% 15%,#526a4e,#2b4533 60%,#213529);
  box-shadow:0 11px 25px #0005,0 0 0 1px #c7aa76;
}
#discover .quiz-option:active {transform:translateY(0) scale(.99)}
#discover .quiz-option .quiz-symbol,
#discover .quiz-options.many-choices .quiz-option .quiz-symbol {
  display:grid;
  place-items:center;
  flex:0 0 clamp(56px,6.3vw,78px);
  width:clamp(56px,6.3vw,78px);
  height:clamp(56px,6.3vw,78px);
  border:1px solid #d5bb83;
  border-radius:50%;
  background:radial-gradient(circle at 30% 20%,#465d43,#203529);
  box-shadow:inset 0 1px 4px #f8df9b33,0 4px 10px #0003;
  color:#f4d9a1;
  font:clamp(31px,3.6vw,43px)/1 Georgia,serif;
}
#discover .quiz-option > span:nth-child(2) {min-width:0;flex:1}
#discover .quiz-option strong,
#discover .quiz-options.many-choices .quiz-option strong {
  display:block;
  font:400 clamp(22px,2.3vw,28px)/1.15 Georgia,serif;
  color:#fff1d5;
  letter-spacing:-.015em;
}
#discover .quiz-option small,
#discover .quiz-options.many-choices .quiz-option small {
  display:block;
  font:clamp(12px,1.25vw,15px)/1.4 system-ui,sans-serif;
  color:#e0dfd0;
  margin-top:7px;
}
#discover .quiz-option .v47-quiz-arrow {
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border:1px solid #bba578;
  border-radius:50%;
  color:#e8d19f;
  font:18px/1 system-ui;
  align-self:center;
}
#discover .quiz-options.many-choices .quiz-option:last-child:nth-child(odd) {grid-column:1/-1}
#discover .quiz-options.v46-exploring-options .quiz-option:last-child:nth-child(odd) {grid-column:auto}
@media(max-width:740px) {
  #discover .quiz-options.many-choices,
  #discover .quiz-options.v46-exploring-options {grid-template-columns:1fr!important;grid-template-rows:none!important;max-height:none;overflow:visible}
  #discover .quiz-options.many-choices .quiz-option:last-child:nth-child(odd) {grid-column:auto}
  #discover .quiz-option,
  #discover .quiz-options.many-choices .quiz-option {min-height:112px!important;padding:16px!important}
  #discover .quiz-option .quiz-symbol,
  #discover .quiz-options.many-choices .quiz-option .quiz-symbol {flex-basis:60px;width:60px;height:60px;font-size:35px!important}
  #discover .quiz-option strong,
  #discover .quiz-options.many-choices .quiz-option strong {font-size:clamp(21px,5.3vw,26px)!important}
  #discover .quiz-option small,
  #discover .quiz-options.many-choices .quiz-option small {font-size:13px!important}
}
@media(max-height:700px) and (min-width:741px) {
  #discover .quiz-options.many-choices {max-height:53vh}
  #discover .quiz-option,
  #discover .quiz-options.many-choices .quiz-option {min-height:102px!important;padding:12px 16px!important}
  #discover .quiz-option .quiz-symbol {width:52px;height:52px;flex-basis:52px;font-size:30px}
}
@media(prefers-reduced-motion:reduce) {
  #discover .quiz-option {transition:none!important;transform:none!important}
}
