/* Tarot4U · Luminescent category spectrum · 01 Yes/No leads the gallery.
   Dark cosmic glass, electric chakra-inspired rainbow: ruby → orange → yellow → emerald → cyan → sapphire → indigo → violet → magenta.
   Isolated to HOME category gallery. Saved readings, chakra steps and Stripe
   checkout retain their own untouched styles. */
.home-edition .paths-section .category-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(13px,1.35vw,21px);
  padding:9px 7px 27px;
  margin:0;
  overflow:visible;
}
.home-edition .paths-section .category-grid .category-card{
  --spectrum:#ff234d;
  --spectrum-lit:#ff6477;
  --spectrum-rgb:255 35 77;
  display:flex;
  flex-direction:column;
  isolation:isolate;
  text-align:left;
  position:relative;
  overflow:hidden;
  min-width:0;
  min-height:286px;
  padding:27px 22px 23px;
  border-radius:17px;
  border:1.5px solid color-mix(in srgb,var(--spectrum) 85%,#ffffff 15%);
  background:
    radial-gradient(ellipse at 92% -18%,color-mix(in srgb,var(--spectrum) 27%,transparent),transparent 68%),
    radial-gradient(ellipse at -25% 115%,color-mix(in srgb,var(--spectrum) 15%,transparent),transparent 60%),
    linear-gradient(148deg,#1b111d 0%,#0b0815 54%,#05050b 100%);
  color:#fff6ec;
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--spectrum) 15%,transparent),
    0 0 22px color-mix(in srgb,var(--spectrum) 43%,transparent),
    0 0 47px color-mix(in srgb,var(--spectrum) 14%,transparent),
    0 9px 30px #000b,
    inset 0 0 22px color-mix(in srgb,var(--spectrum) 11%,transparent);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  cursor:pointer;
}
/* Saturated chakra-inspired NEON RAINBOW. Yes/No remains first; 
   ten category hues are independent of the eight journey steps. */
