/* Blog posts in the Radiate Joy design (master prompt v2, Part 2, 1 October 2026). Hand-kept asset, like kp.css. */
.bp-wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}

/* hero: a slimmer navy hero with soft blurred light and a wavy bottom edge */
.bp-hero{position:relative;overflow:hidden;color:var(--cream);padding:clamp(2.6rem,6vw,4.4rem) 0 clamp(3.6rem,7vw,5.2rem);
  background:radial-gradient(38% 60% at 12% 18%,rgba(127,216,206,.22) 0,rgba(127,216,206,0) 70%),
             radial-gradient(30% 50% at 88% 80%,rgba(255,212,94,.16) 0,rgba(255,212,94,0) 70%),
             radial-gradient(22% 36% at 60% 10%,rgba(244,125,32,.12) 0,rgba(244,125,32,0) 70%),
             linear-gradient(160deg,#0E2A3E 0%,var(--navy) 60%,#0A1D2C 100%)}
.bp-hero-grid{position:relative;z-index:1;display:grid;gap:2rem;align-items:center}
@media(min-width:900px){.bp-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.bp-hero.bp-noimg .bp-hero-grid{grid-template-columns:1fr}}
.bp-hero-text{max-width:720px}
.bp-label{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);
  background:var(--sun);border-radius:999px;padding:.3rem .8rem;text-decoration:none;margin-bottom:1rem}
.bp-label:hover{background:#fff}
.bp-hero h1{color:#fff;font-weight:700;font-size:clamp(1.9rem,4vw,3rem);line-height:1.12;letter-spacing:-.02em;margin:0;text-wrap:balance}
.bp-feat{margin:0;justify-self:center;width:min(100%,440px);rotate:2.5deg;border-radius:14px 44px 14px 44px;overflow:hidden;
  border:5px solid #fff;box-shadow:0 22px 50px rgba(0,0,0,.35);background:#fff}
.bp-feat img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;background:#fff}   /* never cropped: many have words on them (Amanda, 1 Oct 2026) */
.bp-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:46px;color:var(--cream);z-index:1}

/* doodles: hero and author box only, never in the reading area; still for reduced motion */
.bp-dd{position:absolute;pointer-events:none;z-index:2}
.bp-sun{color:var(--sun)}.bp-turq{color:var(--turquoise)}.bp-coral{color:var(--coral)}
.bp-tw{animation:bp-tw 3.6s ease-in-out infinite}.bp-pulse{animation:bp-pulse 3.2s ease-in-out infinite;transform-origin:50% 50%}
@keyframes bp-tw{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@keyframes bp-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.bp-tw,.bp-pulse{animation:none}.bp-feat{rotate:0deg}}
@media(max-width:899px){.bp-hero .bp-dd{display:none}}
/* stars and hearts in the margins beside the reading column, never on the words (Amanda, 1 Oct 2026) */
.bp-body{position:relative;overflow:hidden}
.bp-body .bp-dd{opacity:.85}
@media(max-width:1059px){.bp-body .bp-dd{display:none}}

/* the reading area: Lexend on cream, about 68 characters a line */
.bp-body{background:var(--cream);padding:clamp(2rem,5vw,3.2rem) 0 clamp(2.4rem,5vw,3.6rem)}
.bp-prose{max-width:68ch;margin-inline:auto;padding-inline:clamp(16px,4vw,24px);font-size:1.02rem;line-height:1.78;font-weight:300;color:var(--ink)}   /* a little smaller (Amanda, 1 Oct 2026) */
.bp-prose>*:first-child{margin-top:0}
.bp-prose p,.bp-prose ul,.bp-prose ol{margin:0 0 1.25rem}
.bp-prose li{margin-bottom:.45rem}
.bp-prose strong,.bp-prose b{font-weight:700;color:var(--navy)}
.bp-prose h2,.bp-prose h3,.bp-prose h4{color:var(--accent);font-weight:700;line-height:1.25;letter-spacing:-.01em;margin:2.2rem 0 .8rem}
.bp-prose h2{font-size:1.55rem}.bp-prose h3{font-size:1.28rem}.bp-prose h4{font-size:1.1rem}
.bp-prose a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bp-prose img{max-width:100%;height:auto;border-radius:14px;display:block;margin:1.6rem auto}
.bp-prose figure{margin:1.6rem 0}.bp-prose figcaption{font-size:.88rem;color:var(--ink);opacity:.8;text-align:center;margin-top:.4rem}
.bp-prose iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:14px;margin:1.6rem 0;box-shadow:0 14px 32px rgba(11,34,51,.14)}
/* pull quotes with a sun highlight */
.bp-prose blockquote{margin:2rem 0;padding:1.3rem 1.5rem 1.3rem 1.6rem;background:linear-gradient(transparent 0,transparent 0),#FFF4CF;
  border-left:6px solid var(--sun);border-radius:6px 22px 22px 6px;font-weight:500;color:var(--navy);font-size:1.12rem}
.bp-prose blockquote p:last-child{margin-bottom:0}
.bp-prose [align=center],.bp-prose .has-text-align-center{text-align:center}
.bp-prose table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.98rem}
.bp-prose td,.bp-prose th{border:1px solid rgba(30,77,107,.18);padding:.55rem .7rem;text-align:left}

/* the author box */
.bp-author{background:var(--sea-glass);padding:clamp(2.4rem,5vw,3.4rem) 0}
.bp-author-card{position:relative;max-width:980px;margin-inline:auto;background:#fff;border-radius:16px 48px 16px 48px;
  box-shadow:0 18px 44px rgba(11,34,51,.12);padding:clamp(1.4rem,3vw,2.2rem);display:grid;gap:1.6rem;align-items:center}
@media(min-width:760px){.bp-author-card{grid-template-columns:200px 1fr}}
.bp-author-photo{margin:0 auto;width:200px;height:200px;border-radius:50%;overflow:hidden;border:5px solid var(--sun);box-shadow:0 12px 28px rgba(11,34,51,.16)}
.bp-author-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;display:block}
.bp-eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem}
.bp-author-text p{margin:0 0 1rem;line-height:1.7}
.bp-author-text a:not(.btn){color:var(--accent);font-weight:700}
.bp-author-btn{margin:0!important}

