/* Incremental adaptation of the original service-detail template, not V4 UI. */
body.city-guide{--guide-nav-height:70px;padding-top:var(--guide-nav-height)}
.city-guide .guide-toc{position:sticky;top:var(--guide-nav-height);z-index:60;background:var(--paper);border-bottom:1px solid var(--line)}
.city-guide .guide-toc ul{display:flex;gap:8px;list-style:none;margin:0;padding:12px 4px;overflow-x:auto;white-space:nowrap}
.city-guide .guide-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--line);font-size:13px;color:var(--ink-soft)}
.city-guide .guide-toc a:hover,.city-guide .guide-toc a:focus-visible{color:var(--gold-deep);border-color:var(--gold)}
.city-guide .section:nth-of-type(even){background:var(--bg-soft)}
.city-guide section[id]{scroll-margin-top:150px}
.city-guide .symptom-card address{font-style:normal;color:var(--ink-soft);font-size:13px;line-height:1.8;margin:12px 0}
.city-guide .case-meta-item{overflow-wrap:anywhere}
.city-guide .case-body h3{font-family:"Noto Serif SC",serif;font-size:17px;margin:24px 0 8px}
.city-guide .case-outcome p{margin:8px 0}
.city-guide .hero-tag{overflow-wrap:anywhere}
.city-guide .related-card{display:block}
.city-guide a:focus-visible,.city-guide button:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}
.city-guide .guide-toc a:focus-visible{outline-offset:-2px}
@media(min-width:960px) and (max-width:1100px){.city-guide .nav-slogan-right{display:none}}
@media(max-width:959px){body.city-guide{--guide-nav-height:77px}}
@media(max-width:600px){.city-guide .hero{padding:44px 0}.city-guide .section{padding:48px 0}.city-guide .case-block{padding:24px 20px}.city-guide .symptom-grid{grid-template-columns:1fr}.city-guide .hero h1{line-height:1.3}.city-guide .hero-cta .btn{justify-content:center;width:100%}}