/* =====================================================================
   84000.org Pray page styles
   Separate CSS for pray.html and /pray/*.html
   ===================================================================== */
.pray-page .v11-mainnav a[aria-current="page"]{
  background:linear-gradient(180deg,#fbffe9,#eaf4c7) !important;
  color:var(--green-dark) !important;
  border-color:rgba(95,143,28,.42) !important;
}

.pray-hero{
  width:min(calc(100% - 44px),1360px);
  margin:20px auto 0;
  position:relative;
  overflow:hidden;
  border-radius:30px 30px 0 0;
  border:1px solid rgba(213,174,73,.32);
  border-bottom:0;
  min-height:420px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  background:
    linear-gradient(90deg,rgba(255,252,235,.98),rgba(255,252,235,.87) 46%,rgba(255,252,235,.16)),
    url("../img/hero-buddha-meditation-gold.png");
  background-size:cover;
  background-position:center right;
  box-shadow:0 16px 38px rgba(70,96,24,.10);
}
.pray-hero-copy{
  position:relative;
  z-index:1;
  padding:clamp(28px,5vw,70px) clamp(22px,5vw,76px);
  align-self:center;
  max-width:760px;
}
.pray-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#6f8f1f;
  font-weight:900;
  font-size:1.05rem;
  margin-bottom:8px;
}
.pray-kicker::before{
  content:"";
  width:34px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),rgba(215,167,44,.08));
}
.pray-hero h1{
  margin:0;
  color:var(--green);
  font-size:clamp(2.35rem,4.2vw,4.45rem);
  line-height:1.08;
  letter-spacing:-.02em;
  text-shadow:0 2px 0 #fff,0 12px 30px rgba(95,143,28,.12);
}
.pray-hero p{
  max-width:650px;
  margin:14px 0 0;
  color:#405031;
  font-size:1.12rem;
  line-height:1.86;
  font-weight:650;
}
.pray-hero-spacer{min-height:420px;}

.pray-page .home-namo-bar{
  margin-bottom:24px !important;
}

