/* Focal Point dark theme: near-black ground, gradient on the big callout text.
   Loaded after each page's own styles. Remove the <link> to go back to the gradient background. */
:root{--fp-ink:#0E0618;--fp-grad-text:linear-gradient(90deg,#6CC6D1 0%,#B98AC9 45%,#D63CA8 100%);}
html{background:var(--fp-ink)!important;}
body{background:linear-gradient(155deg,#0c1d26 0%,#0E0618 42%,#0E0618 58%,#1f0a26 100%)!important;background-attachment:fixed!important;}
.mob-panel{background:rgba(14,6,24,.97)!important;}

/* Big yellow callouts become the teal-to-magenta gradient */
.plain-stats-copy--lg,.community h2,.nc-stat-big-num,.sec-title[style*="--yellow"],.fp-grad-text,
.stat-num,.wl-stat-num,.cg-gallery-section .section-title{
  background-image:var(--fp-grad-text)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.plain-stats-copy--lg .pk,.community h2 .pk{color:transparent!important;-webkit-text-fill-color:transparent;}

/* Handwritten accent */
.hand{font-family:'Reenie Beanie',cursive;font-weight:400;line-height:1;color:var(--yellow);}
.hand.hk{font-size:40px;margin-bottom:6px;display:block;}

/* Section headings get the gradient too */
.sec-title,.section-title,.mff-header h2{
  background-image:var(--fp-grad-text)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent;
  width:fit-content;max-width:100%;padding-bottom:.08em;
}
.mff-header h2{margin-left:auto;margin-right:auto;}

/* No glow blobs behind page headers */
.hero::before{display:none!important;}

/* Menu button: no grey circle on hover, the lines turn yellow instead */
.nav-ham:hover,.nav-ham:active{background:none!important;color:var(--yellow)!important;}
.nav-ham{transition:color .15s!important;}

/* No orphans: balanced headings, no single word left on a last line */
h1,h2,h3,h4,.hero-title,.sec-title,.section-title,.uname,.p-name,.blog-card-title,.prompt-title,.s-name,.plain-stats-copy--lg{text-wrap:balance;}
p,li,.p-desc,.s-sub,.blog-desc,.prompt-body,.included-copy,.month-intro{text-wrap:pretty;}

/* Gradient text is clipped to its box, so give descenders (g, y, p, j) room */
.plain-stats-copy--lg,.community h2,.nc-stat-big-num,.sec-title,.section-title,.mff-header h2,.fp-grad-text,
.stat-num,.wl-stat-num,.month-heading .month-theme,.prompt-title,.hero-title,.cta-title,.bh-h2{
  padding-bottom:.2em!important;
}