/* Guide pages: area guide, FAQ, reviews, rates */
.guide-page { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem 3rem; }
.guide-breadcrumbs { font-family: 'Cormorant SC', Georgia, serif; font-size: 0.85rem; letter-spacing: 0.08em; color: var(--color-text-light); padding: 1.5rem 0 0; }
.guide-breadcrumbs a { color: var(--color-accent-dark); }
.guide-breadcrumbs span { margin: 0 0.4rem; }
.guide-header { padding-top: 2rem; }
.guide-intro { max-width: 720px; margin: 1.5rem auto 0; text-align: center; font-size: 1.1rem; line-height: 1.7; color: var(--color-text-body); }
.guide-facts { text-align: center; font-family: 'Cormorant SC', Georgia, serif; letter-spacing: 0.06em; color: var(--color-accent-dark); margin: 0 0 2rem; }
.guide-facts span { margin: 0 1rem; }
.guide-article, .guide-section { max-width: 760px; margin: 0 auto 2.5rem; line-height: 1.75; color: var(--color-text-body); }
.guide-section h2 { font-family: 'Cormorant', Georgia, serif; font-size: 1.9rem; font-weight: 500; color: var(--color-accent-title); margin: 2rem 0 0.75rem; }
.guide-section h3 { font-family: 'Cormorant', Georgia, serif; font-size: 1.4rem; margin: 1.5rem 0 0.5rem; }
.guide-section p, .guide-section li { font-size: 1.02rem; }
.guide-section a { color: var(--color-accent-dark); text-decoration: underline; }
.guide-section table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.guide-section th, .guide-section td { border-bottom: 1px solid var(--color-border); padding: 0.5rem 0.6rem; text-align: left; vertical-align: top; }
.guide-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; margin: 2rem 0 3rem; }
.guide-card { display: block; background: var(--color-cream); border: 1px solid var(--color-border); padding: 1.75rem; color: var(--color-text-body); text-decoration: none; transition: transform .15s ease, box-shadow .15s ease; }
.guide-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.06); text-decoration: none; color: var(--color-text-body); }
.guide-card h2, .guide-card h3 { font-family: 'Cormorant', Georgia, serif; font-size: 1.5rem; font-weight: 500; color: var(--color-accent-title); margin: 0 0 0.35rem; }
.guide-card-meta { font-family: 'Cormorant SC', Georgia, serif; font-size: 0.85rem; letter-spacing: 0.06em; color: var(--color-accent); margin: 0 0 0.6rem; }
.guide-card p { font-size: 0.97rem; line-height: 1.6; margin: 0 0 0.75rem; }
.guide-card-link { font-family: 'Cormorant SC', Georgia, serif; letter-spacing: 0.08em; color: var(--color-accent-dark); }
.guide-faq { max-width: 760px; margin: 0 auto 3rem; }
.guide-faq h2 { font-family: 'Cormorant', Georgia, serif; font-size: 1.9rem; font-weight: 500; color: var(--color-accent-title); margin-bottom: 1rem; }
.guide-faq-item { border-bottom: 1px solid var(--color-border); padding: 0.75rem 0; }
.guide-faq-item summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.guide-faq-item summary::-webkit-details-marker { display: none; }
.guide-faq-item summary::after { content: "+"; font-size: 1.4rem; color: var(--color-accent); margin-left: 1rem; }
.guide-faq-item[open] summary::after { content: "–"; }
.guide-faq-item h3 { font-family: 'Cormorant', Georgia, serif; font-size: 1.25rem; font-weight: 500; margin: 0; color: var(--color-text-dark); }
.guide-faq-answer { padding: 0.5rem 0 0.25rem; line-height: 1.7; color: var(--color-text-body); }
.guide-related { max-width: 1100px; margin: 0 auto; }
.guide-related h2 { font-family: 'Cormorant', Georgia, serif; font-size: 1.7rem; font-weight: 500; text-align: center; color: var(--color-accent-title); }
.guide-cta { text-align: center; background: var(--color-cream); padding: 3rem 1.5rem; margin: 3rem auto 0; max-width: 900px; }
.guide-cta h2 { font-family: 'Cormorant', Georgia, serif; font-size: 2rem; font-weight: 500; color: var(--color-accent-title); }
.guide-cta p { max-width: 600px; margin: 0.75rem auto 1.25rem; color: var(--color-text-body); line-height: 1.6; }
.guide-cta-links a { color: var(--color-accent-dark); text-decoration: underline; }
.guide-rating { text-align: center; font-family: 'Cormorant SC', Georgia, serif; font-size: 1.1rem; letter-spacing: 0.06em; color: var(--color-accent-dark); }
.guide-reviews { max-width: 760px; margin: 2rem auto; }
.guide-review { border-bottom: 1px solid var(--color-border); padding: 1.5rem 0; }
.guide-review-stars { color: #c9a36b; letter-spacing: 0.15em; margin: 0 0 0.5rem; }
.guide-review blockquote { font-family: 'Cormorant', Georgia, serif; font-size: 1.25rem; line-height: 1.6; margin: 0 0 0.75rem; color: var(--color-text-dark); }
.guide-review footer { font-size: 0.9rem; color: var(--color-text-light); }
.guide-table-wrap { overflow-x: auto; }
.guide-table { width: 100%; border-collapse: collapse; font-size: 0.97rem; }
.guide-table th, .guide-table td { border-bottom: 1px solid var(--color-border); padding: 0.7rem 0.6rem; text-align: left; white-space: nowrap; }
.guide-table thead th { font-family: 'Cormorant SC', Georgia, serif; letter-spacing: 0.06em; font-weight: 500; color: var(--color-accent-dark); }
.guide-table small { color: var(--color-text-light); }
.guide-table-note { font-size: 0.9rem; color: var(--color-text-light); margin-top: 1rem; }
@media (max-width: 768px) {
    .guide-page { padding: 0 1rem 2rem; }
    .guide-section h2 { font-size: 1.6rem; }
}
.guide-updated { text-align: center; font-size: 0.8rem; color: var(--color-text-light); margin: 0.75rem 0 0; }