.pray-shell{
  width:min(calc(100% - 44px),1280px);
  margin:0 auto;
}
.pray-section{
  border-radius:var(--radius);
  background:rgba(255,255,255,.92);
  border:1px solid rgba(177,181,125,.34);
  box-shadow:var(--shadow);
  padding:clamp(20px,3vw,34px);
  margin-top:24px;
}
.pray-section h2{
  margin:0 0 12px;
  color:var(--green);
  font-size:clamp(1.68rem,2.4vw,2.25rem);
}
.pray-section .lead{
  margin:0 0 18px;
}
.pray-notice{
  background:linear-gradient(180deg,#fffef9,#fbfff1);
  border:1px solid rgba(213,174,73,.35);
  border-radius:22px;
  padding:18px 20px;
  color:#465134;
  font-size:1.05rem;
  line-height:1.86;
}
.pray-notice strong{color:#6b4a13;}

.pray-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.pray-quick-card{
  display:block;
  min-height:118px;
  padding:18px 16px;
  border-radius:22px;
  border:1px solid rgba(177,181,125,.34);
  background:linear-gradient(180deg,#fff,#f7fbed);
  box-shadow:0 10px 24px rgba(70,96,24,.07);
}
.pray-quick-card strong{
  display:block;
  color:var(--green-dark);
  font-size:1.22rem;
  line-height:1.3;
  margin-bottom:6px;
}
.pray-quick-card span{
  display:block;
  color:#607052;
  font-size:.98rem;
  line-height:1.62;
}

.pray-filter{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  margin:18px 0 2px;
}
.pray-filter input{
  width:100%;
  min-height:54px;
  border-radius:999px;
  border:1px solid rgba(116,158,40,.32);
  background:#fff;
  padding:0 20px;
  box-shadow:0 10px 24px rgba(83,120,28,.08);
}
.pray-filter small{
  color:#6c725b;
  white-space:nowrap;
}

.pray-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.pray-card{
  position:relative;
  border-radius:23px;
  border:1px solid rgba(177,181,125,.36);
  background:linear-gradient(180deg,#fff,#fffdf7);
  box-shadow:0 12px 28px rgba(70,96,24,.075);
  padding:19px 18px 18px;
  overflow:hidden;
}
.pray-card::after{
  content:"";
  position:absolute;
  right:-40px;
  bottom:-44px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:rgba(235,244,218,.48);
  pointer-events:none;
}
.pray-card h3{
  position:relative;
  z-index:1;
  margin:0 0 7px;
  color:#3f6f12;
  font-size:1.34rem;
  line-height:1.34;
}
.pray-meta{
  position:relative;
  z-index:1;
  color:#5d684d;
  font-size:1rem;
  line-height:1.65;
  margin:0 0 12px;
}
.pray-badges{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}
.pray-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:4px 11px;
  border-radius:999px;
  background:#eef7dd;
  color:#4e7715;
  border:1px solid rgba(95,143,28,.18);
  font-size:.9rem;
  font-weight:850;
  line-height:1.35;
}
.pray-badge.ritual{background:#eef4ff;color:#3d6288;border-color:rgba(75,110,160,.18);}
.pray-badge.sutta{background:#ecf8ed;color:#3f7a26;border-color:rgba(73,142,52,.18);}
.pray-badge.contemplate{background:#fff4db;color:#80531f;border-color:rgba(213,174,73,.24);}
.pray-badge.chant{background:#fff0f6;color:#894c67;border-color:rgba(180,92,130,.18);}

.pray-actions{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:12px;
}
.pray-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:7px 15px;
  border-radius:999px;
  background:linear-gradient(180deg,#fff,#edf4d8);
  border:1px solid rgba(111,152,27,.28);
  color:#5f7f1c;
  font-weight:900;
  font-size:.98rem;
}
.pray-button.secondary{
  background:linear-gradient(180deg,#fffaf0,#f2e3c6);
  color:#60400b;
  border-color:rgba(170,123,46,.30);
}

.pray-text-box{
  position:relative;
  z-index:1;
  margin-top:13px;
  padding:15px 16px;
  border-radius:18px;
  background:#fffaf0;
  border-left:5px solid var(--gold);
  color:#392f1d;
  font-size:1.08rem;
  line-height:1.9;
  white-space:pre-line;
}
.pray-translation{
  position:relative;
  z-index:1;
  margin:12px 0 0;
  padding:12px 14px;
  border-radius:16px;
  background:#f6fbec;
  border:1px solid rgba(177,181,125,.30);
  color:#405031;
  line-height:1.8;
}
.pray-card details{
  position:relative;
  z-index:1;
  margin-top:10px;
}
.pray-card summary{
  cursor:pointer;
  color:#6c5526;
  font-weight:900;
}
.pray-empty{
  display:none;
  padding:18px;
  border-radius:18px;
  background:#fff8ed;
  border:1px solid rgba(213,174,73,.30);
  color:#704415;
}

@media (max-width:980px){
  .pray-hero{
    width:calc(100% - 24px);
    grid-template-columns:1fr;
    min-height:0;
    background:#fffdf1;
  }
  .pray-hero-copy{
    padding:24px 18px 20px;
    background:linear-gradient(180deg,#fffef8,#fff);
  }
  .pray-hero-spacer{
    min-height:0;
    aspect-ratio:16/9;
    background:url("../img/hero-buddha-meditation-gold.png") center right/cover no-repeat;
    order:-1;
  }
  .pray-shell{width:calc(100% - 24px);}
  .pray-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pray-list{grid-template-columns:1fr;}
  .pray-filter{grid-template-columns:1fr;}
  .pray-filter small{white-space:normal;}
}
@media (max-width:520px){
  .pray-quick-grid{grid-template-columns:1fr;}
  .pray-section{padding:18px 14px;border-radius:22px;}
  .pray-card{padding:17px 15px;border-radius:20px;}
  .pray-hero h1{font-size:2.15rem;}
  .pray-hero p{font-size:1rem;line-height:1.78;}
}


/* =====================================================================
   Pray folder: individual chant pages
   ===================================================================== */
.pray-subhero .pray-hero-copy{max-width:760px;}
.pray-single-card{max-width:980px;margin-inline:auto;}
.pray-single-card h2{font-size:clamp(1.7rem,2.4vw,2.35rem);margin-top:0;}
.pray-top-actions{margin-bottom:16px;justify-content:flex-start;}
@media(max-width:780px){.pray-subhero .pray-hero-spacer{min-height:180px;}.pray-top-actions .pray-button{width:100%;}}


/* =====================================================================
   /pray/ content page refinements
   ===================================================================== */
.pray-single-card .pray-note-line{margin:10px 0 18px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#fffaf0,#fffdf8);border:1px solid rgba(213,174,73,.25);color:#744116;font-weight:750;}
.pray-text-title{display:block;color:#477a10;font-size:1.15rem;margin:0 0 8px;}
.pray-text-box + .pray-translation{margin-top:14px;}
.pray-translation pre,.pray-text-box pre{white-space:pre-wrap;margin:0;font:inherit;line-height:1.95;}
.pray-source-note{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(143,160,88,.35);color:#647052;font-size:.98rem;}
.pray-card .pray-status-pill{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border-radius:999px;background:#f6f9ea;color:#5f7f1c;border:1px solid rgba(95,143,28,.18);font-size:.88rem;font-weight:850;}
.pray-index-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;}
@media(max-width:780px){.pray-translation pre,.pray-text-box pre{line-height:1.85;}.pray-index-card-footer{display:block;}.pray-index-card-footer .pray-button{width:100%;margin-top:10px;}}


/* =====================================================================
   /pray/ reading page styles
   ===================================================================== */
.pray-rich-section{position:relative;z-index:1;margin-top:16px;}
.pray-rich-section h3{font-size:1.18rem;color:#477a10;margin:0 0 8px;}
.pray-text-box.pray-reading{background:#fffaf0;}
.pray-translation.pray-translation-content{background:#f6fbec;}
.pray-single-card details[open]{padding-bottom:4px;}
.pray-section .pray-note-small{color:#647052;font-size:.98rem;line-height:1.7;margin-top:8px;}