body{
font-family: system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif;
font-size:17px;
line-height:1.7;
color:#212529;
}

h1{
font-size:38px;
line-height:1.3;
margin-bottom:20px;
}

h2{
font-size:26px;
margin-top:40px;
margin-bottom:15px;
}

h3{
font-size:18px;
margin-top:10px;
margin-bottom:10px;
}

h1,h2,h3,h4{
font-weight:700;
letter-spacing:-0.3px;
}

p{
margin-bottom:18px;
color:#444;
}

@media (max-width:768px){

h1{
font-size:30px;
}

h2{
font-size:22px;
}

body{
font-size:16px;
}

}










.navbar{
height:74px;
position: relative;
z-index: 1000;
}

.navbar-brand{
font-size:22px;
letter-spacing:-0.3px;
font-weight:700;
}

.navbar-collapse {
position: static;
background: white;
padding: 15px 0;
}


.brand-dot{
width:10px;
height:10px;
background:#146c43;
display:inline-block;
border-radius:50%;
margin-right:8px;
}



.nav-link{
font-weight:500;
color:#333 !important;
}

.nav-link:hover{
color:#146c43 !important;
}

.navbar-nav .nav-item{
margin: 0 12px;
}

.navbar-nav .nav-link{
font-weight:500;
color:#333 !important;
position:relative;
}

.navbar-nav .nav-link:hover{
color:#146c43 !important;
}

.navbar-nav .nav-link::after{
content:"";
position:absolute;
left:0;
bottom:-6px;
width:0;
height:2px;
background:#146c43;
transition:0.3s;
}

.navbar-nav .nav-link:hover::after{
width:100%;
}

.navbar-nav .nav-item + .nav-item{
border-left:1px solid #eee;
padding-left:18px;
}

.navbar-nav .nav-link.active{
color:#146c43 !important;
font-weight:600;
}


.btn-success{
font-weight:600;
border-radius:6px;
}
















.home-hero{
background:#f5f7fa;
padding:30px;
border-radius:10px;
text-align:center;
margin-top:20px;
margin-bottom:50px;
}

.hero-grid{
display:flex;
gap:30px;	
align-items:stretch;
}

.hero-grid > div{
flex:1;
display:flex;
}

.hero-card{
background:#f5f7fa;
padding:30px;
border-radius:20px;
display:flex;
flex-direction:column;

width:100%;
}

.hero-card h1{
font-size:34px;
}
.hero-card h2{
font-size:24px;
}

.hero-card p{
color:#666;
margin-bottom:20px;
}

.hero-card form{
display:flex;
flex-direction:column;
flex-grow:1;
}

.hero-card button{
margin-top:auto;
}

.hero-card select,
.hero-card input{
margin-bottom:12px;
}

.hero-lead{
background:#eef7f1;
border:1px solid #d4edda;
}

.seo-content{
margin-top:30px;
background:#f5f7fa;
padding:10px 20px;
border-radius:10px;
}
.seo-content a{
color:#146c43;
font-weight:500;
}




.home-section{
margin-top:30px;
background:#f5f7fa;
padding:10px 20px;
border-radius:10px;
}

.home-section h2{
font-size:24px;
font-weight:700;
margin-bottom:20px;
}

.link-list{
list-style:none;
padding:0;
margin:0;
}

.link-list li{
background:#eef7f1;
margin-bottom:8px;
border-bottom:1px solid #f1f1f1;
}

.link-list a{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 6px;
text-decoration:none;
color:#333;
font-weight:500;
transition:0.2s;
}

.link-list a:hover{
color:#146c43;
padding-left:10px;
}


.link-list a::after{
content:"›";
font-size:18px;
color:#bbb;
transition:0.2s;
}

.link-list a:hover::after{
color:#146c43;
transform:translateX(4px);
}

.faq-section{
margin-top:70px;
}

.faq-item{
margin-bottom:25px;
padding-bottom:15px;
border-bottom:1px solid #eee;
}

.faq-item h3{
font-size:18px;
margin-bottom:8px;
}

.faq-item p{
color:#555;
margin:0;
}












.breadcrumb-wrap{
margin:10px 0;
font-size:14px;
}

.breadcrumb a{
text-decoration:none;
color:#146c43;
}












