/* ============ RESPONSIVE ============ */
@media (max-width: 768px) {
  .toolbar { height: 50px; padding: 0 12px; }
  .toolbar-logo { font-size: 18px; }
  .toolbar-btn { width: 36px; height: 36px; }
  .lang-btn { padding: 0 8px; font-size: 16px; }
  .book-area { padding: 8px; }
  .nav-arrow { width: 36px; height: 36px; font-size: 16px; }
  .nav-arrow.left { left: 4px; }
  .nav-arrow.right { right: 4px; }
  .bottom-bar { height: 44px; padding: 0 12px; }
  .cover-container { padding: 24px 16px; }
  .cover-image-wrapper { width: 160px; height: 160px; }
  .cover-title { font-size: 22px; }
  .start-reading-btn { font-size: 16px; padding: 14px 24px; }
}