/* ============================================================
   assets/storybook.css
   Scoped entirely to Storybook-format single Posts. Enqueued only when
   is_singular('post') AND format=storybook (see functions.php) -- never
   loaded site-wide, style.css untouched.
   ============================================================ */
#kw-flipbook-container{
  max-width:900px;
  margin:0 auto;
  position:relative;
  background:#faf6ec;
  border-radius:16px;
  padding:24px;
  box-shadow:0 8px 32px rgba(0,0,0,0.12);
}
#kw-flipbook{
  margin:0 auto;
}
#kw-flipbook-container:fullscreen{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#1a1d1f;
}
.kw-flipbook-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:16px;
}
.kw-flipbook-controls button{
  font-family:'Space Grotesk', sans-serif;
  font-size:20px;
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid var(--kid-blue, #2E86DE);
  background:#fff;
  color:var(--kid-blue, #2E86DE);
  cursor:pointer;
  transition:transform .15s ease, background .15s ease;
}
.kw-flipbook-controls button:hover{
  background:var(--kid-blue, #2E86DE);
  color:#fff;
  transform:scale(1.08);
}

@media (max-width:700px){
  #kw-flipbook-container{
    padding:12px;
    border-radius:10px;
  }
  .kw-flipbook-controls button{
    width:38px;
    height:38px;
    font-size:16px;
  }
}