:root{
  --light-ink:#2f2a3d;
  --light-muted:#6e6681;
  --light-line:rgba(84,67,110,.16);
  --light-panel:rgba(255,255,255,.68);
  --light-lav:#cab6ff;
  --light-sky:#9fe6ff;
  --light-gold:#ffd98c;
  --light-pink:#ffc6dc;
  --light-mint:#bff4dd;
}
body.lighter-side{
  color:var(--light-ink);
  background:
    radial-gradient(circle at 10% 18%,rgba(255,255,255,.94),transparent 18%),
    radial-gradient(circle at 78% 12%,rgba(202,182,255,.38),transparent 27%),
    radial-gradient(circle at 22% 72%,rgba(159,230,255,.34),transparent 30%),
    linear-gradient(155deg,#fffdf7 0%,#f7fbff 30%,#fbf7ff 64%,#fff8ef 100%);
  min-height:100vh;
}
body.lighter-side::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 12% 24%,rgba(255,255,255,.9) 0 1px,transparent 2px),
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.95) 0 1px,transparent 2px),
    radial-gradient(circle at 68% 65%,rgba(255,255,255,.85) 0 1.2px,transparent 2.2px),
    radial-gradient(circle at 36% 54%,rgba(255,255,255,.8) 0 1px,transparent 2px);
  background-size:120px 120px,170px 170px,210px 210px,145px 145px;
  opacity:.8;
  animation:lighterStars 18s linear infinite;
}
@keyframes lighterStars{to{background-position:0 -120px,20px -170px,-10px -210px,15px -145px}}
body.lighter-side .embers{display:none}
body.lighter-side main,body.lighter-side .nav,body.lighter-side footer{position:relative;z-index:1}
body.lighter-side .nav{
  background:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(90,70,120,.13);
  backdrop-filter:blur(18px);
}
body.lighter-side .brand,
body.lighter-side .nav-links a,
body.lighter-side .mobile-nav-menu a{color:#3b3450}
body.lighter-side .logo-mark{background:rgba(255,255,255,.75);box-shadow:0 0 24px rgba(185,163,255,.24)}
body.lighter-side .mobile-nav-menu{
  background:rgba(255,255,255,.96);
  border-top:1px solid var(--light-line);
}
.light-nav-pill{
  border:1px solid rgba(101,82,130,.16)!important;
  background:rgba(255,255,255,.68)!important;
  color:#463d5b!important;
  box-shadow:0 8px 24px rgba(120,100,150,.08);
}
.light-nav-pill:hover{background:#fff!important;box-shadow:0 10px 28px rgba(146,123,181,.14)}
.to-forge{
  background:linear-gradient(180deg,#1a171e,#09090b)!important;
  color:#f6eee6!important;
  border:1px solid #4c3a34!important;
  box-shadow:0 0 24px rgba(50,25,22,.22)!important;
}
.to-forge:hover{background:#09090b!important;box-shadow:0 0 34px rgba(104,52,39,.34)!important}
.light-hero{
  padding:clamp(80px,11vw,150px) 0 clamp(70px,9vw,120px);
  overflow:hidden;
}
.light-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);
  gap:clamp(36px,7vw,90px);
  align-items:center;
}
.light-kicker{color:#7b5fb1!important}
.light-hero h1{
  margin:10px 0 22px;
  color:#3c3156;
  font-size:clamp(3.4rem,8vw,7.4rem);
  line-height:.9;
  letter-spacing:-.05em;
  text-shadow:0 8px 40px rgba(159,130,205,.12);
}
.light-hero .lede{color:#6f6680;max-width:760px}
.magic-card{
  position:relative;
  padding:clamp(28px,4vw,44px);
  border:1px solid rgba(119,95,153,.16);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.5));
  box-shadow:0 28px 80px rgba(131,110,160,.18),inset 0 1px 0 rgba(255,255,255,.95);
  overflow:hidden;
}
.magic-card::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:conic-gradient(from 0deg,transparent,rgba(202,182,255,.16),transparent,rgba(159,230,255,.14),transparent);
  animation:magicSpin 22s linear infinite;
}
@keyframes magicSpin{to{transform:rotate(360deg)}}
.magic-card>*{position:relative;z-index:1}
.magic-mark{
  width:110px;height:110px;border-radius:50%;margin:0 auto 18px;
  display:grid;place-items:center;
  background:radial-gradient(circle,#fff 0%,#f9f4ff 52%,#efe8ff 100%);
  border:1px solid rgba(120,94,160,.14);
  box-shadow:0 0 46px rgba(170,142,227,.28);
  font-size:3rem;
}
.magic-card h2{text-align:center;color:#43375d;font-size:clamp(2rem,4vw,3rem);margin:.2rem 0 .7rem}
.magic-card p{text-align:center;color:#786f86;margin:0}
.light-section{
  padding:clamp(72px,9vw,110px) 0;
  border-top:1px solid rgba(91,72,116,.08);
}
.light-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:38px}
.light-section-head h2{margin:.25rem 0 0;color:#403456;font-size:clamp(2.5rem,5vw,4.4rem)}
.light-section-head p{max-width:560px;color:#766e82;margin:0}
.light-books{grid-template-columns:repeat(3,minmax(0,1fr))}
.light-book{
  border:1px solid rgba(98,77,127,.14)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 22px 60px rgba(119,94,145,.13)!important;
}
.light-book .book-cover-wrap{background:linear-gradient(145deg,#fffdf9,#f4efff)!important;border-bottom-color:rgba(98,77,127,.1)!important}
.light-book .meta{color:#8a62bb!important}
.light-book h3,.light-book h3 a{color:#3c3154!important}
.light-book p{color:#756d80!important}
.light-book .actions a{
  border-color:rgba(99,78,126,.15)!important;
  background:rgba(255,255,255,.74)!important;
  color:#4a405f!important;
}
.light-book .actions a:hover{background:#fff!important}
.light-book .actions a[href*="amazon"]{
  background:linear-gradient(135deg,#d8c7ff,#bfeaff,#ffe2a8)!important;
  color:#2f2940!important;
  border-color:rgba(255,255,255,.8)!important;
}
.light-callout{
  display:grid;
  grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);
  gap:clamp(28px,6vw,70px);
  align-items:center;
  padding:clamp(24px,4vw,48px);
  border:1px solid rgba(105,83,137,.13);
  border-radius:24px;
  background:rgba(255,255,255,.62);
  box-shadow:0 22px 70px rgba(127,103,157,.12);
}
.light-callout img{width:100%;max-width:330px;border-radius:18px;box-shadow:0 20px 50px rgba(126,93,148,.18)}
.light-callout h2{color:#403457;font-size:clamp(2rem,4vw,3.4rem);margin:.4rem 0 1rem}
.light-callout p{color:#766d80;line-height:1.75}
body.lighter-side footer{
  background:rgba(255,255,255,.52);
  border-top:1px solid rgba(91,72,116,.1);
  color:#756d80;
}
body.lighter-side footer a{color:#66507f}
@media(max-width:980px){
  .light-hero-grid{grid-template-columns:1fr}
  .light-books{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .light-hero{padding-top:60px}
  .light-hero h1{font-size:clamp(3rem,17vw,5.3rem)}
  .light-books{grid-template-columns:1fr}
  .light-callout{grid-template-columns:1fr}
  .light-callout img{max-width:230px}
}
@media(prefers-reduced-motion:reduce){
  body.lighter-side::before,.magic-card::before{animation:none}
}


/* v43 portal effect: fiery embers ONLY on To the Forge */
.to-forge{
  position:relative;
  isolation:isolate;
  overflow:visible;
  animation:nightforgeForgePulse 3.2s ease-in-out infinite;
}
.to-forge::before{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  bottom:-13px;
  height:28px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 86%,rgba(255,145,65,.95) 0 1.7px,transparent 2.7px),
    radial-gradient(circle at 26% 66%,rgba(255,199,94,.88) 0 1.3px,transparent 2.3px),
    radial-gradient(circle at 43% 92%,rgba(218,77,35,.98) 0 1.8px,transparent 2.8px),
    radial-gradient(circle at 61% 72%,rgba(255,162,72,.92) 0 1.4px,transparent 2.4px),
    radial-gradient(circle at 79% 90%,rgba(255,215,115,.9) 0 1.2px,transparent 2.2px),
    radial-gradient(circle at 94% 64%,rgba(209,63,28,.9) 0 1.5px,transparent 2.5px);
  filter:drop-shadow(0 0 5px rgba(255,104,43,.68));
  animation:nightforgeForgeEmbers 2.4s ease-out infinite;
}
.to-forge::after{
  content:"";
  position:absolute;
  inset:-5px;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:
    0 0 12px rgba(177,67,34,.24),
    0 0 24px rgba(111,38,26,.18);
  animation:nightforgeForgeGlow 2.8s ease-in-out infinite;
}
@keyframes nightforgeForgeEmbers{
  0%{opacity:.1;transform:translateY(5px) scale(.95)}
  25%{opacity:.75}
  60%{opacity:1;transform:translateY(-7px) scale(1.04)}
  100%{opacity:0;transform:translateY(-17px) scale(.98)}
}
@keyframes nightforgeForgeGlow{
  0%,100%{opacity:.45;transform:scale(.99)}
  50%{opacity:1;transform:scale(1.025)}
}
@keyframes nightforgeForgePulse{
  0%,100%{box-shadow:0 0 24px rgba(50,25,22,.22)!important}
  50%{box-shadow:0 0 34px rgba(150,58,35,.34)!important}
}

/* Keep portal effects respectful of reduced-motion preferences. */
@media(prefers-reduced-motion:reduce){
  .nav-light-gateway::before,
  .mobile-nav-light-gateway::before,
  .nav-light-gateway::after,
  .mobile-nav-light-gateway::after,
  .to-forge,
  .to-forge::before,
  .to-forge::after{
    animation:none!important;
  }
}


/* v44 behavior: desktop hover-only, mobile looping, for forge portal */
.to-forge,
.to-forge::before,
.to-forge::after{
  transition:opacity .25s ease, transform .25s ease, box-shadow .25s ease;
}

@media (hover:hover) and (pointer:fine){
  .to-forge{
    animation:none;
  }

  .to-forge::before,
  .to-forge::after{
    animation:none;
    opacity:0;
  }

  .to-forge:hover,
  .to-forge:focus-visible{
    animation:nightforgeForgePulse 3.2s ease-in-out infinite;
  }

  .to-forge:hover::before,
  .to-forge:focus-visible::before{
    animation:nightforgeForgeEmbers 2.4s ease-out infinite;
    opacity:1;
  }

  .to-forge:hover::after,
  .to-forge:focus-visible::after{
    animation:nightforgeForgeGlow 2.8s ease-in-out infinite;
    opacity:1;
  }
}

@media (hover:none), (pointer:coarse){
  .to-forge{
    animation:nightforgeForgePulse 3.2s ease-in-out infinite;
  }

  .to-forge::before{
    animation:nightforgeForgeEmbers 2.4s ease-out infinite;
    opacity:1;
  }

  .to-forge::after{
    animation:nightforgeForgeGlow 2.8s ease-in-out infinite;
    opacity:1;
  }
}


@media (prefers-reduced-motion:reduce){
  .to-forge,
  .to-forge::before,
  .to-forge::after{
    animation:none!important;
    transition:none!important;
  }
}


/* v46: cloud-style controls across the Lighter Side, excluding To the Forge */
body.lighter-side .light-nav-pill,
body.lighter-side .newsletter-form .btn:not(.to-forge),
body.lighter-side .light-book .actions a,
body.lighter-side .hero-actions .btn:not(.to-forge){
  position:relative;
  isolation:isolate;
  overflow:visible;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.95)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(246,250,255,.96))!important;
  color:#4d4264!important;
  box-shadow:
    0 7px 0 rgba(218,226,241,.78),
    0 13px 25px rgba(125,111,158,.14),
    inset 0 1px 0 #fff!important;
  text-shadow:none!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}

body.lighter-side .light-nav-pill::before,
body.lighter-side .newsletter-form .btn:not(.to-forge)::before,
body.lighter-side .light-book .actions a::before,
body.lighter-side .hero-actions .btn:not(.to-forge)::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:-35%;
  height:72%;
  z-index:-1;
  pointer-events:none;
  border-radius:999px;
  background:
    radial-gradient(circle at 14% 82%,#fff 0 29%,transparent 30%),
    radial-gradient(circle at 35% 56%,#fff 0 37%,transparent 38%),
    radial-gradient(circle at 59% 58%,#fff 0 40%,transparent 41%),
    radial-gradient(circle at 82% 82%,#fff 0 30%,transparent 31%);
  filter:drop-shadow(0 -1px 0 rgba(216,222,239,.45));
}

body.lighter-side .light-nav-pill::after,
body.lighter-side .newsletter-form .btn:not(.to-forge)::after,
body.lighter-side .light-book .actions a::after,
body.lighter-side .hero-actions .btn:not(.to-forge)::after{
  content:"";
  position:absolute;
  inset:-7px -10px -10px;
  z-index:-2;
  pointer-events:none;
  border-radius:999px;
  background:
    radial-gradient(circle at 14% 63%,rgba(255,255,255,.96) 0 17%,transparent 18%),
    radial-gradient(circle at 86% 62%,rgba(255,255,255,.96) 0 18%,transparent 19%);
}

body.lighter-side .light-nav-pill:hover,
body.lighter-side .newsletter-form .btn:not(.to-forge):hover,
body.lighter-side .light-book .actions a:hover,
body.lighter-side .hero-actions .btn:not(.to-forge):hover,
body.lighter-side .light-nav-pill:focus-visible,
body.lighter-side .newsletter-form .btn:not(.to-forge):focus-visible,
body.lighter-side .light-book .actions a:focus-visible,
body.lighter-side .hero-actions .btn:not(.to-forge):focus-visible{
  transform:translateY(-3px);
  background:linear-gradient(180deg,#fff,#f5fbff)!important;
  box-shadow:
    0 9px 0 rgba(214,224,241,.82),
    0 18px 32px rgba(134,119,166,.18),
    0 0 26px rgba(194,226,255,.25),
    inset 0 1px 0 #fff!important;
}

body.lighter-side .light-book .actions a[href*="amazon"]{
  background:linear-gradient(180deg,#fffefb,#fff7e4)!important;
  color:#51435d!important;
  box-shadow:
    0 7px 0 rgba(235,220,182,.76),
    0 13px 25px rgba(139,112,76,.12),
    inset 0 1px 0 #fff!important;
}

/* The return portal stays intentionally ominous instead of becoming a cloud. */
body.lighter-side .to-forge{
  border-radius:6px!important;
}

@media(max-width:700px){
  body.lighter-side .light-nav-pill::before,
  body.lighter-side .newsletter-form .btn:not(.to-forge)::before,
  body.lighter-side .light-book .actions a::before,
  body.lighter-side .hero-actions .btn:not(.to-forge)::before{
    top:-28%;
    height:62%;
  }
}


/* v47: improved readability for Lighter Side cloud buttons */
body.lighter-side .light-nav-pill,
body.lighter-side .newsletter-form .btn:not(.to-forge),
body.lighter-side .light-book .actions a,
body.lighter-side .hero-actions .btn:not(.to-forge){
  color:#253554!important;
  border:1px solid rgba(174,197,241,.95)!important;
  background:linear-gradient(180deg,#f6fbff 0%, #e8f1ff 52%, #dfe8ff 100%)!important;
  box-shadow:
    0 7px 0 rgba(193,208,237,.95),
    0 15px 28px rgba(108,120,171,.18),
    0 0 0 1px rgba(255,255,255,.65) inset,
    inset 0 1px 0 rgba(255,255,255,1)!important;
  font-weight:700!important;
  letter-spacing:.01em;
}

body.lighter-side .light-nav-pill::before,
body.lighter-side .newsletter-form .btn:not(.to-forge)::before,
body.lighter-side .light-book .actions a::before,
body.lighter-side .hero-actions .btn:not(.to-forge)::before{
  background:
    radial-gradient(circle at 14% 82%,rgba(255,255,255,.98) 0 29%,transparent 30%),
    radial-gradient(circle at 35% 56%,rgba(244,249,255,.98) 0 37%,transparent 38%),
    radial-gradient(circle at 59% 58%,rgba(234,243,255,.98) 0 40%,transparent 41%),
    radial-gradient(circle at 82% 82%,rgba(255,255,255,.98) 0 30%,transparent 31%);
}

body.lighter-side .light-nav-pill::after,
body.lighter-side .newsletter-form .btn:not(.to-forge)::after,
body.lighter-side .light-book .actions a::after,
body.lighter-side .hero-actions .btn:not(.to-forge)::after{
  background:
    radial-gradient(circle at 14% 63%,rgba(210,234,255,.9) 0 17%,transparent 18%),
    radial-gradient(circle at 86% 62%,rgba(235,223,255,.85) 0 18%,transparent 19%);
}

body.lighter-side .light-nav-pill:hover,
body.lighter-side .newsletter-form .btn:not(.to-forge):hover,
body.lighter-side .light-book .actions a:hover,
body.lighter-side .hero-actions .btn:not(.to-forge):hover,
body.lighter-side .light-nav-pill:focus-visible,
body.lighter-side .newsletter-form .btn:not(.to-forge):focus-visible,
body.lighter-side .light-book .actions a:focus-visible,
body.lighter-side .hero-actions .btn:not(.to-forge):focus-visible{
  color:#1e2d4c!important;
  background:linear-gradient(180deg,#ffffff 0%, #eef5ff 50%, #e2ecff 100%)!important;
  box-shadow:
    0 9px 0 rgba(188,204,236,.98),
    0 18px 34px rgba(104,117,170,.22),
    0 0 22px rgba(175,212,255,.35),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}

/* Give primary action buttons a hint more color so they pop. */
body.lighter-side .hero-actions .btn.primary:not(.to-forge),
body.lighter-side .newsletter-form .btn.primary:not(.to-forge){
  background:linear-gradient(180deg,#f6faff 0%, #dbeaff 55%, #cfe0ff 100%)!important;
  border-color:rgba(145,176,241,.98)!important;
  color:#213356!important;
}

body.lighter-side .hero-actions .btn.secondary:not(.to-forge){
  background:linear-gradient(180deg,#fbfbff 0%, #eee8ff 55%, #e5ddff 100%)!important;
  border-color:rgba(184,167,233,.98)!important;
  color:#3d3160!important;
}

/* Keep Amazon / buy style warmer but more legible. */
body.lighter-side .light-book .actions a[href*="amazon"]{
  background:linear-gradient(180deg,#fffdf7 0%, #fff3d8 55%, #ffe9be 100%)!important;
  border-color:rgba(235,197,117,.98)!important;
  color:#5a4120!important;
  box-shadow:
    0 7px 0 rgba(239,213,152,.92),
    0 15px 28px rgba(163,126,60,.17),
    0 0 0 1px rgba(255,255,255,.55) inset,
    inset 0 1px 0 rgba(255,255,255,1)!important;
}

/* Slightly differentiate sample / internal links with mint-blue tone. */
body.lighter-side .light-book .actions a:not([href*="amazon"]){
  background:linear-gradient(180deg,#f5ffff 0%, #ddf7ff 55%, #d0eff9 100%)!important;
  border-color:rgba(143,211,230,.98)!important;
  color:#1f4857!important;
}


/* v48: stronger magical composition + solid randomized cloud buttons */
body.lighter-side{
  background:
    radial-gradient(circle at 12% 16%,rgba(255,255,255,.62),transparent 20%),
    radial-gradient(circle at 82% 14%,rgba(236,217,255,.52),transparent 25%),
    radial-gradient(circle at 24% 76%,rgba(174,230,255,.40),transparent 28%),
    radial-gradient(circle at 76% 72%,rgba(255,202,225,.28),transparent 26%),
    linear-gradient(145deg,#aab9e8 0%,#bba9df 34%,#93c9dc 68%,#d7a9c8 100%)!important;
  background-attachment:fixed!important;
}

body.lighter-side .nav{
  background:rgba(251,250,255,.82)!important;
  border-bottom:1px solid rgba(74,57,104,.18)!important;
  box-shadow:0 10px 34px rgba(79,65,111,.10);
}

body.lighter-side .magic-card,
body.lighter-side .light-callout,
body.lighter-side .light-book,
body.lighter-side .book-detail-cover,
body.lighter-side .panel,
body.lighter-side .newsletter-shell{
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* Every light-side cloud button is one flat color chosen at page load. */
body.lighter-side .light-nav-pill,
body.lighter-side .newsletter-form .btn:not(.to-forge),
body.lighter-side .light-book .actions a,
body.lighter-side .hero-actions .btn:not(.to-forge){
  --cloud-color:#8fd7ff;
  --cloud-border:#5daed8;
  --cloud-shadow:#6f9db5;
  --cloud-text:#223247;
  background:var(--cloud-color)!important;
  color:var(--cloud-text)!important;
  border:1px solid var(--cloud-border)!important;
  box-shadow:
    0 7px 0 color-mix(in srgb,var(--cloud-shadow) 70%,transparent),
    0 14px 28px rgba(48,48,80,.18),
    inset 0 1px 0 rgba(255,255,255,.35)!important;
}

/* Match the cloud lobes to the button's exact solid color. */
body.lighter-side .light-nav-pill::before,
body.lighter-side .newsletter-form .btn:not(.to-forge)::before,
body.lighter-side .light-book .actions a::before,
body.lighter-side .hero-actions .btn:not(.to-forge)::before{
  background:
    radial-gradient(circle at 14% 82%,var(--cloud-color) 0 29%,transparent 30%),
    radial-gradient(circle at 35% 56%,var(--cloud-color) 0 37%,transparent 38%),
    radial-gradient(circle at 59% 58%,var(--cloud-color) 0 40%,transparent 41%),
    radial-gradient(circle at 82% 82%,var(--cloud-color) 0 30%,transparent 31%)!important;
  filter:drop-shadow(0 -1px 0 var(--cloud-border))!important;
}

body.lighter-side .light-nav-pill::after,
body.lighter-side .newsletter-form .btn:not(.to-forge)::after,
body.lighter-side .light-book .actions a::after,
body.lighter-side .hero-actions .btn:not(.to-forge)::after{
  background:
    radial-gradient(circle at 14% 63%,var(--cloud-color) 0 17%,transparent 18%),
    radial-gradient(circle at 86% 62%,var(--cloud-color) 0 18%,transparent 19%)!important;
}

/* Hover keeps the same solid color; it simply lifts and brightens slightly. */
body.lighter-side .light-nav-pill:hover,
body.lighter-side .newsletter-form .btn:not(.to-forge):hover,
body.lighter-side .light-book .actions a:hover,
body.lighter-side .hero-actions .btn:not(.to-forge):hover,
body.lighter-side .light-nav-pill:focus-visible,
body.lighter-side .newsletter-form .btn:not(.to-forge):focus-visible,
body.lighter-side .light-book .actions a:focus-visible,
body.lighter-side .hero-actions .btn:not(.to-forge):focus-visible{
  background:var(--cloud-color)!important;
  color:var(--cloud-text)!important;
  filter:brightness(1.06) saturate(1.08);
  transform:translateY(-3px);
  box-shadow:
    0 9px 0 color-mix(in srgb,var(--cloud-shadow) 74%,transparent),
    0 18px 34px rgba(48,48,80,.22),
    0 0 24px color-mix(in srgb,var(--cloud-color) 42%,transparent),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
}

/* Remove the older special-case gradients so every cloud is truly solid. */
body.lighter-side .light-book .actions a[href*="amazon"],
body.lighter-side .light-book .actions a:not([href*="amazon"]),
body.lighter-side .hero-actions .btn.primary:not(.to-forge),
body.lighter-side .hero-actions .btn.secondary:not(.to-forge),
body.lighter-side .newsletter-form .btn.primary:not(.to-forge){
  background:var(--cloud-color)!important;
  border-color:var(--cloud-border)!important;
  color:var(--cloud-text)!important;
}

/* Keep the one dark return portal untouched. */
body.lighter-side .to-forge{
  filter:none!important;
}


/* v49: center the Lighter Side composition on mobile */
@media(max-width:700px){
  body.lighter-side .light-hero-grid{
    text-align:center;
    justify-items:center;
  }

  body.lighter-side .light-hero-grid > div:first-child{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  body.lighter-side .light-kicker{
    width:100%;
    text-align:center;
  }

  body.lighter-side .light-hero h1{
    width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  body.lighter-side .light-hero .lede{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    max-width:34rem;
  }

  body.lighter-side .hero-actions{
    width:100%;
    justify-content:center;
    align-items:center;
  }

  body.lighter-side .hero-actions .btn{
    margin-left:auto;
    margin-right:auto;
  }

  body.lighter-side .magic-card{
    width:min(100%,34rem);
    margin-left:auto;
    margin-right:auto;
  }

  body.lighter-side .light-section-head{
    text-align:center;
    align-items:center;
  }

  body.lighter-side .light-section-head > *{
    margin-left:auto;
    margin-right:auto;
  }

  body.lighter-side .light-books{
    justify-items:center;
  }

  body.lighter-side .light-book{
    width:min(100%,24rem);
  }
}


/* v50: final mobile centering polish for the Lighter Side */
@media(max-width:700px){
  body.lighter-side .mobile-nav-menu a{
    justify-content:center!important;
    text-align:center!important;
  }

  body.lighter-side .mobile-nav-menu-inner{
    justify-items:stretch;
  }

  body.lighter-side .light-book .book-body{
    text-align:center;
    align-items:center;
  }

  body.lighter-side .light-book .book-body .meta,
  body.lighter-side .light-book .book-body h3,
  body.lighter-side .light-book .book-body p{
    width:100%;
    text-align:center;
  }

  body.lighter-side .light-book .actions{
    width:100%;
    justify-content:center;
    align-items:center;
  }

  body.lighter-side .light-book .actions a{
    justify-content:center;
    text-align:center;
  }

  body.lighter-side .light-callout{
    text-align:center;
    justify-items:center;
  }

  body.lighter-side .light-callout > div{
    text-align:center;
  }

  body.lighter-side .light-callout .hero-actions{
    justify-content:center;
  }

  body.lighter-side footer .footer-inner{
    justify-content:center;
    text-align:center;
  }

  body.lighter-side footer .footer-brand{
    justify-content:center;
    width:100%;
  }
}