/* Illustrated reading and prayer cards share one voluntary, swipeable rail. */
body .cp-site .mn-illustrated-starts { min-width:0; margin:0; padding:27px 0 48px; }
body .cp-site .mn-illustrated-starts>h2 { margin:0 0 24px; color:#f5f3ee; font:400 clamp(26px,3vw,36px)/1.1 Anton,sans-serif; letter-spacing:-.01em; text-transform:uppercase; }
body .cp-site .jr-prayer-groups--illustrated { grid-template-columns:minmax(0,1fr); gap:54px; }
body .cp-site .jr-prayer-group--illustrated { min-width:0; }
body .cp-site .jr-prayer-group--illustrated>h2 { max-width:28ch; min-height:0; }
body .cp-site .jr-prayer-group--illustrated>.icr { margin-top:24px; }
body :is(.cp-site,.lr-app) .icr { min-width:0; position:relative; --icr-gap:22px; --icr-card-size:calc((100% - 36.3px)/2.65); }
body :is(.cp-site,.lr-app) .icr-instructions { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body :is(.cp-site,.lr-app) .icr-track { position:relative; display:flex; gap:var(--icr-gap); overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:3px; scrollbar-width:none; min-width:0; margin:0; padding:3px 3px 12px; border:0; }
body :is(.cp-site,.lr-app) .icr-track::-webkit-scrollbar { display:none; }
body :is(.cp-site,.lr-app) .icr-item { flex:0 0 var(--icr-card-size); min-width:0; scroll-snap-align:start; }
body :is(.cp-site,.lr-app) .icr-card { display:block; position:relative; isolation:isolate; aspect-ratio:1; width:100%; min-height:0; margin:0; padding:0; overflow:hidden; border:1px solid #98577370; border-radius:23px; background:radial-gradient(ellipse at 85% 15%,#84465f,#3b2038 58%,#221322); color:#fff4f1; text-decoration:none; box-shadow:0 20px 38px -27px #000c; }
body :is(.cp-site,.lr-app) .icr-image { position:absolute; z-index:-2; inset:0; display:block; width:100%; height:100%; margin:0; border:0; border-radius:0; object-fit:cover; object-position:center; }
body :is(.cp-site,.lr-app) .icr-card::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,#1d102019 10%,#37152d29 32%,#34162bd9 68%,#1c101ff7 100%); pointer-events:none; }
body :is(.cp-site,.lr-app) .icr-number { position:absolute; top:18px; left:18px; display:inline-flex; align-items:center; gap:5px; padding:6px 10px; border:1px solid #edd1df40; border-radius:100px; background:#30162eb8; color:#fff1f5; font:400 10px/1.3 Arial,sans-serif; letter-spacing:.08em; backdrop-filter:blur(10px); }
body :is(.cp-site,.lr-app) .icr-number>span { color:#d4b7ca; }
body :is(.cp-site,.lr-app) .icr-card-copy { position:absolute; inset:auto 0 0; padding:26px; }
body :is(.cp-site,.lr-app) .icr-kicker { display:block; margin:0 0 9px; color:#e9c3d4; font:400 9px/1.5 Arial,sans-serif; text-transform:uppercase; letter-spacing:.16em; }
body :is(.cp-site,.lr-app) .icr-card h3 { margin:0 0 17px; color:#fff4f1; font:400 clamp(28px,3.1vw,42px)/1.03 Anton,sans-serif; letter-spacing:-.015em; text-transform:uppercase; text-wrap:balance; text-shadow:0 2px 18px #160b1aa6; }
body :is(.cp-site,.lr-app) .icr-card-detail { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0; padding:0; color:#efd1de; font:400 12px/1.5 Arial,sans-serif; }
body :is(.cp-site,.lr-app) .icr-card-detail svg { flex:none; }
body :is(.cp-site,.lr-app) .icr-controls { display:flex; align-items:center; gap:18px; min-height:48px; margin-top:10px; padding-inline:3px; }
body :is(.cp-site,.lr-app) .icr-count { flex:none; min-width:64px; color:#fff0f4; font:400 12px/1.5 Arial,sans-serif; font-variant-numeric:tabular-nums; }
body :is(.cp-site,.lr-app) .icr-count>span { color:#bba2b4; margin-left:3px; }
body :is(.cp-site,.lr-app) .icr-progress { flex:1; max-width:180px; height:3px; overflow:hidden; border-radius:3px; background:#34454c; }
body :is(.cp-site,.lr-app) .icr-progress>span { display:block; width:100%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#85d8e8,#c7f0f4); transform:scaleX(var(--icr-progress,0)); transform-origin:left; }
body :is(.cp-site,.lr-app) .icr-buttons { display:flex; flex:none; gap:8px; margin-left:auto; }
body :is(.cp-site,.lr-app) .icr-buttons>button { display:grid; place-items:center; width:46px; height:46px; min-width:44px; min-height:44px; padding:0; border:1px solid #42545c; border-radius:50%; background:#0f171b; color:#85d8e8; cursor:pointer; }
body :is(.cp-site,.lr-app) .icr-buttons>button:disabled { opacity:.3; cursor:default; }
body :is(.cp-site,.lr-app) .icr :is(a,button):focus-visible,body :is(.cp-site,.lr-app) .icr-track:focus-visible { outline:2px solid #85d8e8; outline-offset:3px; }
/* Recording recommendations retain the shared player below the linked artwork. */
body .cp-site .mn-related-listening { min-width:0; margin-top:58px; padding-top:36px; border-top:1px solid #b68ba32e; }
body .cp-site .mn-related-listening>h2 { max-width:28ch; margin:10px 0 28px; color:#f5f3ee; font:400 clamp(30px,3.5vw,46px)/1.1 Anton,sans-serif; letter-spacing:-.01em; text-transform:uppercase; }
body :is(.cp-site,.lr-app) .mn-song-rail { margin-top:26px; }
body :is(.cp-site,.lr-app) .mn-song-rail .icr-item { display:flex; flex-direction:column; max-width:430px; border:1px solid #98577370; border-radius:23px; background:linear-gradient(145deg,#2a1b29,#171219); }
body :is(.cp-site,.lr-app) .mn-song-rail .icr-card { flex:none; border:0; border-radius:22px 22px 0 0; box-shadow:none; }
body :is(.cp-site,.lr-app) .mn-song-rail .icr-card-copy { padding:22px; }
body :is(.cp-site,.lr-app) .mn-song-rail .icr-card h3 { font-size:clamp(25px,2.6vw,35px); line-height:1.08; overflow-wrap:anywhere; }
body :is(.cp-site,.lr-app) .mn-song-rail .icr-card-footer { flex:1; padding:20px; min-width:0; }
body :is(.cp-site,.lr-app) .mn-song-rail .mn-recording-player-actions { flex-direction:column; align-items:stretch; gap:8px; }
body :is(.cp-site,.lr-app) .mn-song-rail .mn-recording-player-primary { width:100%; min-height:48px; padding:12px 20px; border-color:#d45c6b55; border-radius:100px; background:linear-gradient(115deg,#c83956,#9d2948); color:#f5f3ee!important; font:500 14px/1.4 Arial,sans-serif; }
body :is(.cp-site,.lr-app) .mn-song-rail .mn-recording-player-primary:hover { background:linear-gradient(115deg,#d44361,#ab3052); border-color:#d45c6b; }
body :is(.cp-site,.lr-app) .mn-song-rail .mn-recording-player-platforms { width:100%; justify-content:space-between; gap:0 12px; }
body :is(.cp-site,.lr-app) .mn-song-rail .mn-recording-player-platforms :is(a,summary) { min-height:44px; color:#b7e1e8!important; font-size:12px!important; }
body :is(.cp-site,.lr-app) .mn-song-rail .mn-recording-player-services>div { display:flex; flex-direction:column; align-items:flex-start; }
body :is(.cp-site,.lr-app) .mn-song-rail .mn-inline-song-player-note { color:#c5afbd!important; font-size:12px!important; }
body :is(.cp-site,.lr-app) .mn-song-rail :is(a,button,summary,input):focus-visible { outline:2px solid #85d8e8; outline-offset:3px; }
body :is(.cp-site,.lr-app) .mn-song-rail .mn-preview-timeline input { accent-color:#85d8e8; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  body :is(.cp-site,.lr-app) .icr-card { transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease; }
  body :is(.cp-site,.lr-app) .icr-image { transition:transform 600ms cubic-bezier(.2,.7,.25,1); }
  body :is(.cp-site,.lr-app) .icr-card-detail svg { transition:transform 220ms ease; }
  body :is(.cp-site,.lr-app) .icr-card:hover { border-color:#85d8e8; box-shadow:0 20px 38px -23px #000d,0 0 0 1px #85d8e82b inset; transform:translateY(-2px); }
  body :is(.cp-site,.lr-app) .icr-card:hover .icr-image { transform:scale(1.045); }
  body :is(.cp-site,.lr-app) .icr-card:hover .icr-card-detail svg { transform:translate(2px,-2px); }
  body :is(.cp-site,.lr-app) .mn-song-rail .icr-card:hover { transform:none; box-shadow:none; }
  body :is(.cp-site,.lr-app) .icr-buttons>button:not(:disabled):hover { border-color:#85d8e8; background:#183139; }
}
@media(max-width:700px) {
  body .cp-site .mn-illustrated-starts { padding:25px 0 34px; }
  body :is(.cp-site,.lr-app) .icr { --icr-gap:14px; --icr-card-size:calc((100% - 1.68px)/1.12); }
  body :is(.cp-site,.lr-app) .icr-card { border-radius:21px; }
  body :is(.cp-site,.lr-app) .icr-card-copy { padding:22px; }
  body :is(.cp-site,.lr-app) .icr-card h3 { font-size:clamp(29px,8.5vw,37px); margin-bottom:14px; }
  body :is(.cp-site,.lr-app) .icr-number { top:15px; left:16px; }
  body :is(.cp-site,.lr-app) .icr-controls { gap:12px; margin-top:6px; }
  body :is(.cp-site,.lr-app) .icr-progress { max-width:130px; }
}
@media(prefers-reduced-motion:reduce) {
  body :is(.cp-site,.lr-app) .icr,body :is(.cp-site,.lr-app) .icr * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}

body :is(.cp-site,.lr-app) .mn-song-rail .mn-recording-player[data-playback-state=playing] .mn-recording-player-primary { border-color:#85d8e8; }
