.hymn-page{color:#f5f0e7;background:#0a1832;min-height:100dvh;padding:1.25rem clamp(1rem,4vw,4rem) 2rem;overflow:hidden}.hymn-header{border-bottom:1px solid #e8c46833;justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:0 auto;padding-bottom:1.1rem;display:flex}.hymn-brand{color:#fff;align-items:center;gap:.75rem;font-size:clamp(.8rem,2vw,1rem);font-weight:700;text-decoration:none;display:flex}.hymn-brand img{object-fit:contain;background:#fff;border-radius:50%;width:48px;height:48px;padding:2px}.hymn-brand small{color:#b8c3d4;margin-top:.18rem;font-size:.7rem;font-weight:400;display:block}.hymn-back{color:#e8c468;font-size:.82rem;font-weight:700;text-decoration:none}.hymn-hero{text-align:center;max-width:850px;margin:0 auto;padding:clamp(4rem,11vw,8rem) 0 3.5rem}.hymn-star{color:#e8c468;text-shadow:0 0 28px #e8c46880;margin-bottom:1.25rem;font-size:2rem}.hymn-eyebrow,.hymn-label{color:#e8c468;letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;font-weight:800}.hymn-hero h1{letter-spacing:-.05em;color:#fff;margin:1rem 0;font-family:Georgia,serif;font-size:clamp(2.25rem,6vw,5.5rem);line-height:1.02}.hymn-hero h1 em{color:#e8c468;font-style:italic;font-weight:400}.hymn-intro{color:#c3cfdf;max-width:540px;margin:1.5rem auto 0;font-size:1.05rem;line-height:1.7}.hymn-rule{color:#e8c468;align-items:center;gap:1rem;max-width:250px;margin:2.5rem auto 0;display:flex}.hymn-rule span{background:#e8c46880;flex:1;height:1px}.hymn-rule i{font-style:normal}.hymn-content{gap:1rem;max-width:900px;margin:0 auto;display:grid}.hymn-verse,.hymn-refrain{background:linear-gradient(135deg,#183056e6,#0d1f3bd9);border:1px solid #cad8ec29;border-radius:20px;grid-template-columns:72px 1fr;gap:1.5rem;padding:clamp(1.4rem,4vw,2.5rem);display:grid;box-shadow:0 18px 50px #00000029}.hymn-number{color:#e8c468;border:1px solid #e8c46899;border-radius:50%;place-items:center;width:52px;height:52px;font-family:Georgia,serif;font-size:1.15rem;display:grid}.hymn-verse h2,.hymn-refrain h2{color:#fff;margin:.5rem 0 1.2rem;font-family:Georgia,serif;font-size:clamp(1.35rem,3vw,2rem);font-weight:400}.hymn-lines{color:#d5dfed;font-family:Georgia,serif;font-size:clamp(1.03rem,2vw,1.25rem);line-height:1.9}.hymn-lines p{margin:0 0 .85rem}.hymn-lines p:last-child{margin-bottom:0}.hymn-refrain{color:#182747;background:linear-gradient(135deg,#9b7428,#d4a943 48%,#8a641f);border:0;margin:1rem 0;display:block;box-shadow:0 22px 60px #cc9b302e}.hymn-refrain .hymn-label{color:#182747}.hymn-refrain h2{color:#fff}.hymn-verse,.hymn-refrain,.hymn-lines,.hymn-lines p,.hymn-text-title{font-family:Times New Roman,Times,serif}.hymn-lines,.hymn-lines p,.hymn-text-title{line-height:1.8;font-family:Times New Roman,Times,serif!important;font-size:1.12rem!important;font-weight:400!important}.hymn-text-title{margin:0 0 .8rem}.hymn-refrain .hymn-lines{color:#fff}.hymn-footer{color:#9eabc0;letter-spacing:.16em;text-transform:uppercase;justify-content:center;gap:.75rem;max-width:900px;margin:2.5rem auto 0;font-size:.75rem;display:flex}@media (max-width:600px){.hymn-header{align-items:flex-start}.hymn-brand{max-width:70%}.hymn-brand img{width:40px;height:40px}.hymn-back{padding-top:.7rem}.hymn-hero{padding-top:4rem}.hymn-verse{grid-template-columns:1fr;gap:1rem}.hymn-number{width:44px;height:44px;font-size:1rem}.hymn-footer{flex-wrap:wrap}}
