/* Journey design system v2 — shared chrome and type rules for every Journey
   Network page (not J3 Radio). Page-specific layout stays in each page; this
   file holds what must be identical everywhere. Loaded by the jn-v2 mu-plugin.
   v3 (2026-10-20, from the FAITH / Disney+ / SonLife references): luminous blue —
   midnight #061638 · deep #0a2a6e · cobalt #2563eb · bright #4c8dff · glow #48c2ff · air #eef4ff.
   Palette (v2): navy #0c2a5e · royal #1d4ea8 · midnight #071631 · crimson #c8161d ·
   gold #d9a23a · ink #0e1a2f · mist #eef1f6 */

.jn-page { font-family: 'Libre Franklin', sans-serif; color: #0e1a2f; -webkit-font-smoothing: antialiased; }
.jn-page ::selection { background: rgba(29,78,168,.22); color: #0e1a2f; }

/* Headlines: Schibsted Grotesk, heavy and tight */
.jn-page :is(h1, h2) { font-family: 'Schibsted Grotesk', 'Libre Franklin', sans-serif !important; font-weight: 800 !important; letter-spacing: -.028em !important; font-style: normal !important; }
.jn-page h3 { font-family: 'Schibsted Grotesk', 'Libre Franklin', sans-serif !important; font-weight: 700 !important; letter-spacing: -.02em !important; }
.jn-page .jn-serif { font-family: 'Schibsted Grotesk', 'Libre Franklin', sans-serif !important; letter-spacing: -.02em; }

/* Old "— LABEL —" kickers: quieter, no dashes */
.jn-page .jn-kicker { font-family: 'Libre Franklin', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em !important; }
.jn-page .jn-kicker::before, .jn-page .jn-kicker::after { content: none !important; }

/* Header + live strip + footer */
.jn-page header { background: rgba(6,22,56,.96) !important; border-bottom-color: rgba(110,210,255,.18) !important; }
.jn-page header, .jn-page header a, .jn-page footer, .jn-page footer * { font-family: 'Libre Franklin', sans-serif !important; }
.jn-page header .jn-nav-link { color: rgba(255,255,255,.88) !important; font-weight: 600 !important; letter-spacing: .04em !important; }
.jn-page header .jn-nav-link::after { background: #6fd3ff !important; box-shadow: 0 0 10px rgba(72,194,255,.8); }
.jn-page header .jn-btn-solid { background: #ffffff !important; color: #0a2a6e !important; font-weight: 800 !important; border-radius: 8px !important; box-shadow: 0 0 0 1px rgba(255,255,255,.4), 0 8px 24px -10px rgba(72,194,255,.8) !important; }
.jn-page header .jn-btn-solid:hover { background: #e6f2ff !important; }
.jn-page footer { background: #040e26 !important; }

/* Shared buttons from the v1 pages */
.jn-page main .jn-btn-solid { background: linear-gradient(180deg,#4c8dff 0%,#2563eb 100%) !important; color: #fff !important; border-radius: 8px; font-weight: 800; letter-spacing: .03em; box-shadow: 0 12px 28px -14px rgba(59,130,255,.9); }
.jn-page main .jn-btn-solid:hover { box-shadow: 0 16px 34px -12px rgba(72,194,255,.95); transform: translateY(-1px); }
.jn-page .jn-btn-gold { border-color: #4c8dff !important; color: #2456c9 !important; border-radius: 8px; font-weight: 800; letter-spacing: .03em; }
.jn-page .jn-btn-gold:hover { background: #2563eb !important; color: #fff !important; }
.jn-page .jn-btn-gold-on-dark { color: #8fd8ff !important; border-color: rgba(143,216,255,.7) !important; }

/* Mailchimp's site-wide "VIP perks" tab is replaced by our own sign-up card (jn-popups.js) on these pages */
.mcforms-wrapper { display: none !important; }
