/* Tarot4U · eight luminous independent reading paths.
   7 traditional chakras + one auric royal magenta color for Saved Readings.
   The rainbow is confined to the buttons; the surrounding design stays rich
   midnight-purple, softly gilded, and faithful to the trademark emblem. */
#yourJourney,#categories,#prepare{scroll-margin-top:110px}
.journey-hub{position:relative;isolation:isolate;margin:38px auto 75px;max-width:1310px;padding:clamp(30px,5vw,65px) clamp(19px,4vw,58px);border:1px solid #e1c07d69;border-radius:25px;background:radial-gradient(ellipse at 50% -35%,rgba(77,46,103,.26),transparent 59%),linear-gradient(140deg,#030308,#000 58%,#080310);box-shadow:0 26px 85px #000b,inset 0 1px #fae6b62e}
.journey-hub::before{position:absolute;content:"";inset:12px;pointer-events:none;border-radius:18px;border:1px solid #f3d5a31c;z-index:0}
.journey-hub-heading{text-align:center;position:relative;margin:0 auto 39px}
.journey-eyebrow{display:block;color:#e5bf79;font:600 11px ui-sans-serif,system-ui,sans-serif;letter-spacing:.30em}
.journey-hub-heading h2{font:normal clamp(35px,4.9vw,60px)/1.1 Georgia,serif;color:#fcf0df;margin:15px auto}
.journey-hub-heading h2 em{font-weight:normal;color:#e6bd80}
.journey-hub-heading p{font:15px/1.75 ui-sans-serif,system-ui,sans-serif;color:#d3c5d5;max-width:610px;margin:0 auto}

/* Fine-grain night sky behind the eight neon steps, without images or script. */
.journey-hub::after{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.84;
 background-image:
  radial-gradient(circle,#ffffffed 0 .85px,transparent 1.25px),
  radial-gradient(circle,#c5b9ffee 0 1px,transparent 1.4px),
  radial-gradient(circle,#ffe6aff0 0 .75px,transparent 1.35px),
  radial-gradient(circle,#cbdfffbd 0 .6px,transparent 1.3px);
 background-size:173px 149px,241px 199px,311px 257px,137px 223px;
 background-position:17px 27px,91px 73px,151px 47px,46px 179px;
}
.journey-hub-heading,.journey-step-grid,.journey-extras{position:relative;z-index:1}
.journey-step:focus-within{border-color:var(--chakra);box-shadow:0 0 0 2px #fff4,0 0 28px color-mix(in srgb,var(--chakra) 54%,transparent)}
.journey-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.journey-step{--chakra:#ff174d;--chakra2:#ff5282;--btnink:#090710;
 display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:300px;position:relative;padding:27px 23px 23px;overflow:hidden;
 background:radial-gradient(circle at 97% -3%,color-mix(in srgb,var(--chakra) 22%,transparent),transparent 63%),linear-gradient(150deg,rgba(13,10,20,.97),rgba(0,0,3,.95));
 border:1px solid color-mix(in srgb,var(--chakra) 73%,transparent);border-radius:15px;
 box-shadow:inset 0 1px #ffffff1f,0 12px 25px #000b,0 0 15px color-mix(in srgb,var(--chakra) 16%,transparent);transition:transform .22s,box-shadow .22s,border-color .22s}
.journey-step::before{content:"";position:absolute;left:19px;right:19px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--chakra),var(--chakra2),var(--chakra),transparent);box-shadow:0 0 12px var(--chakra),0 0 27px var(--chakra)}
.journey-step:hover{transform:translateY(-5px);box-shadow:0 20px 39px #000c,0 0 21px color-mix(in srgb,var(--chakra) 55%,transparent),0 0 47px color-mix(in srgb,var(--chakra) 22%,transparent);border-color:var(--chakra)}
.journey-step:nth-child(1){--chakra:#ff174d;--chakra2:#ff5282} /* root · ruby crimson */
.journey-step:nth-child(2){--chakra:#ff6a00;--chakra2:#ffae33} /* sacral · ember orange */
.journey-step:nth-child(3){--chakra:#fff200;--chakra2:#ffd900;--btnink:#100e00} /* solar plexus · sun-gold */
.journey-step:nth-child(4){--chakra:#00ef80;--chakra2:#61ffb6} /* heart · emerald */
.journey-step:nth-child(5){--chakra:#00ccff;--chakra2:#62edff} /* throat · sapphire */
.journey-step:nth-child(6){--chakra:#9870ff;--chakra2:#bd9cff} /* third eye · deep indigo */
.journey-step:nth-child(7){--chakra:#d83dff;--chakra2:#ef8dff} /* crown · amethyst */
.journey-step:nth-child(8){--chakra:#ff2db2;--chakra2:#ff84d5} /* auric · royal magenta */
.journey-step-no{font:600 10px ui-sans-serif,system-ui,sans-serif;letter-spacing:.20em;color:#dec59b;display:flex;justify-content:space-between;width:100%}
.journey-step-no span{font-size:15px;color:var(--chakra);text-shadow:0 0 12px var(--chakra)}
.journey-step-symbol{font:normal 31px/1 Georgia,serif;color:var(--chakra);margin:22px 0 15px;text-shadow:0 0 12px var(--chakra),0 0 27px color-mix(in srgb,var(--chakra) 73%,transparent)}
.journey-step h3{font:normal clamp(21px,2vw,28px)/1.19 Georgia,serif;letter-spacing:-.025em;color:#fff1dc;margin:0 0 12px}
.journey-step p{color:#cec4d4;font:13px/1.73 ui-sans-serif,system-ui,sans-serif;margin:0 0 24px;flex:1}
.journey-step-button{display:flex;justify-content:space-between;align-items:center;gap:13px;width:100%;min-height:51px;padding:13px 16px;margin-top:auto;border:1px solid var(--chakra2);border-radius:9px;background:linear-gradient(128deg,var(--chakra) 0%,var(--chakra2) 100%);color:var(--btnink)!important;font:800 12px ui-sans-serif,system-ui,sans-serif;letter-spacing:.024em;box-shadow:0 0 9px color-mix(in srgb,var(--chakra) 89%,transparent),0 0 24px color-mix(in srgb,var(--chakra) 63%,transparent),0 0 45px color-mix(in srgb,var(--chakra) 27%,transparent),inset 0 1px #ffffffb3;transition:filter .2s,transform .2s,box-shadow .2s}
.journey-step-button:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 0 14px var(--chakra),0 0 31px color-mix(in srgb,var(--chakra) 90%,transparent),0 0 61px color-mix(in srgb,var(--chakra) 52%,transparent),inset 0 1px #ffffffd9}
.journey-step-button:focus-visible{outline:3px solid #f8eac7;outline-offset:3px}
.journey-step-button span{font:20px Georgia,serif}
/* The fourth button initiates the path, but doesn't monopolize the layout. */
.journey-step-featured{grid-column:auto;min-height:300px;display:flex;flex-direction:column;align-items:flex-start;column-gap:0;padding:27px 23px 23px}
.journey-step-featured .journey-step-no{grid-column:auto;margin:0}
.journey-step-featured .journey-step-symbol{grid-column:auto;font-size:31px;margin:22px 0 15px}
.journey-step-featured .journey-featured-copy{grid-column:auto;display:flex;flex-direction:column;flex:1}
.journey-step-featured h3{font-size:clamp(21px,2vw,28px);margin-bottom:12px}
.journey-step-featured p{font-size:13px;max-width:100%;margin-bottom:24px;line-height:1.73}
.journey-step-featured .journey-step-button{grid-column:auto;width:100%;align-self:auto;font-size:12px}
.journey-extras{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:35px;padding:27px 4px 0;border-top:1px solid #e8c78a38}
.journey-extras-label{font:600 10px ui-sans-serif,system-ui,sans-serif;letter-spacing:.21em;color:#d4ae76}
.journey-extras h3{font:normal 24px Georgia,serif;color:#f1ddba;margin:9px 0 0}
.journey-extra-actions{display:flex;gap:12px;flex-wrap:wrap}
.journey-extra-actions button{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cea9768a;border-radius:8px;color:#f1daa9;background:#25172d;padding:14px 20px;font:normal 16px Georgia,serif;min-height:52px;transition:background .2s,border-color .2s}
.journey-extra-actions button span{font-size:20px}
.journey-extra-actions button:hover{background:#3e2549;border-color:#edcd96}
/* Deck gallery shown between category → spread and starting a reading. */
.journey-picker{max-width:1180px;margin:0 auto;padding:37px 0 90px}
.journey-picker-head{text-align:center;max-width:800px;margin:0 auto 31px}
.journey-picker-head h1{font:normal clamp(35px,5vw,61px)/1.18 Georgia,serif;margin:15px 0;color:#fff0d7;letter-spacing:-.025em}
.journey-picker-head h1 em{font-weight:normal;color:#e8be79}
.journey-picker-head>p{font-size:15px;color:#d8c6da;line-height:1.75;max-width:670px;margin:0 auto}
.journey-no-order{display:inline-block;font-size:11px;color:#d9b776;letter-spacing:.06em;margin-top:16px}
.journey-pending-spread{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;margin:20px auto 33px;background:linear-gradient(90deg,transparent,#a67e6d22,transparent);border-block:1px solid #d2ae783b}
.journey-pending-spread span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#d8ba87}
.journey-pending-spread strong{font:normal 20px Georgia,serif;color:#fff0d6}
.journey-pending-spread button,.journey-deck-change{border:0;background:none;color:#f0ce93;text-decoration:underline;text-underline-offset:4px;font-size:12px}
.journey-deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journey-deck-choice{min-width:0;border:1px solid #c39f6b70;border-radius:16px;background:linear-gradient(#34213b,#100c19);padding:19px 19px 20px;color:#f4e7d2;text-align:center;position:relative;box-shadow:0 16px 38px #0005;transition:transform .2s,border-color .2s}
.journey-deck-choice:hover{transform:translateY(-5px);border-color:#f5d491}
.journey-deck-choice.is-selected{border-color:#e9c783;box-shadow:0 0 0 1px #e9c78388,0 15px 45px #0007}
.journey-deck-choice.is-selected:after{content:'✦ SELECTED';position:absolute;right:19px;top:17px;color:#fff3d8;font-size:9px;letter-spacing:.15em;background:#151020c9;border:1px solid #f3d49178;border-radius:20px;padding:8px 10px}
.journey-deck-art{height:330px;display:grid;place-items:center;padding:8px;border-radius:11px;background:radial-gradient(ellipse at 50% 45%,rgba(178,106,181,.23),#0f0a19 67%);overflow:hidden}
.journey-deck-art img{height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 15px 17px #0009)}
.journey-deck-choice-info{display:flex;flex-direction:column;align-items:center;padding:17px 2px 2px;gap:9px}
.journey-deck-choice-info strong{font:normal clamp(19px,2.1vw,25px)/1.3 Georgia,serif}
.journey-deck-choice-info small{color:#f1c986;font-size:12px;letter-spacing:.035em}
.journey-draw-method{margin:36px 0 0;padding:30px;border:1px solid #e8bd7652;border-radius:18px;background:#25182dc7;text-align:center}
.journey-draw-method h2{font:normal 32px Georgia,serif;color:#f2d7a3;margin:10px 0}
.journey-draw-method p{font-size:14px;color:#d7c8dc;line-height:1.7;margin:0 auto 20px;max-width:600px}
.journey-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:770px;margin:0 auto}
.journey-mode-options button{display:grid;place-items:center;gap:8px;text-align:center;padding:20px 12px;border:1px solid #a88baf66;border-radius:12px;background:#0e0a17;color:#eee3f1;transition:background .2s,border-color .2s}
.journey-mode-options button.is-selected{background:#422e45;border-color:#efc87f;box-shadow:inset 0 0 0 1px #e6bb6b40}
.journey-mode-options button>span{font:26px Georgia,serif;color:#f2cb82}
.journey-mode-options button strong{font:normal 23px Georgia,serif;color:#fff0cf}
.journey-mode-options button small{color:#d5c6d8;font-size:12px}
.journey-picker-footer{margin:30px auto 0;text-align:center}
.journey-picker-footer p{font-size:14px;color:#c7bace;line-height:1.6}
.journey-picker-footer p strong{color:#f6d896;font-weight:600}
.journey-continue {padding:16px 29px;border:1px solid #f8d89c;border-radius:7px;background:linear-gradient(120deg,#ffe2a4,#cda25c);color:#201226;font-size:15px;font-weight:700;min-height:55px;margin-top:8px}
.journey-continue span{margin-left:16px;font-size:20px}
.journey-current-deck{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:20px 0;padding:14px 18px;border:1px solid #cfaa725e;border-radius:11px;background:#30213baa}
.journey-current-deck span{font-size:10px;letter-spacing:.14em;color:#dab77f}
.journey-current-deck strong{font:normal 17px Georgia,serif;color:#fff0d6}
.journey-current-deck button{margin-left:auto}
.mode-card.journey-mode-preferred{outline:1px solid #e8be80;outline-offset:2px}


@media(max-width:1120px){.journey-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-step{min-height:270px;padding:27px}.journey-step-featured{min-height:270px;padding:27px}}
@media(max-width:770px){.journey-hub{padding:29px 20px}.journey-step-grid{gap:13px}.journey-deck-grid{gap:10px}.journey-deck-choice{padding:12px}.journey-deck-art{height:230px}}
@media(max-width:560px){.journey-hub{margin:17px auto 38px;padding:29px 15px;border-radius:16px}.journey-hub-heading{margin-bottom:26px}.journey-hub-heading p{font-size:13px}.journey-step-grid{grid-template-columns:1fr}.journey-step,.journey-step-featured{min-height:0;padding:22px 23px}.journey-step-symbol,.journey-step-featured .journey-step-symbol{font-size:28px;margin:12px 0 12px}.journey-step h3,.journey-step-featured h3{font-size:26px}.journey-step p,.journey-step-featured p{font-size:13px;margin-bottom:19px}.journey-extras{align-items:stretch}.journey-extra-actions{display:grid;grid-template-columns:1fr;width:100%}.journey-picker{padding:25px 0 60px}.journey-deck-grid{grid-template-columns:1fr;max-width:385px;margin:auto;gap:14px}.journey-deck-art{height:290px}.journey-deck-choice{padding:16px}.journey-mode-options{grid-template-columns:1fr}.journey-draw-method{padding:20px}.journey-picker-head h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.journey-step,.journey-deck-choice,.journey-step-button{transition:none}}

/* Edition II — REAL NEON SIGN treatment. Each step is rendered as a
   saturated luminous element on black, not a flat pastel CTA. */
.journey-hub{
 background-color:#010105;
 background-image:
   radial-gradient(circle at 50% 100%, rgba(77,0,110,.20),transparent 51%),
   radial-gradient(circle at 20% 0%, rgba(28,23,75,.16),transparent 39%),
   linear-gradient(125deg,#03020a,#000 50%,#04000c);
 border-color:rgba(236,198,128,.52);
 box-shadow:0 26px 85px rgba(0,0,0,.88),inset 0 0 38px rgba(128,83,186,.065);
}
.journey-hub::after{opacity:1;background-image:
  radial-gradient(circle,#fff 0 1px,transparent 1.5px),
  radial-gradient(circle,#e6c6ff 0 1px,transparent 1.6px),
  radial-gradient(circle,#b9daff 0 0.8px,transparent 1.5px),
  radial-gradient(circle,#ffe9ba 0 0.7px,transparent 1.3px);
 background-size:157px 151px,241px 193px,281px 257px,137px 223px;
 background-position:33px 19px,107px 62px,170px 131px,64px 97px;
}
.journey-hub-heading h2{color:#fff5e3;text-shadow:0 2px 22px rgba(231,185,111,.25)}
.journey-step-grid{gap:22px;}
.journey-step,
.journey-step.journey-step-featured{
 isolation:isolate;
 overflow:visible;
 background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--chakra) 10%,transparent),transparent 68%),linear-gradient(165deg,#100b18,#06040c 55%,#010104);
 border:1.5px solid color-mix(in srgb,var(--chakra) 92%,white 8%);
 border-radius:20px;
 box-shadow:
   0 0 5px color-mix(in srgb,var(--chakra) 96%,transparent),
   0 0 16px color-mix(in srgb,var(--chakra) 47%,transparent),
   0 0 40px color-mix(in srgb,var(--chakra) 18%,transparent),
   inset 0 0 18px color-mix(in srgb,var(--chakra) 13%,transparent),
   0 13px 30px rgba(0,0,0,.8);
 transition:transform .2s,border-color .2s,box-shadow .2s;
}
.journey-step::before{
 top:-1px;left:14%;right:14%;height:3px;
 background:linear-gradient(90deg,transparent,var(--chakra),#fff,var(--chakra),transparent);
 box-shadow:0 0 7px var(--chakra),0 0 20px var(--chakra),0 0 36px color-mix(in srgb,var(--chakra) 70%,transparent);
}
.journey-step::after{
 content:'';position:absolute;inset:7px;border-radius:14px;
 border:1px solid color-mix(in srgb,var(--chakra) 20%,transparent);
 box-shadow:inset 0 0 14px color-mix(in srgb,var(--chakra) 8%,transparent);
 pointer-events:none;z-index:0;
}
.journey-step>*{position:relative;z-index:1}
.journey-step:hover,.journey-step:focus-within{
 transform:translateY(-4px);
 border-color:#fff;
 box-shadow:0 0 8px var(--chakra),0 0 27px color-mix(in srgb,var(--chakra) 80%,transparent),0 0 65px color-mix(in srgb,var(--chakra) 43%,transparent),inset 0 0 24px color-mix(in srgb,var(--chakra) 21%,transparent),0 21px 39px #000c;
}
.journey-step-no{font-size:11px;color:#f7e8d7;letter-spacing:.23em}
.journey-step-no span,.journey-step-symbol{
 color:var(--chakra);
 text-shadow:0 0 4px var(--chakra),0 0 16px var(--chakra),0 0 30px color-mix(in srgb,var(--chakra) 70%,transparent);
}
.journey-step-symbol{font-size:36px;margin-top:20px}
.journey-step h3{
 color:#fff;
 text-shadow:0 0 3px color-mix(in srgb,var(--chakra) 67%,white 33%),0 0 17px color-mix(in srgb,var(--chakra) 34%,transparent);
}
.journey-step p{color:#eee2f4;font-size:13.5px}
.journey-step-button,
.journey-step-featured .journey-step-button{
 position:relative;isolation:isolate;
 display:flex;min-height:58px;
 background:linear-gradient(135deg,color-mix(in srgb,var(--chakra) 22%,#080511 78%),#090513 58%,color-mix(in srgb,var(--chakra) 33%,#08040e 67%));
 border:2px solid var(--chakra);
 border-radius:11px;
 color:#fff!important;
 font:800 13px/1.3 ui-sans-serif,system-ui,sans-serif;
 text-shadow:0 0 3px #fff,0 0 11px var(--chakra),0 0 19px var(--chakra);
 box-shadow:0 0 7px var(--chakra),0 0 18px color-mix(in srgb,var(--chakra) 83%,transparent),0 0 44px color-mix(in srgb,var(--chakra) 43%,transparent),inset 0 0 14px color-mix(in srgb,var(--chakra) 25%,transparent),inset 0 1px 1px #ffffff80;
 transition:transform .2s,box-shadow .2s,background .2s;
}
.journey-step-button span{font-size:24px;color:var(--chakra);text-shadow:0 0 5px var(--chakra),0 0 13px var(--chakra)}
.journey-step-button:hover,
.journey-step-button:focus-visible{
 filter:none;transform:translateY(-2px);
 background:linear-gradient(135deg,color-mix(in srgb,var(--chakra) 46%,#06020e 54%),#13071b 60%,color-mix(in srgb,var(--chakra) 40%,#07030e 60%));
 box-shadow:0 0 10px var(--chakra),0 0 27px var(--chakra),0 0 62px color-mix(in srgb,var(--chakra) 62%,transparent),inset 0 0 27px color-mix(in srgb,var(--chakra) 26%,transparent);
}
/* Chakra colors intentionally saturated — no powder/pastel tones. */
.journey-step:nth-child(1){--chakra:#ff124a;--chakra2:#ff124a}
.journey-step:nth-child(2){--chakra:#ff6b00;--chakra2:#ff6b00}
.journey-step:nth-child(3){--chakra:#ffef00;--chakra2:#ffef00}
.journey-step:nth-child(4){--chakra:#00ff83;--chakra2:#00ff83}
.journey-step:nth-child(5){--chakra:#00d9ff;--chakra2:#00d9ff}
.journey-step:nth-child(6){--chakra:#7d56ff;--chakra2:#7d56ff}
.journey-step:nth-child(7){--chakra:#d225ff;--chakra2:#d225ff}
.journey-step:nth-child(8){--chakra:#ff16bb;--chakra2:#ff16bb}
@media(max-width:1120px){.journey-step-grid{gap:18px}}
@media(max-width:560px){.journey-step-grid{gap:19px}.journey-step,.journey-step.journey-step-featured{padding:24px}.journey-step-button{min-height:57px}}
@media(prefers-reduced-motion:reduce){.journey-step,.journey-step-button{transition:none!important}}

/* iPad/Safari deck picker: explicit image box, no lazy SVG/WebP preview.
   Card fronts elsewhere keep their original high-resolution deck assets. */
.journey-deck-art{display:flex;align-items:center;justify-content:center;min-width:0}
.journey-deck-art img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;aspect-ratio:520 / 890;filter:drop-shadow(0 13px 18px rgba(0,0,0,.7))}
.deck-options-showcase .deck-preview img{display:block;max-width:100%;object-fit:contain}
.journey-deck-choice{cursor:pointer}
.journey-deck-choice:focus-visible{outline:3px solid #ffe5a2;outline-offset:4px}
/* Deck-first: direct route to organized spread choices without another deck step. */
.journey-all-spreads{max-width:1340px;margin:auto;padding-top:42px}
.journey-spread-selected{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin:24px auto 0;padding:13px 20px;border:1px solid #deb87970;border-radius:16px;background:#17101ce3;max-width:520px}
.journey-spread-selected img{width:46px;height:78px;object-fit:cover;border:1px solid #d9b875;border-radius:5px;box-shadow:0 0 13px #debc6966}
.journey-spread-selected strong{color:#f9e9c8;font:normal 19px Georgia,serif}
.journey-spread-selected button{background:transparent;border:0;color:#f6d28d;text-decoration:underline;cursor:pointer}
.journey-spread-group{margin:20px auto;border:1px solid #d7b46a80;border-radius:16px;padding:0 20px 14px;background:linear-gradient(150deg,#1b1125e3,#0b0912ed);box-shadow:0 15px 30px #0005}
.journey-spread-group>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:25px 7px;color:#f9ead1;font:normal clamp(22px,3.1vw,32px) Georgia,serif}
.journey-spread-group>summary::-webkit-details-marker{display:none}
.journey-spread-group>summary small{color:#eac786;font:600 12px system-ui,sans-serif;white-space:nowrap}
.journey-spread-group[open]>summary{border-bottom:1px solid #d9b57e44;margin-bottom:14px}
.journey-spread-choice{display:flex;flex-direction:column;min-width:0}
.journey-spread-choice>.spread-card{width:100%;flex:1}
.journey-spread-choice>.journey-preview-questions{margin:0 0 14px;background:transparent;border:1px solid #d9b47f7c;border-radius:0 0 10px 10px;color:#e9c58e;padding:11px 13px;cursor:pointer;font-size:13px}
.journey-preview-questions:hover,.journey-preview-questions:focus-visible{background:#382141;border-color:#f6dfaf;color:#fff}
/* Existing neon card rules expect a direct child; keep them vibrant in wrappers. */
.journey-spread-group .spread-card{--spread-neon:#ff1853;--spread-neon-lit:#ff89a4;position:relative;isolation:isolate;min-height:285px;overflow:hidden;padding:20px 21px;border:1.5px solid var(--spread-neon);border-radius:15px;background:radial-gradient(ellipse at 90% -12%,color-mix(in srgb,var(--spread-neon) 27%,transparent),transparent 60%),linear-gradient(151deg,#1a101d,#100b18 45%,#05050e);box-shadow:0 0 19px color-mix(in srgb,var(--spread-neon) 40%,transparent),0 13px 25px #0009;transition:transform .2s,box-shadow .2s}
.journey-spread-group .spread-card:hover,.journey-spread-group .spread-card:focus-visible{transform:translateY(-3px);box-shadow:0 0 28px var(--spread-neon),0 15px 28px #0009}
.journey-spread-group .spread-card[data-neon-spread="0"]{--spread-neon:#ff174f;--spread-neon-lit:#ff91a9}
.journey-spread-group .spread-card[data-neon-spread="1"]{--spread-neon:#ff6800;--spread-neon-lit:#ffb46b}
.journey-spread-group .spread-card[data-neon-spread="2"]{--spread-neon:#ffe600;--spread-neon-lit:#fff67c}
.journey-spread-group .spread-card[data-neon-spread="3"]{--spread-neon:#00ef72;--spread-neon-lit:#85ffc1}
.journey-spread-group .spread-card[data-neon-spread="4"]{--spread-neon:#00dfff;--spread-neon-lit:#98f6ff}
.journey-spread-group .spread-card[data-neon-spread="5"]{--spread-neon:#1681ff;--spread-neon-lit:#90c5ff}
.journey-spread-group .spread-card[data-neon-spread="6"]{--spread-neon:#6458ff;--spread-neon-lit:#b7acff}
.journey-spread-group .spread-card[data-neon-spread="7"]{--spread-neon:#a643ff;--spread-neon-lit:#d6a3ff}
.journey-spread-group .spread-card[data-neon-spread="8"]{--spread-neon:#e237ff;--spread-neon-lit:#f4a5ff}
.journey-spread-group .spread-card[data-neon-spread="9"]{--spread-neon:#ff2cae;--spread-neon-lit:#ff9cdb}
.journey-spread-group .spread-card .spread-mini{border-color:var(--spread-neon);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--spread-neon) 20%,transparent),#0b0818)}
.journey-spread-group .spread-card .spread-number{color:var(--spread-neon-lit)}
.journey-spread-group .spread-card h3{color:#fff4e4}
.journey-spread-group .spread-card .spread-open-label{display:grid;place-items:center;min-height:39px;background:linear-gradient(110deg,var(--spread-neon),var(--spread-neon-lit));color:#150a1b;font-weight:800;border-radius:8px;padding:10px 8px}
.journey-preview-access{margin:20px auto;text-align:center}
.journey-preview-access button{padding:12px 18px;border:1px solid #e1b977a8;border-radius:9px;background:#21162c;color:#f6d8ab;cursor:pointer}
.journey-preview-list{max-width:920px;margin:15px auto 28px;display:grid;gap:9px}
.journey-preview-list details{padding:14px 20px;border:1px solid #a18a9e66;background:#181122;border-radius:9px;color:#f1ddbd}
.journey-preview-list summary{cursor:pointer;font-weight:700}
.journey-preview-list li{margin:9px 0;color:#e5daeb}
@media(max-width:600px){.journey-spread-group{padding:0 12px 10px}.journey-spread-group>summary{padding:20px 0;font-size:22px}.journey-spread-group>summary small{font-size:11px}}

/* Mobile homepage order: hero + live Begin Reading CTA, actual reading
   categories (Love, Money, etc.), then What Is Tarot / the eight steps.
   Desktop layout remains identical to the previous release. */
.mobile-reading-launch{display:none}
@media (max-width:700px){
 .mobile-reading-launch{display:block;margin:14px 0 0;padding:0 4px;text-align:center}
 .mobile-reading-button{
   display:flex;align-items:center;justify-content:center;gap:18px;
   width:100%;min-height:57px;padding:14px 22px;
   border:1px solid #fff0b5;border-radius:13px;
   background:linear-gradient(125deg,#fff0b7 0%,#d8a451 52%,#f5d48b 100%);
   color:#1c0d22;font:800 17px/1.25 ui-sans-serif,system-ui,sans-serif;
   letter-spacing:.025em;cursor:pointer;
   box-shadow:0 0 15px #ebbc5c44,0 9px 23px #0008;
 }
 .mobile-reading-button span{font-size:23px}
 .mobile-reading-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
 .mobile-reading-button:active{transform:translateY(1px)}
 .home-edition .paths-section{padding:23px 0 36px}
 .home-edition .paths-section .section-heading h2{margin:9px auto 9px}
 .home-edition .paths-section .section-heading p{margin:0 auto 23px}
 .home-edition .paths-section .category-grid{margin-bottom:24px}
 .home-edition .journey-hub{margin-top:18px}
}