.guji-guide-preview { margin: 3rem 0; }
.guji-guides-heading { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.5rem; }
.guji-guides-heading h2 { margin: 0 0 .5rem; }
.guji-guides-heading p, .guji-guides-intro { color: var(--guji-ink-soft, #595246); line-height: 1.75; }
.guji-guides-heading .button { flex-shrink: 0; }
ul.guji-guide-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; list-style: none; padding: 0; margin: 1.5rem 0; }
.guji-guide-cards > li { padding: 1.5rem; border: 1px solid var(--guji-line, #CFC6B5); background: var(--guji-paper, #F4F0E6); min-width: 0; }
.guji-guide-cards h2, .guji-guide-cards h3 { font-size: 1.25rem; line-height: 1.65; margin: 0 0 1rem; overflow-wrap: anywhere; }
.guji-guide-cards h2 a, .guji-guide-cards h3 a { display: block; min-height: 44px; color: var(--guji-cinnabar, #A02C1F); }
.guji-guide-cards p { font-size: 1rem; line-height: 1.85; color: var(--guji-ink-soft, #595246); overflow-wrap: anywhere; }
.guji-guide-label, .guji-guides-count, .guji-guides-note { color: var(--guji-ink-faint, #6E6658); font-size: .9rem; line-height: 1.75; }
.guji-guides-pagination { display: flex; flex-wrap: wrap; gap: .5rem; margin: 2rem 0; }
.guji-guides-pagination a { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; padding: .4rem .8rem; border: 1px solid var(--guji-line, #CFC6B5); }
.guji-guides-pagination [aria-current="page"] { background: var(--guji-cinnabar, #A02C1F); color: white; }
.guji-guide-cards a:focus-visible, .guji-guides-pagination a:focus-visible, .guji-guides-heading a:focus-visible { outline: 3px solid var(--guji-cinnabar, #A02C1F); outline-offset: 4px; }
#book-brief { scroll-margin-top: 2rem; }
@media (max-width: 1000px) { ul.guji-guide-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
    ul.guji-guide-cards { grid-template-columns: 1fr; }
    .guji-guides-heading { align-items: flex-start; flex-direction: column; }
}
