/**
 * Ultimate Travel Guide — Travel Tips
 * TOC + stacked sections. Theme-neutral, scroll-margin for anchor links.
 */

.utg-tips {
	max-width: 900px;
	margin: 0 auto;
}

.utg-tips__toc {
	background: var(--utg-gray-50, #f9fafb);
	border: 1px solid var(--utg-border, #e5e7eb);
	border-radius: var(--utg-radius-lg, 12px);
	padding: 20px 24px;
	margin: 0 0 40px;
}

.utg-tips__toc-title {
	margin: 0 0 12px;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--utg-primary, #1a6b35);
}

.utg-tips__toc-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 8px 20px;
}

.utg-tips__toc-list li {
	margin: 0;
}

.utg-tips__toc-list a {
	color: var(--utg-text, #222);
	text-decoration: none;
	font-size: 0.95rem;
	border-bottom: 1px solid transparent;
	transition: border-color 0.15s, color 0.15s;
}

.utg-tips__toc-list a:hover,
.utg-tips__toc-list a:focus-visible {
	color: var(--utg-primary, #1a6b35);
	border-bottom-color: currentColor;
}

.utg-tip {
	margin: 0 0 48px;
	scroll-margin-top: 80px;
}

.utg-tip__title {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--utg-accent, #f3b33d);
	color: var(--utg-primary, #1a6b35);
}

.utg-tip__content {
	font-size: 1rem;
	line-height: 1.7;
	color: var(--utg-text, #222);
}

.utg-tip__content p {
	margin: 0 0 14px;
}

.utg-tip__content h3 {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 20px 0 8px;
	color: var(--utg-primary, #1a6b35);
}

.utg-tip__content ul,
.utg-tip__content ol {
	margin: 8px 0 16px 24px;
}

.utg-tip__content a {
	color: var(--utg-primary, #1a6b35);
	text-decoration: underline;
}

/* Option-card block for sub-items (e.g. airport transfer options) */
.utg-tip-options {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 14px;
	margin: 16px 0;
}

.utg-tip-option {
	background: var(--utg-bg, #fff);
	border: 1px solid var(--utg-border, #e5e7eb);
	border-radius: 8px;
	padding: 14px 16px;
}

.utg-tip-option__title {
	font-weight: 700;
	margin: 0 0 4px;
	color: var(--utg-primary, #1a6b35);
}

.utg-tip-option__meta {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--utg-success, #16a34a);
	margin: 6px 0 0;
}