:root{
  --sa-navy:#0e3654;
  --sa-gold:#f7ad15;
  --sa-blue:#2fa3e2;
  --sa-orange:#f47c20;
  --sa-cream:#fff7e8;
  --sa-text:#17384d;
  --sa-white:#fff;
  --sa-border:#efc563;
  --sa-heading-font:var(--global-heading-font-family,inherit);
  --sa-body-font:var(--global-body-font-family,inherit);
}
.sa-book-page{color:var(--sa-text);background:#fff;font-family:var(--sa-body-font)}
.sa-book-page *{box-sizing:border-box}
.sa-section{padding:70px 30px}
.sa-container{max-width:1180px;margin:0 auto}
.sa-narrow{max-width:860px;text-align:center}
.sa-hero,.sa-storytime,.sa-trail{background:var(--sa-cream)}
.sa-inside,.sa-coloring,.sa-true-story,.sa-more{background:#fff}
.sa-hero-grid,.sa-two-col{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:58px;align-items:center}
.sa-cover-wrap{text-align:center}
.sa-cover{display:block;width:min(100%,430px);margin:auto;border-radius:10px;box-shadow:0 8px 22px rgba(14,54,84,.11)}
.sa-book-page h1,.sa-book-page h2,.sa-book-page h3,.sa-book-page h4,.sa-section-title,.sa-card h3,.sa-narrator h3{font-family:var(--sa-heading-font);color:var(--sa-navy)}
.sa-hero-heading{text-align:center}.sa-hero-copy h1{font-size:clamp(2.2rem,4vw,3.45rem);line-height:1.08;font-weight:700;margin:.42em 0 .28em;letter-spacing:-.015em;text-align:center}
.sa-eyebrow{font-size:.82rem;letter-spacing:.09em;font-weight:600;color:var(--sa-navy);text-transform:uppercase;margin-bottom:8px;text-align:center}.sa-series{font-family:var(--sa-heading-font);font-size:.92rem;font-weight:700;letter-spacing:.04em;color:var(--sa-navy);text-align:center;margin:0 0 8px}
.sa-status{display:table;padding:6px 12px;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em;margin:0 auto 16px;background:#eef4f8;color:var(--sa-navy)}
.sa-status-coming-soon{background:#fff0c5;color:#7a5300}.sa-status-preorder{background:#e5f3ff;color:#175b83}.sa-status-available{background:#e7f6eb;color:#28623b}.sa-status-archived{background:#eef0f2;color:#5f6b73}
.sa-hook{font-size:1.12rem;line-height:1.55;margin:0 auto 24px;color:var(--sa-text);text-align:center;max-width:760px}
.sa-description{font-size:1.02rem;line-height:1.72;text-align:left}.sa-description p{margin:0 0 1.15em}
.sa-divider{display:flex;align-items:center;justify-content:center;color:var(--sa-gold);margin:30px 0}
.sa-divider:before,.sa-divider:after{content:"";height:1px;width:72px;background:var(--sa-gold)}
.sa-divider span{font-size:1.5rem;line-height:1;margin:0 10px}.sa-divider.has-image:before,.sa-divider.has-image:after{display:none}.sa-divider.has-image{gap:0}
.sa-divider-image{display:block;width:min(175px,46vw);max-height:72px;object-fit:contain;margin:0}
.sa-feature-line{text-align:center;font-size:.95rem;line-height:1.55;margin:0}
.sa-hero-actions,.sa-buy-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
/* Use the Kadence/WordPress global button hover styling where possible. */
.sa-btn,.sa-play{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:10px;padding:11px 19px;font-family:var(--sa-body-font);font-size:1rem;font-weight:500;line-height:1.25;cursor:pointer;min-height:44px;transition:all .2s ease}
.sa-btn:focus-visible,.sa-play:focus-visible{outline:3px solid rgba(47,163,226,.35);outline-offset:3px}
.sa-btn-gold,.sa-play{background:var(--sa-gold);color:var(--sa-navy)}
.sa-btn-blue{background:var(--sa-blue);color:#fff}
.sa-btn-orange{background:var(--sa-orange);color:#fff}

/* Force the Amazon coloring-book CTA to orange over Kadence/WordPress button defaults. */
.sa-book-page .sa-coloring-actions a.sa-btn-orange,
.sa-book-page .sa-coloring-actions .sa-btn-orange.button,
.sa-book-page .sa-coloring-actions .sa-btn-orange.wp-element-button{
  background:#f47c20 !important;
  background-color:#f47c20 !important;
  color:#fff !important;
  border-color:#f47c20 !important;
}
.sa-btn-outline{background:#fff;color:var(--sa-navy);border:1px solid #d7e0e6}
.sa-buy{text-align:center;margin-top:32px}.sa-buy h2{font-family:var(--sa-heading-font);font-size:.9rem;letter-spacing:.08em;color:var(--sa-navy);margin:0 0 6px;text-transform:uppercase}.sa-buy p,.sa-coming-message,.sa-release{font-size:.92rem}.sa-coming-message,.sa-release{text-align:center;margin-top:18px}
.sa-section-title{text-align:center;font-size:clamp(2rem,3vw,2.75rem);font-weight:700;line-height:1.12;margin:.2em 0 .55em;letter-spacing:-.01em}
.sa-section-intro{text-align:center;max-width:850px;margin:0 auto 42px;line-height:1.7;font-size:1rem}
.sa-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.sa-card{background:var(--sa-cream);border:1px solid var(--sa-border);border-radius:14px;padding:28px 24px 30px;text-align:center;box-shadow:0 7px 18px rgba(18,59,87,.10);min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.sa-card-icon{width:42px;height:42px;color:var(--sa-gold);margin:0 auto 26px;display:flex;align-items:center;justify-content:center}
.sa-card-icon svg{width:38px;height:38px;display:block;stroke:currentColor}
.sa-card h3{font-size:1.42rem;font-weight:700;line-height:1.25;margin:0 0 16px}.sa-card p{font-size:1rem;margin:0;line-height:1.65}
.sa-story-image,.sa-coloring-image{max-width:100%;height:auto;display:block;margin:auto;border-radius:14px}
.sa-storytime .sa-section-title{margin-top:.25em}
.sa-story-instruction{text-align:center;margin:0 0 34px;font-size:1rem;line-height:1.6}
.sa-narrators{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:28px 22px;max-width:620px;margin:0 auto 24px}
.sa-narrator{flex:0 1 128px;text-align:center}.sa-narrator h3{font-size:1rem;font-weight:700;margin:0 0 12px}
.sa-narrator-select{display:block;width:122px;height:122px;margin:0 auto;padding:3px;border:3px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;-webkit-appearance:none;appearance:none}
.sa-narrator-select:focus-visible{outline:3px solid rgba(47,163,226,.38);outline-offset:4px}
.sa-narrator.is-selected .sa-narrator-select{border-color:var(--sa-gold);box-shadow:0 0 0 4px rgba(247,173,21,.17)}
.sa-narrator-img,.sa-narrator-fallback{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto;display:flex;align-items:center;justify-content:center}
.sa-narrator-fallback{background:#fff1c9;color:var(--sa-navy);font-family:var(--sa-heading-font);font-weight:700;font-size:2rem}

.sa-preview-player{max-width:520px;margin:0 auto 22px;text-align:center}
.sa-preview-label{margin:0 0 13px;font-family:var(--sa-heading-font);font-size:.82rem;font-weight:700;letter-spacing:.08em;color:var(--sa-navy)}
.sa-preview-note{max-width:610px;margin:24px auto 0;text-align:center;font-size:.94rem;line-height:1.6;color:var(--sa-text)}
.sa-preview-note strong{color:var(--sa-navy)}
.sa-story-controls{text-align:center;margin:14px auto 0;max-width:540px}
.sa-selected-storyteller{margin:0 0 13px;font-size:.88rem;color:var(--sa-text)}.sa-selected-name{font-family:var(--sa-heading-font);font-weight:700;color:var(--sa-navy)}
.sa-control-buttons{display:flex;align-items:stretch;justify-content:center;gap:12px;flex-wrap:wrap}
.sa-audio-control{min-height:48px;border-radius:10px;font-family:var(--sa-body-font);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}
.sa-audio-control:focus-visible{outline:3px solid rgba(47,163,226,.35);outline-offset:3px}
.sa-control-primary{min-width:132px;padding:11px 22px;gap:9px;background:var(--sa-gold)!important;color:var(--sa-navy)!important;border:1px solid var(--sa-gold)!important;font-size:1rem;font-weight:600;box-shadow:none!important}
.sa-control-secondary{min-width:112px;padding:7px 15px;background:#fff!important;color:var(--sa-navy)!important;border:1px solid #cad7df!important;flex-direction:column;line-height:1.05;box-shadow:none!important}
.sa-control-small{display:block;font-size:.62rem;font-weight:600;letter-spacing:.08em}.sa-control-main{display:block;font-size:.86rem;font-weight:700;margin-top:3px}
.sa-play-icon{position:relative;width:18px;height:18px;display:inline-block;flex:0 0 18px}.sa-play-icon:before{content:"";position:absolute;left:5px;top:3px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.sa-play-icon:after{content:none}
.sa-master-play.is-playing{background:var(--sa-navy)!important;color:#fff!important;border-color:var(--sa-navy)!important}.sa-master-play.is-playing .sa-play-icon:before{left:3px;top:3px;width:4px;height:12px;border:0;background:currentColor}.sa-master-play.is-playing .sa-play-icon:after{content:"";position:absolute;right:3px;top:3px;width:4px;height:12px;background:currentColor}
.sa-coloring-grid{grid-template-columns:minmax(0,55%) minmax(0,45%)}
.sa-coloring-copy .sa-section-title{text-align:center;margin-left:0;margin-right:0}
.sa-coloring-copy .sa-section-intro{text-align:left;margin-left:0;margin-right:0;max-width:none}
.sa-trail .sa-section-title,.sa-trail .sa-section-intro{text-align:left;margin-left:0}.sa-trail .sa-section-intro{margin-right:0}.sa-trail .sa-divider{justify-content:flex-start}
.sa-coloring-copy .sa-divider{justify-content:center}
.sa-coloring-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto}.sa-coloring-actions .sa-btn{text-transform:uppercase;font-weight:600;display:inline-flex;width:auto;margin:0}
.sa-true-story-text{font-size:1.05rem;line-height:1.8}.sa-trail-sticker{display:block;max-width:320px;width:100%;height:auto;margin:auto}.sa-more{text-align:center}.sa-more .sa-btn{margin-top:10px}
@media (hover:hover) and (pointer:fine){
  /* Manual page uses the site's global hover feel: a clean dark/navy rollover. */
  .sa-btn-gold:hover,.sa-btn-blue:hover,.sa-btn-orange:hover,.sa-btn-outline:hover,.sa-control-primary:hover{background:var(--sa-navy)!important;color:#fff!important;border-color:var(--sa-navy)!important;text-decoration:none;transform:none;box-shadow:none}.sa-control-secondary:hover{background:#f5f8fa!important;border-color:var(--sa-navy)!important;color:var(--sa-navy)!important}
}
@media(max-width:900px){
  .sa-hero-grid,.sa-two-col,.sa-coloring-grid{grid-template-columns:1fr;gap:40px}.sa-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-card{min-height:0}.sa-story-image-wrap{order:2}.sa-storytime .sa-two-col>div:last-child{order:1}.sa-coloring-copy .sa-section-title,.sa-coloring-copy .sa-section-intro,.sa-trail .sa-section-title,.sa-trail .sa-section-intro{text-align:center}.sa-coloring .sa-divider,.sa-trail .sa-divider{justify-content:center}.sa-coming-message{text-align:center}
}
@media(max-width:600px){
  .sa-section{padding:48px 18px}.sa-cards{grid-template-columns:1fr}.sa-hero-copy{text-align:center}.sa-description{text-align:left}.sa-narrators{max-width:340px;gap:24px 12px}.sa-narrator{flex-basis:145px}.sa-control-buttons{gap:8px}.sa-control-primary{min-width:118px}.sa-control-secondary{min-width:98px;padding-left:10px;padding-right:10px}.sa-card-icon{margin-bottom:18px}.sa-coloring-actions{flex-direction:column;align-items:stretch}.sa-coloring-actions .sa-btn{width:100%}
}


@media (hover:hover) and (pointer:fine){
  .sa-book-page .sa-coloring-actions a.sa-btn-orange:hover,
  .sa-book-page .sa-coloring-actions .sa-btn-orange.button:hover,
  .sa-book-page .sa-coloring-actions .sa-btn-orange.wp-element-button:hover{
    background:var(--sa-navy) !important;
    background-color:var(--sa-navy) !important;
    color:#fff !important;
    border-color:var(--sa-navy) !important;
  }
}


/* Force all Buy the Book CTAs to Skeeter orange over Kadence/WordPress defaults. */
.sa-book-page .sa-buy-buttons a.sa-btn-orange,
.sa-book-page .sa-buy-buttons .sa-btn-orange.button,
.sa-book-page .sa-buy-buttons .sa-btn-orange.wp-element-button{
  background:#f47c20 !important;
  background-color:#f47c20 !important;
  color:#fff !important;
  border-color:#f47c20 !important;
}