/* shared styles for service, area and FAQ sections */
.city-pills{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px;}
.city-pills a,.city-pills span{background:#fff;border:1px solid rgba(13,59,30,.12);border-radius:30px;padding:9px 18px;font-size:13px;font-weight:600;color:var(--g);text-decoration:none;}
.city-pills a:hover{border-color:var(--gold);}
.faq{margin:18px 0 8px;}
.faq details{background:var(--cream2);border-radius:14px;padding:0;margin-bottom:10px;overflow:hidden;}
.faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;font-size:16px;color:var(--g);display:flex;justify-content:space-between;gap:16px;align-items:center;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';font-size:22px;line-height:1;color:var(--gold);flex:none;transition:transform .25s;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq details p{padding:0 22px 20px;margin:0;font-size:15px;line-height:1.8;color:var(--ink2);font-weight:300;}
.steps{counter-reset:s;display:grid;gap:12px;margin:20px 0 8px;padding:0;list-style:none;}
.steps li{counter-increment:s;background:var(--cream2);border-radius:14px;padding:18px 22px 18px 68px;position:relative;font-size:15px;color:var(--ink2);line-height:1.7;}
.steps li::before{content:counter(s);position:absolute;left:20px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;font-weight:700;display:grid;place-items:center;font-size:14px;}
.steps li b{color:var(--g);}
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;}
.area-card{background:var(--cream2);border-radius:16px;padding:20px 20px 18px;}
.area-card h3{font-family:'Playfair Display',serif;font-size:19px;color:var(--g);margin:0 0 4px;}
.area-card .cities{font-size:13.5px;color:var(--ink2);line-height:1.6;margin:0;}
.area-card .note{font-size:12.5px;color:#8a5f0d;font-weight:600;margin-top:8px;display:block;}
@media(max-width:860px){.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.area-grid{grid-template-columns:1fr;}}