.title--overhead a { color: inherit; text-decoration: none; }
.title--overhead a:hover { color: #2eabad; }

.guide-intro p { font-size: 1.05rem; }

.guide-callout { border-left: 4px solid #2eabad; box-shadow: 0 4px 20px rgba(0,0,0,.05); }

.guide-comparison li { padding: .5rem 0; border-bottom: 1px solid #eee; }
.guide-comparison li:last-child { border-bottom: 0; }
.guide-comparison__arrow { color: #2eabad; font-weight: 700; }

.guide-recommended .itemRoom__img-wrap .cover { height: 200px; object-fit: cover; width: 100%; }
.guide-recommended .itemRoom__details .title a { color: inherit; text-decoration: none; }

.guide-cta { background: #f5fbfb; border: 1px solid #d6eeee; }

.guide-related__list a, .guide-internal-links a { color: #2eabad; }
.guide-internal-links li, .guide-related__list li { position: relative; padding-left: 1.2rem; }
.guide-internal-links li::before, .guide-related__list li::before { content: "→"; position: absolute; left: 0; color: #2eabad; }

.guide-recommended, .guide-related, .guide-faq { border-top: 1px solid #eee; padding-top: 2.5rem; }

/* Tables inserted from the rich-text editor (rendered as bare <table> inside .paragraph;
   header cells are <th> directly in <tbody>, no <thead>). Loaded only on guide pages,
   so these rules don't affect the rest of the project. */
.paragraph table, .guide-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: .95rem; line-height: 1.5; background: #fff; }
.paragraph table th, .paragraph table td, .guide-table th, .guide-table td { border: 1px solid #333; padding: .6rem .9rem; text-align: left; vertical-align: top; }
.paragraph table th, .guide-table th { background: #f2f2f2; font-weight: 700; }
.paragraph table td, .guide-table td { background: #fff; color: inherit; }
.paragraph table p, .guide-table p { margin: 0; }
.paragraph .tableWrapper { overflow-x: auto; }
@media (max-width: 575.98px) { .paragraph table, .guide-table { display: block; overflow-x: auto; } }