/* Read more from Amanda */
.bp-more{background:var(--cream);padding:clamp(2.4rem,5vw,3.6rem) 0}
.bp-more h2{text-align:center;color:var(--navy);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 1.6rem}
.bp-grid{display:grid;gap:1.4rem}
@media(min-width:700px){.bp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bp-card{background:#fff;border-radius:14px 34px 14px 34px;overflow:hidden;box-shadow:0 12px 30px rgba(11,34,51,.1);display:flex;flex-direction:column;transition:transform .2s}
.bp-card:hover{transform:translateY(-4px)}
.bp-card-img{display:block;background:#fff}
.bp-card-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}   /* the whole picture, words included */
.bp-card-body{padding:1rem 1.2rem 1.3rem}
.bp-cat{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#A94A00;margin:0 0 .35rem}
.bp-card h3{font-size:1.06rem;line-height:1.3;margin:0 0 .45rem}.bp-card h3 a{color:var(--navy);text-decoration:none}
.bp-sum{margin:0;font-size:.92rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp-all{text-align:center;margin:1.8rem 0 0}
.bp-flow>*:last-child{margin-bottom:1.25rem}

/* the blog page and the category pages (step 2.2) */
.bp-list-hero{padding-bottom:clamp(3.4rem,6vw,4.6rem)}
.bp-lede{margin:.9rem 0 0;font-size:1.08rem;line-height:1.6;color:var(--cream);max-width:640px}
.bp-listing{background:var(--cream);padding:clamp(1.8rem,4vw,2.6rem) 0 clamp(2.6rem,5vw,3.6rem)}
.bp-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto 2rem;max-width:1000px}
.bp-pill{display:inline-block;padding:.42rem .95rem;border-radius:999px;background:#fff;border:1.5px solid rgba(10,118,136,.35);
  color:var(--accent);font-weight:600;font-size:.86rem;text-decoration:none;transition:background .15s,color .15s}
.bp-pill:hover{background:var(--sea-glass)}
.bp-pill.bp-on{background:var(--accent);border-color:var(--accent);color:#fff}
@media(min-width:1000px){.bp-grid-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bp-pager{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:2.2rem 0 0}
.bp-pager a,.bp-pager .bp-now{min-width:2.4rem;text-align:center;padding:.45rem .8rem;border-radius:999px;font-weight:600;text-decoration:none}
.bp-pager a{background:#fff;color:var(--accent);border:1.5px solid rgba(10,118,136,.3)}
.bp-pager .bp-now{background:var(--sun);color:var(--navy)}
/* Amanda's photo in the blog and category headers (1 October 2026): an oval, her whole head inside it */
.bp-list-photo{margin:0;justify-self:center;width:min(100%,300px);aspect-ratio:4/5;border-radius:50% 50% 46% 54% / 44% 44% 56% 56%;
  overflow:hidden;border:5px solid var(--sun);box-shadow:0 22px 50px rgba(0,0,0,.35);rotate:-2deg}
.bp-list-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}
@media(prefers-reduced-motion:reduce){.bp-list-photo{rotate:0deg}}
@media(max-width:899px){.bp-list-photo{width:220px}}
/* blog header round, Amanda 1 Oct 2026: words in toward the middle, the photo a little to the left */
@media(min-width:900px){
  .bp-list-hero .bp-hero-text{padding-left:110px}
  .bp-list-hero .bp-list-photo{justify-self:start;margin-left:-30px}
}