/* City Facts follows the approved editorial reference, using verified facts. */
.city-facts-page .facts-hero {min-height:470px;padding:42px 0 40px;background-position:center 58%}
.facts-hero .breadcrumbs {margin-bottom:56px}
.city-facts-page .facts-hero h1 {font-size:clamp(60px,7.7vw,110px);line-height:1;margin-bottom:16px}
.facts-hero-subtitle {font:30px var(--serif);margin-bottom:24px;line-height:1.3}
.heading-rule {display:block;width:72px;height:1px;background:var(--teal);margin:20px 0}
.facts-hero .heading-rule,.facts-banner .heading-rule {background:#efe7d4}
.facts-hero .hero-deck {font-size:20px;line-height:1.55;max-width:560px;margin:0}
.city-facts-page .section-tabs .wrap {gap:0;justify-content:space-between;min-height:64px;align-items:stretch;padding:0}
.section-tabs a {position:relative;display:flex;align-items:center;padding:20px 0 17px;font-size:14px;letter-spacing:.5px;text-transform:uppercase;border-bottom:2px solid transparent}
.section-tabs a[aria-current] {border-bottom-color:var(--teal);font-weight:700}
.city-facts-page .facts-overview {grid-template-columns:40% minmax(0,1fr);gap:50px;padding:35px 0 25px;align-items:start}
.facts-intro h2 {font-size:46px;margin-bottom:0}
.facts-intro p {font-size:18px;line-height:1.7}
.facts-intro .button {font-size:14px;letter-spacing:.7px;margin-top:3px}
.city-facts-page .facts-grid {gap:12px}
.fact-tile {background:#f0efe9;min-height:172px;padding:18px 12px}
.fact-tile svg {color:var(--teal);width:35px;height:35px;stroke-width:1.8;margin-bottom:16px}
.fact-tile strong {font-size:29px;font-weight:700}
.fact-tile:first-child strong {font-size:clamp(18px,1.8vw,26px);white-space:nowrap}
.fact-tile span {font-size:15px;margin-top:10px}
.fact-tile small {font-size:12px;margin-top:4px}
.facts-note {display:flex;align-items:center;gap:25px;text-align:left;min-height:94px;padding:18px 28px;margin-top:3px}
.facts-note svg {width:50px;height:50px;stroke:var(--teal);stroke-width:1.5;fill:none;flex-shrink:0}
.facts-note p {margin:0;font-size:18px;line-height:1.45}
.facts-wide {display:grid;grid-template-columns:60% 40%;align-items:stretch;max-width:var(--max);margin:auto;padding-top:0}
.facts-wide>img {width:100%;height:410px;object-fit:cover}
.facts-wide>div {padding:55px 50px 35px;align-self:center}
.facts-wide h2 {font-size:40px;margin-bottom:0}
.facts-wide p {font-size:17px;line-height:1.75;margin-bottom:18px}
.facts-features {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:24px;padding-bottom:36px}
.facts-features a {text-decoration:none;color:var(--ink)}
.facts-features img {display:block;width:100%;height:210px;object-fit:cover;border-radius:4px}
.facts-features h3 {font-size:26px;font-weight:700;margin:12px 0 8px}
.facts-features p {font-size:16px;margin:0;line-height:1.5}
.city-facts-page .facts-banner {width:100%;max-width:none;border-radius:0;margin:0;padding:38px 0 42px;min-height:320px;background:linear-gradient(90deg,#07343ee8 0%,#07343e77 40%,transparent 82%),url('images/hangzhou-7520883_1280-e1714040065459.webp') center/cover}
.facts-banner h2 {font-size:43px;line-height:1.05;max-width:530px;margin-bottom:0}
.facts-banner p {font-size:18px;line-height:1.65;max-width:560px}
.facts-practical {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:50px 0 25px}
.facts-practical h2 {font-size:29px}
.facts-practical p {font-size:16px}
.facts-sources {padding:10px 0 45px;font-size:14px}
.facts-sources summary {cursor:pointer;font-weight:700;padding:12px 0}
.facts-sources details[open] summary {margin-bottom:15px}
@media(max-width:1100px){
 .city-facts-page .facts-overview{gap:30px;grid-template-columns:38% minmax(0,1fr)}
 .facts-intro h2{font-size:39px}.facts-intro p{font-size:17px}.fact-tile strong{font-size:24px}.fact-tile span{font-size:13px}
 .facts-wide>div{padding:32px}.facts-wide h2{font-size:34px}.facts-features img{height:180px}.facts-features h3{font-size:23px}
}
@media(max-width:900px){
 .city-facts-page .facts-overview{grid-template-columns:1fr;padding:30px 0;gap:25px}
 .facts-wide{grid-template-columns:1fr 1fr}.facts-wide>img{height:390px}
 .facts-practical{grid-template-columns:1fr;gap:15px}
 .city-facts-page .section-tabs .wrap{gap:25px;justify-content:flex-start}
}
@media(max-width:760px){
 .city-facts-page .facts-hero{min-height:390px;padding-top:26px}.facts-hero .breadcrumbs{margin-bottom:50px}
 .city-facts-page .facts-hero h1{font-size:64px}.facts-hero-subtitle{font-size:23px}.facts-hero .hero-deck{font-size:17px}
 .section-tabs a{font-size:13px;padding:18px 0 15px}.city-facts-page .section-tabs .wrap{min-height:56px}
 .facts-intro h2{font-size:37px}.fact-tile{min-height:152px}.fact-tile strong{font-size:22px}.fact-tile svg{width:30px;height:30px}
 .facts-note{padding:18px;gap:16px}.facts-note p{font-size:16px}
 .facts-wide{grid-template-columns:1fr}.facts-wide>img{height:290px}.facts-wide>div{padding:30px 18px}
 .facts-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.facts-features img{height:155px}.facts-features h3{font-size:23px}.facts-features p{font-size:14px}
 .city-facts-page .facts-banner{padding:35px 0}.facts-banner h2{font-size:37px}.facts-banner p{font-size:16px}
 .facts-practical{padding-top:35px}.facts-practical h2{font-size:28px}
}
@media(max-width:410px){
 .city-facts-page .facts-hero h1{font-size:52px}
 .facts-features{grid-template-columns:1fr}.facts-features img{height:210px}
}