/**
 * PAGE: BOOK — CSS riêng màn Book (archive CPT tour).
 * Nguồn: docs/design-previews/book.html. Enqueue khi is_post_type_archive('tour').
 * Thẻ tuyến dùng chung .sj-route-card (sjourney.css).
 */

.bk-wrap { background: var(--sj-cream); padding: var(--sp-160) 0 var(--sp-80); }
/* Book: nhiều khoảng đỉnh hơn vì header trong suốt đè lên đầu trang. */
@media (min-width: 1024px) { .bk-wrap { padding-top: var(--sp-240, 240px); } }

.bk-head { text-align: center; max-width: 1400px; margin: 0 auto var(--sp-48); }
.bk-head__title { font-size: var(--fs-72); font-weight: 500; text-transform: uppercase; line-height: 1.1; margin: var(--sp-8) 0 var(--sp-24); color: var(--sj-dark); }
.bk-head__title .accent { color: var(--sj-red); }
.bk-head__intro { font-size: var(--fs-24); font-weight: 300; line-height: 1.25; color: var(--sj-gray); max-width: 1064px; margin: 0 auto; }

/* Đường kẻ ngang tràn HẾT bề rộng màn hình (không thụt lề). */
.bk-rule { height: 1px; background: var(--sj-n4-nw); width: 100vw; margin-left: calc(50% - 50vw); margin-bottom: var(--sp-48); }

.bk-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-48); }
@media (max-width: 1023px) { .bk-cards { grid-template-columns: 1fr; } }

.bk-empty { text-align: center; color: var(--sj-muted); padding: var(--sp-48) 0; }