/* Listen is the visual authority. This final layer bridges retained pages to
   its current mobile-experience styles without importing the Room application. */
body :is(.cp-site,.cm-member-modal,.gp-auto-invitation,.gp-store-modal) {
  --cp-body: Arial, sans-serif;
  --cp-display: Anton, 'Arial Narrow', sans-serif;
  --cp-gutter: 40px;
  --cp-red: #b43042;
  --gp-primary: #b43042;
  --gp-primary-hover: #ca384c;
  --gp-control-radius: 100px;
  --gp-action-height: 52px;
  --gp-action-size: 14px;
  --blend-ivory: #f5f3ee;
  --blend-muted: #afb2b5;
  --blend-rule: #353a3c;
  --mn-bg: #080b0c;
  --mn-paper: #f5f3ee;
  --mn-muted: #afb2b5;
  --mn-panel: #111b1f;
  --mn-line: #353a3c;
  --mn-cyan: #85d8e8;
  --ex-ink: #f5f3ee;
  --ex-dim: #afb2b5;
  --ex-line: #353a3c;
  --ex-red: #b43042;
  color: #f5f3ee;
  background: #080b0c;
  font-family: Arial, sans-serif;
}
/* Dialogs are mounted outside the page shell and need the same identity tokens. */
body .cm-member-modal { background: rgba(3,6,10,.86); }
body :is(.cm-member-dialog,.gp-auto-invitation) { border-radius: 18px; border-color: #42565e; background: radial-gradient(ellipse at 100% 0,#4d1b3855,transparent 65%),#101719; }
body :is(.cm-member-modal,.gp-auto-invitation) :is(.cm-member-button,.gp-auto-invitation-action) { background: linear-gradient(115deg,#c83956,#9d2948) !important; color: #f5f3ee !important; border-color: #d45c6b55 !important; }
body .cp-site :is(.ex-page,.mn-page,.utility-page,.cp-page) { background-color: #080b0c; }
body .cp-site :is(.mn-content,.ex-content,.cp-utility-page,.jr-hub,.gp-store-shell) { max-width: 1240px; margin-inline: auto; }
body .cp-site .ex-content { width: 100%; padding-inline: 40px; }
body .cp-site .entity-breadcrumbs { width: 100%; max-width: 1240px !important; margin-inline: auto !important; padding-inline: 40px !important; font: 400 12px/1.5 Arial,sans-serif; }
body .cp-site :is(.mn-kicker,.mn-eyebrow,.ex-eyebrow,.follow-invitation-label) { color: #85d8e8 !important; font-family: Arial,sans-serif; font-weight: 400; letter-spacing: .17em; }
body .cp-site :is(.mn-page h1,.mn-page h2,.mn-card h3,.ex-section-heading h2,.ex-card-copy h3) { font-family: Anton,'Arial Narrow',sans-serif; font-weight: 400; letter-spacing: -.015em; }
body .cp-site :is(.mn-page h2,.ex-section-heading h2) { text-transform: uppercase; }

/* The same wordmark, four destinations, and Menu on every page. */
body .cp-site .gp-brand-header.gp-listen-header {
  width: 100% !important; max-width: 1240px !important; min-height: 114px;
  margin: auto !important; padding: 28px 40px !important; gap: 30px !important;
  border: 0 !important; background: #080b0c !important;
}
body .cp-site .gp-listen-header .cp-primary-nav { gap: 34px !important; }
body .cp-site .gp-listen-header .cp-primary-nav > a { font-size: 16px !important; min-height: 44px; padding: 12px 0; }
body .cp-site .gp-listen-header ._wordmark_1qjqh_17 small { text-transform: uppercase; letter-spacing: .19em !important; color: #c0c0c4 !important; }
body .cp-site .gp-listen-header .gp-listen-menu { position: relative; display: block !important; margin: 0; padding: 0; border: 0; background: none; }
body .cp-site .gp-listen-header .gp-listen-menu > summary { display: flex; align-items: center; justify-content: flex-end; gap: 14px; min-height: 44px; padding: 8px 0; list-style: none; color: #f5f3ee; font: 400 14px/1.4 Arial,sans-serif; cursor: pointer; }
body .cp-site .gp-listen-header .gp-listen-menu > summary::-webkit-details-marker { display: none; }
body .cp-site .gp-listen-header .gp-listen-menu > summary::after { content: none; }
body .cp-site .gp-listen-header .gp-listen-menu > summary > span { position: static; width: auto; height: auto; clip-path: none; margin: 0; overflow: visible; }
body .cp-site .gp-listen-header .gp-listen-menu > summary svg { width: 22px; height: 22px; color: #afb2b5; }
body .cp-site .gp-listen-header .gp-listen-menu > nav {
  position: absolute; z-index: 60; inset: calc(100% + 12px) 0 auto auto;
  width: min(360px,calc(100vw - 32px)); max-height: calc(100dvh - 145px);
  overflow: auto; overscroll-behavior: contain; padding: 16px 22px; margin: 0;
  color: #f5f3ee; background: #111b1f; border: 1px solid #34454c; border-radius: 18px;
  box-shadow: 0 20px 60px #0009;
}
body .cp-site .gp-listen-header .gp-listen-menu:not([open]) > nav { display: none !important; }
body .cp-site .gp-listen-header .gp-listen-menu nav a { display: flex; align-items: center; min-height: 44px; padding: 11px 0; border: 0; border-bottom: 1px solid #353a3c; color: #c9d4d5 !important; font: 400 14px/1.5 Arial,sans-serif !important; letter-spacing: 0; text-transform: none; text-decoration: none; }
body .cp-site .gp-listen-header .gp-listen-menu nav a[aria-current=page] { color: #85d8e8 !important; }
body .cp-site .gp-listen-footer {
  display: flex !important; flex-wrap: wrap; gap: 15px 28px; width: calc(100% - 80px);
  max-width: 1160px; min-height: 0 !important; margin: 45px auto 0 !important;
  padding: 35px 0 65px !important; border: 0 !important; border-top: 1px solid #353a3c !important;
  background: #080b0c !important; color: #afb2b5; font: 400 12px/1.5 Arial,sans-serif;
}
body .cp-site .gp-listen-footer a { padding: 10px 0; min-height: 44px; color: #afb2b5 !important; text-decoration: none; font: inherit; }
body .cp-site .gp-listen-footer .gp-listen-footer-links { display: flex !important; flex-wrap: wrap; align-items: center; width: 100%; gap: 15px 28px !important; margin: 0; padding: 0; }
body .cp-site .gp-listen-footer > span { width: 100%; margin-top: 10px; color: #afb2b5 !important; font: inherit; }

/* Primary actions share Listen's shape and crimson finish. Secondary actions
   stay quiet; neither filters nor reading controls masquerade as Play. */
body .cp-site :is(.mn-button,.cp-button,.fan-button,.ex-button,.mn-room-action,.mn-inline-song-listen,.utility-primary-action,.cp-discovery__action) {
  min-height: 52px; padding: 13px 22px; border: 1px solid #d45c6b55 !important;
  border-radius: 100px !important; background: linear-gradient(115deg,#c83956,#9d2948) !important;
  color: #f5f3ee !important; font: 400 14px/1.5 Arial,sans-serif !important;
  letter-spacing: .01em; text-transform: none; box-shadow: inset 0 1px #ffbec035,0 10px 34px -15px #e74b73;
}
body .cp-site :is(.mn-button--secondary,.cp-button--secondary,.cp-button-secondary,.ex-text-link,.mn-recording-preview) { background: transparent !important; border-color: #354348 !important; color: #cbdcdf !important; box-shadow: none; }
body .cp-site .cp-button:not(.cp-button-primary) { background: transparent !important; border-color: #354348 !important; color: #cbdcdf !important; box-shadow: none; }
body .cp-site :is(.cp-button-primary,.ch-button:not(:where(.ch-walk-copy>.ch-button)),.fan-button,.follow-invitation-primary,.cp-discovery__action--primary,.ex-button,.profile-primary,.utility-primary-action,.reborn-button-primary,.cp-follow-service-primary,.guide-play,.mn-button:not(.mn-button--secondary):not(:where(.mn-reading>.mn-button)),.cm-member-button,.cm-room-play,.gp-walk-button,.rp-button--primary):not(:disabled) { border-radius: 100px !important; background: linear-gradient(115deg,#c83956,#9d2948) !important; color: #f5f3ee !important; border-color: #d45c6b55 !important; }
body .cp-site .rp-button { border-radius: 100px; color: #cbdcdf; border-color: #354348; background: transparent; }
body .cp-site :is(.ef-enter,.ef-leave) { border-radius: 100px; min-height: 44px; }
body .cp-site .rp-button--primary { box-shadow: inset 0 1px #ffbec035,0 10px 34px -15px #e74b73; }
body .cp-site .mn-bible-room :is(.mn-reading,.mn-scripture-reader) .mn-button { background: transparent !important; color: #31545b !important; border-color: #839f9e !important; box-shadow: none; }
body .cp-site :is(.mn-chip,.mn-testament-switch,.ex-topics button,.ex-reset,.ex-pagination button,.ex-empty button,.cp-city__country-jump a,.cp-needs button,.utility-data-actions>div:last-child a) { border-radius: 100px !important; min-height: 44px; font-family: Arial,sans-serif; }
body .cp-site :is(.ex-topics button,.cp-needs button)[aria-pressed=true] { color: #bdeaf0; border-color: #527c86; background: #183139; }
body .cp-site :is(.mn-book-selection button,.mn-testament-switch button,.mn-chapters a) { border-radius: 10px !important; }
body .cp-site :is(input:not([type]),input:is([type=text],[type=email],[type=search],[type=url],[type=tel],[type=password],[type=number]),select,textarea):not(:where(.gp-store *,.gp-store-modal *)) { border-radius: 12px !important; border-color: #42565e !important; background: #121e22 !important; color: #f5f3ee !important; font-family: Arial,sans-serif !important; }

/* Content cards inherit the same restrained surfaces as Listen's deeper panel. */
body .cp-site :is(.mn-card,.mn-result,.mn-song,.mn-aside,.rp-saved-card,.mn-reading-starts>a,.ex-feature,.ex-upcoming,.ex-empty,.cp-guides__grid a,.cp-playlist__need-grid a,.cp-city__list a,.cp-playlist__track-card,.cp-releases__start-card,.cp-need__recordings article,.cp-follow-service) {
  border: 1px solid #34454c; border-radius: 16px !important;
  background: linear-gradient(125deg,#172a3190,#0c141899); color: #f5f3ee;
  box-shadow: none !important; overflow: hidden;
}
body .cp-site :is(.mn-reading-starts>a,.rp-saved-card,.mn-card,.cp-follow-services .cp-follow-service) { background: linear-gradient(125deg,#172a3190,#0c141899) !important; }
body .cp-site :is(.ex-card-link>img,.cp-record-list img,.cp-record-track-list img,.cp-record-artwork img,.cp-journal__cover img,.cp-journal-article__cover img,.cp-artist-portrait img,.cp-need__cover img,.cp-playlist__cover-link img,.cp-playlist__artwork img,.cp-releases__artwork-link img,.fan-song-card img) { border-radius: 14px !important; }
body .cp-site :is(.ex-card-link>img,.ex-feature-art img,.ex-upcoming img)[src*="/enhancement/"] { object-fit: cover; border-radius: 14px; }
body .cp-site .gp-store-card__image { border-radius: 18px; }
body .cp-site .gp-store-bag-button { border-radius: 100px; }
body .cp-site :is(.mn-book-chapter-panel,.br-book-chapters,.mn-found-book,.mn-reading,.mn-search-found>.mn-scripture-reader) { border-radius: 16px; }
body .cp-site :is(.ex-card-bottom span,.ex-feature-copy .ex-need,.ex-newsline>span,.cp-journal-article__prayer h2) { color: #85d8e8 !important; }
body .cp-site :is(.cp-journal-article__prayer,.cp-need__care-note) { border-radius: 16px; border-left-color: #85d8e8; }
body .cp-site :is(.mn-connected,.contextual-fan-cta,.follow-invitation) { border-radius: 18px; border: 1px solid #34454c; background: linear-gradient(125deg,#172a3170,#0c141899) !important; }
body .cp-site .mn-connected { max-width: 1160px; margin: 48px auto; padding: 28px; }
body .cp-site .ex-feature-copy { padding: 30px; }
body .cp-site .ex-section-heading h2 { font-size: clamp(32px,4.3vw,58px); line-height: 1.08; }
body .cp-site .mn-room-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
body .cp-site .sx-room-page .sx-heading h2 { font: 400 clamp(32px,4.3vw,58px)/1.08 Anton,sans-serif; letter-spacing: -.015em; text-transform: uppercase; }
body .cp-site .sx-room-page .sx-full-song { min-height: 52px; padding: 13px 22px; border: 1px solid #d45c6b55; border-radius: 100px; color: #f5f3ee; background: linear-gradient(115deg,#c83956,#9d2948); box-shadow: inset 0 1px #ffbec035,0 10px 34px -15px #e74b73; }
body .cp-site .cp-journal-article__aside .cp-journal-article__listen { border-radius: 100px; min-height: 48px; padding: 12px 17px; background: linear-gradient(115deg,#c83956,#9d2948); border-color: #d45c6b55; color: #f5f3ee; font: 400 12px/1.5 Arial,sans-serif; }
body .cp-site .cp-journal-article__aside .cp-journal-article__meta { color: #85d8e8; }
body .cp-site .cp-journal-article__body section > p { font-family: Georgia,serif; font-size: 20px; line-height: 1.8; }
body .cp-site :is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid #85d8e8; outline-offset: 5px; }

@media(hover:hover) and (pointer:fine) {
  body .cp-site :is(.mn-card,.mn-result,.mn-song,.mn-reading-starts>a,.cp-follow-service,.ex-card-link):hover { border-color: #679ba8; background-color: #14282f; }
  body .cp-site :is(.mn-button,.cp-button,.fan-button,.ex-button,.mn-room-action,.mn-inline-song-listen):hover { filter: brightness(1.08); }
  body .cp-site .gp-listen-footer a:hover { color: #85d8e8 !important; }
}
@media(prefers-reduced-motion:no-preference) {
  body .cp-site :is(.mn-button,.cp-button,.fan-button,.ex-button,.mn-room-action,.mn-inline-song-listen,.mn-chip,.ex-topics button) { transition: transform .18s,background-color .2s,border-color .2s,box-shadow .2s; }
  body .cp-site :is(.mn-button,.cp-button,.fan-button,.ex-button,.mn-room-action,.mn-inline-song-listen):active { transform: scale(.98); }
}
@media(max-width:900px) and (min-width:701px) {
  body .cp-site .gp-brand-header.gp-listen-header { padding-inline: 28px !important; gap: 22px !important; }
  body .cp-site .gp-listen-header .cp-primary-nav { gap: 22px !important; }
  body .cp-site .gp-listen-header .cp-primary-nav > a { font-size: 14px !important; }
}
@media(max-width:700px) {
  body .cp-site { --cp-gutter: 24px; }
  body .cp-site .gp-brand-header.gp-listen-header { min-height: 72px; padding: 16px 23px 12px !important; gap: 14px !important; }
  body .cp-site .gp-listen-header .gp-listen-menu > summary { min-width: 44px; }
  body .cp-site .gp-listen-header .gp-listen-menu > summary > span { display: none; }
  body .cp-site .gp-listen-header .gp-listen-menu > nav { max-height: calc(100dvh - 170px); }
  body .cp-site :is(.ex-content,.entity-breadcrumbs) { padding-inline: 24px !important; }
  body .cp-site .gp-listen-footer { width: calc(100% - 48px); gap: 10px 25px; padding: 35px 0 25px !important; }
  body .cp-site .gp-listen-footer .gp-listen-footer-links { gap: 10px 25px !important; }
  body .cp-site .mn-connected { margin: 32px 24px; padding: 22px; }
  body .cp-site .ex-feature-copy { padding: 20px; }
  body .cp-site :is(.mn-button,.cp-button,.fan-button,.ex-button,.mn-room-action,.mn-inline-song-listen) { min-height: 50px; padding: 12px 19px; }
  body .cp-site .ex-section-heading h2 { font-size: 39px; }
  body .cp-site .sx-room-page .sx-heading h2 { font-size: 39px; }
}
@media(max-width:360px) {
  body .cp-site .gp-brand-header.gp-listen-header { padding-inline: 22px !important; }
  body .cp-site :is(.ex-content,.entity-breadcrumbs) { padding-inline: 20px !important; }
  body .cp-site .mn-connected { margin-inline: 20px; padding: 20px; }
}
@media print {
  body .cp-site { background: #fff; color: #111; }
  body .cp-site :is(.gp-listen-header,.gp-listen-footer) { display: none !important; }
}

/* Keep the collection findable without adding a fifth mobile destination. */
body .cp-site .gp-listen-header .gp-listen-shop {
 display:inline-flex; align-items:center; justify-content:center; gap:8px;
 min-width:44px; min-height:44px; color:#d8e3e5; font:400 14px/1.4 Arial,sans-serif;
 text-decoration:none; flex-shrink:0;
}
body .cp-site .gp-listen-shop svg { width:20px; height:20px; }
body .cp-site .gp-listen-shop:is(:hover,[aria-current=page]) { color:#85d8e8; }
@media(max-width:700px) {
 body .cp-site .gp-listen-header .gp-listen-shop { margin-left:auto; }
 body .cp-site .gp-listen-header .gp-listen-shop span { display:none; }
 body .cp-site .gp-listen-header.gp-brand-header { gap:8px !important; }
 body .cp-site .gp-listen-header .gp-listen-menu { margin-left:0 !important; }
}

/* Utility pages share the same reading scale without forcing a photo into
   privacy, support, or an error state. */
body .cp-site .cp-utility-content,
body .cp-site ._page_145du_1 ._hero_145du_10 {
 width:100%; max-width:1240px; margin-inline:auto; padding:48px 40px 64px;
 background:#080b0c; color:#f5f3ee;
}
body .cp-site .cp-utility-content > h1,
body .cp-site ._page_145du_1 ._hero_145du_10 h1 {
 max-width:16ch; font:400 clamp(48px,5.8vw,84px)/1.035 Anton,'Arial Narrow',sans-serif;
 letter-spacing:-.018em; color:#f5f3ee; margin:16px 0 28px;
}
body .cp-site :is(.cp-utility-content,.cp-utility-note,.support-rails) h2 {
 font:400 clamp(28px,3.3vw,44px)/1.12 Anton,'Arial Narrow',sans-serif;
 color:#a4e1e8; letter-spacing:-.015em;
}
body .cp-site :is(.cp-utility-content,.cp-utility-note,.support-rails) p { color:#afb9bd; line-height:1.8; }
body .cp-site .support-rails { gap:20px; border:0; background:transparent; }
body .cp-site .support-rails li { min-height:0; padding:28px; border:1px solid #34454c; border-radius:18px; background:linear-gradient(125deg,#172a3190,#0c141899); }
body .cp-site :is(.support-rail-label,._eyebrow_145du_12) { color:#85d8e8!important; }
body .cp-site .cp-utility-note { border-top:1px solid #34454c; }
body .cp-site ._page_145du_1 ._hero_145du_10 p a { color:#a4e1e8; border-color:#34454c; }
@media(max-width:700px) {
 body .cp-site .cp-utility-content,body .cp-site ._page_145du_1 ._hero_145du_10 { padding:32px 24px 48px; }
 body .cp-site .support-rails li { padding:22px; }
}