.ramayan-prayer { --rp-navy:#07182f; --rp-gold:#c67b0c; --rp-ink:#142a4a; --rp-paper:#fffaf0; max-width:1480px; margin:0 auto; padding:1rem clamp(.85rem,2vw,1.5rem) 2.5rem; color:var(--rp-ink); font-family:'Crimson Pro',Georgia,serif; }
.ramayan-prayer button { font:inherit; }
.ramayan-prayer-breadcrumb { display:flex; align-items:center; gap:.65rem; margin:.2rem 0 .75rem; font-size:.92rem; }
.ramayan-prayer-breadcrumb button { border:0; background:none; color:inherit; cursor:pointer; }
.ramayan-prayer-breadcrumb i { opacity:.45; }
.ramayan-prayer-hero { min-height:clamp(430px,32vw,520px); display:flex; align-items:flex-end; overflow:hidden; border:1px solid #bd7c20; border-radius:16px; background-color:#07182f; background-image:linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 37%,rgba(5,20,39,.25) 63%,rgba(5,20,39,.04) 100%),var(--ramayan-prayer-art); background-position:center,right center; background-size:100% 100%,min(59%,880px) auto; background-repeat:no-repeat; box-shadow:0 18px 42px rgba(50,29,7,.16); }
.ramayan-prayer-hero-copy { width:min(620px,52%); padding:clamp(1.6rem,4vw,3.5rem); color:#fff8e8; }
.ramayan-prayer-kicker { color:#e6ad52; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.ramayan-prayer-hero h1 { margin:.35rem 0 .65rem; color:#f5bd67; font-size:clamp(2.5rem,5vw,4.7rem); line-height:.9; }
.ramayan-prayer-hero h1 span { display:block; margin-top:.55rem; font-family:'Tiro Devanagari Sanskrit',serif; font-size:.64em; }
.ramayan-prayer-intro { max-width:540px; font-size:1.12rem; line-height:1.55; }
.ramayan-prayer-tags { display:flex; gap:.55rem; flex-wrap:wrap; margin:1rem 0; }
.ramayan-prayer-tags > span { padding:.32rem .7rem; border:1px solid #c98a2b; border-radius:7px; background:rgba(3,13,27,.55); }
.ramayan-prayer-actions { display:flex; gap:.7rem; margin-top:1rem; }
.ramayan-prayer-actions button { min-height:46px; padding:.65rem 1.2rem; border:1px solid #d39431; border-radius:8px; cursor:pointer; }
.ramayan-prayer-primary { background:linear-gradient(135deg,#b56c08,#df9a22); color:#fff; font-weight:700; }
.ramayan-prayer-actions .favorite-btn { background:rgba(2,13,28,.68); color:#fff; }
.ramayan-prayer-actions .favorite-btn.favorited { background:#7d160f; }
.ramayan-prayer-note { display:flex; gap:.8rem; margin:.8rem 0; padding:1rem 1.15rem; border:1px solid #ead3ae; border-radius:12px; background:#fff7e8; }
.ramayan-prayer-note > span { color:#b36b08; font-size:1.25rem; }
.ramayan-prayer-note p { margin:.18rem 0 0; line-height:1.45; }
.ramayan-prayer-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr); gap:.85rem; align-items:start; scroll-margin-top:1rem; }
.ramayan-prayer-text,.ramayan-prayer-support { border:1px solid #e5cba4; border-radius:14px; background:var(--rp-paper); box-shadow:0 10px 24px rgba(67,41,11,.07); }
.ramayan-prayer-text-heading { padding:1.2rem 1.5rem .85rem; border-bottom:1px solid #ecd8b8; }
.ramayan-prayer-text-heading p,.ramayan-prayer-support > p { margin:0; color:#99580c; text-transform:uppercase; letter-spacing:.09em; font-size:.78rem; font-weight:700; }
.ramayan-prayer-text h2 { margin:.12rem 0 0; color:#792018; font-family:'Tiro Devanagari Sanskrit','Crimson Pro',serif; font-size:1.8rem; }
.ramayan-prayer-verses { padding:1.2rem 1.5rem 1.6rem; }
.ramayan-prayer-verses p { margin:.1rem 0; padding:.42rem .2rem; border-bottom:1px solid rgba(195,147,77,.17); }
.ramayan-prayer .devanagari { font-family:'Tiro Devanagari Sanskrit',serif; font-size:1.28rem; line-height:1.85; }
.ramayan-prayer .roman { font-style:italic; font-size:1.03rem; line-height:1.55; }
.ramayan-prayer-support { position:sticky; top:1rem; max-height:72vh; overflow:auto; padding:1.2rem 1.35rem; }
.ramayan-prayer-support > div { margin-top:.8rem; }
.ramayan-prayer-support p { margin:.18rem 0; }
.ramayan-prayer-related { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.9rem; padding:1.15rem 1.3rem; border:1px solid #e2c69b; border-radius:13px; background:#fff9ed; }
.ramayan-prayer-related p { margin:0; color:#9b5b13; font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; }
.ramayan-prayer-related h2 { margin:.1rem 0 0; color:#74221b; }
.ramayan-prayer-related > div:last-child { display:flex; gap:.6rem; flex-wrap:wrap; }
.ramayan-prayer-related button { padding:.62rem .9rem; border:1px solid #c58731; border-radius:7px; background:#fff; color:#77241d; cursor:pointer; }
body.dark-theme .ramayan-prayer { --rp-ink:#f4e8d2; --rp-paper:#252837; }
body.dark-theme .ramayan-prayer-note,body.dark-theme .ramayan-prayer-related { background:#252837; border-color:#534432; color:#f4e8d2; }
body.dark-theme .ramayan-prayer-text,body.dark-theme .ramayan-prayer-support { border-color:#534432; }
body.dark-theme .ramayan-prayer-related button { background:#303342; color:#f4e8d2; }
@media(max-width:780px) {
  .ramayan-prayer { padding:.55rem .7rem 2rem; }
  .ramayan-prayer-breadcrumb { white-space:nowrap; overflow:auto; }
  .ramayan-prayer-hero { min-height:590px; align-items:flex-end; background-image:linear-gradient(0deg,rgba(4,17,34,1) 0%,rgba(4,17,34,.97) 43%,rgba(4,17,34,.2) 72%,rgba(4,17,34,.03) 100%),var(--ramayan-prayer-art); background-position:center,center top; background-size:100% 100%,100% auto; background-repeat:no-repeat; }
  .ramayan-prayer-hero-copy { width:100%; padding:1.35rem; }
  .ramayan-prayer-hero h1 { font-size:2.65rem; }
  .ramayan-prayer-intro { font-size:.98rem; }
  .ramayan-prayer-actions { display:grid; grid-template-columns:1fr 1fr; }
  .ramayan-prayer-layout { grid-template-columns:1fr; }
  .ramayan-prayer-support { position:static; max-height:none; }
  .ramayan-prayer .devanagari { font-size:1.16rem; }
  .ramayan-prayer-related { align-items:flex-start; flex-direction:column; }
  .ramayan-prayer-related > div:last-child,.ramayan-prayer-related button { width:100%; }
}