.home-edition .paths-section .category-card:nth-child(1){--spectrum:#ff174d;--spectrum-lit:#ff6d91} /* ruby red */
.home-edition .paths-section .category-card:nth-child(2){--spectrum:#ff6a00;--spectrum-lit:#ffb347} /* electric orange */
.home-edition .paths-section .category-card:nth-child(3){--spectrum:#fff200;--spectrum-lit:#fff883} /* electric yellow */
.home-edition .paths-section .category-card:nth-child(4){--spectrum:#00f47d;--spectrum-lit:#73ffbc} /* emerald green */
.home-edition .paths-section .category-card:nth-child(5){--spectrum:#00d9ff;--spectrum-lit:#77f1ff} /* neon cyan */
.home-edition .paths-section .category-card:nth-child(6){--spectrum:#0684ff;--spectrum-lit:#70baff} /* electric sapphire */
.home-edition .paths-section .category-card:nth-child(7){--spectrum:#6553ff;--spectrum-lit:#b0a0ff} /* royal indigo */
.home-edition .paths-section .category-card:nth-child(8){--spectrum:#a63dff;--spectrum-lit:#d49aff} /* neon violet */
.home-edition .paths-section .category-card:nth-child(9){--spectrum:#da2dff;--spectrum-lit:#f08aff} /* amethyst */
.home-edition .paths-section .category-card:nth-child(10){--spectrum:#ff28b4;--spectrum-lit:#ff8add} /* magenta pink */

/* Light conduit, small stars and subtle foil engraving. */
.home-edition .paths-section .category-card::before{
  content:"";
  display:block;
  position:absolute;
  pointer-events:none;
  height:3px;
  top:0;
  left:13%;
  right:13%;
  z-index:0;
  background:linear-gradient(90deg,transparent,var(--spectrum),var(--spectrum-lit),var(--spectrum),transparent);
  box-shadow:0 0 10px var(--spectrum),0 0 24px color-mix(in srgb,var(--spectrum) 65%,transparent);
  opacity:1;
}
.home-edition .paths-section .category-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0;
  width:auto;
  height:auto;
  right:0;
  bottom:0;
  border:0;
  border-radius:inherit;
  z-index:0;
  background:
   radial-gradient(circle,#fff3dd 0 .7px,transparent 1.25px) 14px 26px / 101px 97px,
   radial-gradient(circle,var(--spectrum-lit) 0 .7px,transparent 1.2px) 54px 64px / 137px 121px,
   radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--spectrum) 15%,transparent),transparent 49%);
  opacity:.55;
}
.home-edition .paths-section .category-card > *{position:relative;z-index:1}
.home-edition .paths-section .category-card .path-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin:0 0 26px;
}
.home-edition .paths-section .category-card .category-icon{
  font:normal 37px/1 Georgia,serif;
  color:var(--spectrum-lit);
  margin:0;
  text-shadow:0 0 8px var(--spectrum),0 0 25px color-mix(in srgb,var(--spectrum) 68%,transparent);
}
.home-edition .paths-section .category-card .path-index{
  display:inline-flex;
  align-items:center;
  font:700 10px/1.5 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.16em;
  color:color-mix(in srgb,var(--spectrum-lit) 80%,#ffffff 20%);
  border:1px solid color-mix(in srgb,var(--spectrum) 35%,transparent);
  border-radius:99px;
  padding:6px 9px;
  background:color-mix(in srgb,var(--spectrum) 11%,#0d0a14 89%);
}
.home-edition .paths-section .category-card h3{
  color:#fff8ef;
  font:700 clamp(24px,2vw,33px)/1.08 Georgia,'Times New Roman',serif;
  letter-spacing:-.03em;
  text-shadow:0 2px 14px #000b,0 0 16px color-mix(in srgb,var(--spectrum) 20%,transparent);
  margin:0 0 13px;
  text-wrap:balance;
}
.home-edition .paths-section .category-card p{
  color:#e7dae0;
  font:500 clamp(12px,.87vw,14px)/1.6 ui-sans-serif,system-ui,sans-serif;
  margin:0 0 22px;
  max-width:100%;
}
.home-edition .paths-section .category-card .path-link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  gap:8px;
  min-height:45px;
  margin-top:auto;
  padding:10px 12px;
  background:linear-gradient(125deg,var(--spectrum),var(--spectrum-lit));
  border:1px solid var(--spectrum-lit);
  border-radius:10px;
  color:#100817;
  font:800 12px/1.35 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.015em;
  box-shadow:inset 0 1px #ffffffa8,0 0 11px color-mix(in srgb,var(--spectrum) 80%,transparent),0 0 29px color-mix(in srgb,var(--spectrum) 44%,transparent);
  text-shadow:none;
}
.home-edition .paths-section .category-card .path-link span{
  color:#100817;
  font:normal 22px/1 Georgia,serif;
  text-shadow:none;
}
.home-edition .paths-section .category-card:hover,
.home-edition .paths-section .category-card:focus-visible{
  transform:translateY(-6px);
  border-color:var(--spectrum-lit);
  background:
    radial-gradient(ellipse at 94% -10%,color-mix(in srgb,var(--spectrum) 35%,transparent),transparent 66%),
    radial-gradient(ellipse at -10% 109%,color-mix(in srgb,var(--spectrum) 21%,transparent),transparent 70%),
    linear-gradient(149deg,#20101e,#090710 65%,#05040a);
  box-shadow:
    0 0 0 1px var(--spectrum),
    0 0 23px color-mix(in srgb,var(--spectrum) 55%,transparent),
    0 0 55px color-mix(in srgb,var(--spectrum) 26%,transparent),
    0 21px 37px #000d,
    inset 0 0 34px color-mix(in srgb,var(--spectrum) 18%,transparent);
}
.home-edition .paths-section .category-card:hover .path-link,
.home-edition .paths-section .category-card:focus-visible .path-link{
  background:linear-gradient(117deg,var(--spectrum-lit),var(--spectrum));
  color:#160810;
  text-shadow:none;
  box-shadow:0 0 19px color-mix(in srgb,var(--spectrum) 90%,transparent),0 0 37px color-mix(in srgb,var(--spectrum) 44%,transparent),0 0 65px color-mix(in srgb,var(--spectrum) 18%,transparent);
}
.home-edition .paths-section .category-card:hover .path-link span,
.home-edition .paths-section .category-card:focus-visible .path-link span{color:#160810;text-shadow:none}
.home-edition .paths-section .category-card:focus-visible{outline:3px solid #fff8e2;outline-offset:5px}

@media (max-width:1240px){
  .home-edition .paths-section .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:760px){
  .home-edition .paths-section .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-inline:3px}
  .home-edition .paths-section .category-grid .category-card{min-height:252px;padding:22px 17px 19px}
  .home-edition .paths-section .category-grid .category-card h3{font-size:clamp(21px,4.2vw,27px)}
  .home-edition .paths-section .category-grid .category-card .category-icon{font-size:30px}
  .home-edition .paths-section .category-grid .category-card .path-top{margin-bottom:20px}
}
@media (max-width:420px){
  .home-edition .paths-section .category-grid{grid-template-columns:1fr;gap:16px}
  .home-edition .paths-section .category-grid .category-card{min-height:230px}
}
@media (prefers-reduced-motion:reduce){
  .home-edition .paths-section .category-card{transition:none}
  .home-edition .paths-section .category-card:hover{transform:none}
}