/* Uses design tokens defined in the theme's style.css :root */

.guide-single { max-width: 900px; margin: 0 auto; padding: 24px 16px 60px; }
.guide-featured-image img { width: 100%; max-height: 400px; object-fit: cover; border-radius: var(--radius-lg, 14px); }
.guide-header h1 { margin: 24px 0 10px; font-size: 2.2rem; }
.guide-intro { font-size: 1.15rem; color: var(--ink-soft, #555); font-family: var(--font-display, serif); font-style: italic; }
.guide-content { margin: 24px 0; line-height: 1.75; color: var(--ink-soft, #333); }

.guide-business-list { list-style: none; padding: 0; margin: 36px 0 0; }
.guide-business-item {
    display: flex; gap: 18px; padding: 24px 0; border-top: 1px solid var(--line, #e0ddd8);
}
.guide-rank {
    flex: 0 0 44px; font-family: var(--font-display, serif); font-size: 1.8rem; font-weight: 600; color: var(--brass, #a08a5c);
}
.guide-business-body { display: flex; gap: 18px; flex: 1; }
.guide-business-image img { width: 130px; height: 96px; object-fit: cover; border-radius: var(--radius-sm, 6px); }
.guide-business-text h2 { font-size: 1.2rem; margin: 0 0 6px; }
.guide-business-text h2 a { text-decoration: none; color: var(--ink, inherit); }
.guide-price { font-family: var(--font-mono, monospace); font-size: 0.85rem; color: var(--foliage, #2f6b3a); margin-left: 8px; }
.guide-business-note { margin: 0 0 4px; color: var(--ink-soft, #444); }
.guide-business-address { margin: 0; font-size: 0.85rem; color: var(--ink-faint, #888); }

.guide-archive-wrap { max-width: 1200px; margin: 0 auto; padding: 24px 16px 60px; }
.guide-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 20px;
}
.guide-card { border: 1px solid var(--line, #e0ddd8); border-radius: var(--radius, 8px); overflow: hidden; background: var(--paper-light, #fff); transition: transform 0.15s ease, box-shadow 0.15s ease; }
.guide-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover, 0 8px 20px rgba(0,0,0,0.08)); }
.guide-card-link { display: block; color: inherit; text-decoration: none; }
.guide-card-image img { width: 100%; height: 170px; object-fit: cover; }
.guide-card h2 { font-size: 1.15rem; margin: 16px 16px 8px; }
.guide-card-intro { margin: 0 16px 12px; font-size: 0.9rem; color: var(--ink-soft, #555); }
.guide-card-count { display: block; margin: 0 16px 18px; font-size: 0.78rem; font-family: var(--font-mono, monospace); color: var(--brass-dark, #a08a5c); }

.business-featured-guides h3 { font-size: 1rem; margin-bottom: 10px; }
.business-featured-guides ul { list-style: none; padding: 0; margin: 0; }
.business-featured-guides li { margin-bottom: 6px; }
.business-featured-guides a { color: var(--foliage, #2f6b3a); text-decoration: none; }
.business-featured-guides a:hover { text-decoration: underline; }