.article-page{
margin-top:40px;
margin-bottom:80px;
}

.article-content{
background:#f5f7fa;
padding:20px;
border-radius:20px;
box-shadow:0 1px 3px rgba(0,0,0,0.06);
}



.hero-image{
border-radius:10px;
margin-bottom:30px;
}

.article-title{
font-size:42px;
font-weight:700;
margin-top:15px;
margin-bottom:10px;
}

.article-title,
h1{
font-size:40px;
font-weight:700;
line-height:1.3;
margin-bottom:25px;
letter-spacing:-0.3px;
}

.article-content h2{
font-size:26px;
font-weight:700;
margin-top:45px;
margin-bottom:15px;
position:relative;
padding-left:16px;
}

.article-content h2::before{
content:"";
position:absolute;
left:0;
top:6px;
width:4px;
height:22px;
background:#146c43;
border-radius:2px;
}


.article-meta{
color:#777;
margin-bottom:30px;
font-size:14px;
}

.article-page h2{
margin-top:40px;
margin-bottom:15px;
font-size:26px;
}

.article-content p{
font-size:17px;
line-height:1.75;
margin-bottom:18px;
color:#2d2d2d;
}
.article-content h2 + p{
font-size:18px;
color:#444;
}














.toc-box{
background:#f8f9fa;
border:1px solid #eee;
padding:20px;
border-radius:8px;
margin:30px 0;
font-size:15px;
}

.toc-box ul{
list-style:disc;
padding-left:20px;
}


.toc-box li{
margin-bottom:8px;
}

.toc-box a{
text-decoration:none;
color:#146c43;
font-size:15px;
}

.toc-box a:hover{
text-decoration:underline;
}









.sidebar{
position:sticky;
top:10px;
font-size:15px;
}

.sidebar-card{
background:#f8f9fa;
border-radius:10px;
padding:20px;
margin-bottom:20px;
}

.sidebar-card h5{
font-size:16px;
font-weight:600;
margin-bottom:15px;
}

.sidebar-links{
list-style:none;
padding:0;
margin:0;
}

.sidebar-links li{
margin-bottom:10px;
}

.sidebar-links a{
text-decoration:none;
color:#333;
font-size:14px;
}

.sidebar-links a:hover{
color:#146c43;
}

.sidebar-cta{
background:#eef7f1;
border:1px solid #d4edda;
}

.sidebar-info{
font-size:14px;
color:#555;
}
















.site-footer {
margin-top:60px;
padding:30px 0;
border-top:1px solid #eee;
text-align:center;
font-size:14px;
color:#666;

}

.footer-links {

margin-bottom:10px;

}

.footer-links a {

margin:0 12px;
text-decoration:none;
color:#444;

}

.footer-links a:hover {

text-decoration:underline;

}

.footer-copy {

margin:0;
color:#555;

}








































.cities-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
margin-top:40px;

}

.city-card{

padding:18px;
border:1px solid #eee;
border-radius:12px;
background:#fff;
transition:.2s;
}

.city-card:hover{

transform:translateY(-4px);
box-shadow:0 10px 20px rgba(0,0,0,0.08);

}

.city-card h3{

font-size:18px;
margin-bottom:6px;

}

.city-card h3 a{

text-decoration:none;
color:#333;

}
.city-count{

color:#666;
font-size:14px;
margin-bottom:8px;

}

.city-card ul{

list-style:none;
padding:0;
margin:0;

}

.city-card li{

margin-bottom:8px;

}

.city-card a{

text-decoration:none;
color:#333;

}

.city-card a:hover{

color:#146c43;

}

.city-image{

width:100%;
height:auto;
object-fit:cover;
object-position:left;
border-radius:8px;
margin-bottom:12px;

}
.city-link{

text-decoration:none;
color:#146c43;
font-weight:600;

}



















.pagination{
margin-top:40px;
display:flex;
gap:8px;
flex-wrap:wrap;
}

.pagination a{
padding:8px 12px;
border:1px solid #ddd;
border-radius:6px;
text-decoration:none;
color:#333;
font-size:14px;
}

.pagination a:hover{
background:#146c43;
color:#fff;
border-color:#146c43;
}

.pagination a.active{
background:#146c43;
color:#fff;
border-color:#146c43;
}