/* WishToSail Country Guide Template Styles */
.wts-breadcrumbs { padding: 1rem 2rem; font-size: 0.9rem; color: #666; background: #f8f9fa; }
.wts-breadcrumbs a { color: #1e3a8a; text-decoration: none; }
.wts-breadcrumbs a:hover { text-decoration: underline; }

.wts-country-guide { max-width: 900px; margin: 0 auto; padding: 2rem; display: grid; grid-template-columns: 1fr 250px; gap: 2rem; }

.wts-hero { grid-column: 1 / -1; text-align: center; padding: 3rem 1rem; background: linear-gradient(135deg, #1e3a8a, #2d5ab0); color: white; border-radius: 12px; margin-bottom: 1rem; }
.wts-hero h1 { font-size: 2rem; margin-bottom: 0.5rem; color: white; }
.wts-hero-subtitle { font-size: 1.1rem; opacity: 0.9; }

.wts-section { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.wts-section h2 { color: #1e3a8a; border-bottom: 2px solid #e0e6f0; padding-bottom: 0.5rem; margin-bottom: 1.5rem; }
.wts-section h3 { color: #333; margin-top: 1.5rem; }
.wts-section ul, .wts-section ol { padding-left: 1.5rem; margin: 1rem 0; }
.wts-section li { margin-bottom: 0.5rem; }
.wts-section strong { color: #222; }

.wts-toc { position: sticky; top: 2rem; align-self: start; background: #f8f9fa; padding: 1.5rem; border-radius: 8px; border-left: 3px solid #1e3a8a; }
.wts-toc h3 { font-size: 1rem; margin-bottom: 1rem; color: #333; }
.wts-toc ul { list-style: none; padding: 0; }
.wts-toc li { margin-bottom: 0.6rem; }
.wts-toc a { color: #1e3a8a; text-decoration: none; font-size: 0.9rem; }
.wts-toc a:hover { text-decoration: underline; }

/* Responsive */
@media (max-width: 768px) {
    .wts-country-guide { grid-template-columns: 1fr; padding: 1rem; }
    .wts-toc { display: none; }
    .wts-hero h1 { font-size: 1.5rem; }
}