/* Final city UI and stable panel baseline, enabled only for city pilots. */
.city-ui{--city-blue: #1265ff; --city-cyan: #19c7d3; --city-navy: #04152d; --city-ink: #0b1b3b; --city-muted: #52627a; --city-line: #dfe8f5; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif; color: var(--city-ink); box-sizing: border-box; position: relative; isolation: isolate;}
.city-ui *,.city-ui ::before,.city-ui ::after{box-sizing: border-box;}
.city-ui svg{fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.city-ui [hidden]{display: none !important;}
.city-ui-container{width: calc(100% - 64px); max-width: 1600px; margin: 0px auto; position: relative; z-index: 1;}
.city-ui .city-art{display: block; overflow: visible; width: 100%; height: auto; stroke-width: 1;}
.city-ui .city-glyph{width: 22px; height: 22px;}
.city-ui .city-eyebrow{display: inline-flex; align-items: center; gap: 9px; margin: 0px 0px 14px; font-size: 15px; font-weight: 600; line-height: 1.5; color: rgb(8, 125, 186); letter-spacing: 0.04em;}
.city-ui .city-eyebrow::before{content: ""; width: 24px; height: 3px; border-radius: 4px; background: linear-gradient(90deg,var(--city-blue),var(--city-cyan));}
.city-industry-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px;}
.city-industry{position: relative; min-width: 0px; padding: 20px 23px 22px; border: 1px solid rgb(216, 231, 249); border-radius: 18px; background: linear-gradient(150deg, rgb(255, 255, 255) 45%, rgb(245, 250, 255)); box-shadow: rgba(25, 67, 119, 0.055) 0px 10px 27px, rgb(255, 255, 255) 0px 1px 0px inset; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;}
.city-industry::after{content: ""; position: absolute; top: 20px; right: 20px; width: 28px; height: 3px; border-radius: 4px; background: linear-gradient(90deg, rgba(18, 101, 255, 0.6), rgba(25, 199, 211, 0.55)); opacity: 0.5;}
.city-industry-heading{display: flex; align-items: center; gap: 14px; min-height: 78px; margin-bottom: 9px;}
.city-industry-art{width: 80px; flex: 0 0 80px; filter: drop-shadow(rgba(25, 108, 211, 0.07) 0px 6px 8px); transition: transform 0.3s;}
.city-industry-focus{font-size: 16px; line-height: 1.75; color: rgb(58, 87, 124); margin: 0px 0px 11px; padding-bottom: 11px; border-bottom: 1px solid rgb(232, 240, 251);}
.city-industry-preparation{font-size: 16px; line-height: 1.8; color: var(--city-muted); margin: 0px;}
.city-faq-tab:focus-visible,.city-faq-item summary:focus-visible{outline: rgb(85, 191, 212) solid 3px; outline-offset: 4px;}
.city-service-coverage{display: grid; grid-template-columns: 170px minmax(0px, 1fr); gap: 18px; align-items: start; padding: 20px 24px; margin-top: 28px; border: 1px solid rgb(216, 230, 247); border-radius: 16px; background: linear-gradient(110deg, rgba(229, 242, 255, 0.85), rgba(255, 255, 255, 0.8)); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset;}
.city-coverage-heading{display: flex; gap: 12px; align-items: center;}
.city-coverage-pin{width: 42px; height: 42px; display: grid; place-items: center; color: rgb(255, 255, 255); border-radius: 12px; background: linear-gradient(145deg,var(--city-blue),#16b5d0); box-shadow: rgba(18, 101, 255, 0.14) 0px 6px 12px; flex: 0 0 auto;}
.city-coverage-pin svg{width: 23px; height: 23px;}
.city-coverage-heading h3{margin: 0px; font-size: 19px; line-height: 1.6; font-weight: 600;}
.city-coverage-heading p{font-size: 14px; line-height: 1.6; color: rgb(113, 135, 163); margin: 1px 0px 0px;}
.city-service-coverage dl{display: grid; grid-template-columns: max-content minmax(0px, 1fr); gap: 5px 18px; margin: 0px;}
.city-coverage-group{display: contents;}
.city-service-coverage dt{font-size: 16px; line-height: 1.9; white-space: nowrap; color: rgb(85, 113, 148); font-weight: 500;}
.city-service-coverage dt span{font-size: 14px; color: rgb(129, 148, 174); font-weight: 400;}
.city-service-coverage dd{margin: 0px; min-width: 0px; font-size: 17px; line-height: 1.9; color: rgb(90, 114, 145);}
.city-area-name{display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; margin-right: 16px;}
#city-faq-tabs-preview{padding: 45px 0px 58px; background: radial-gradient(at 0px 100%, rgba(221, 237, 255, 0.48), transparent 44%), linear-gradient(rgb(247, 250, 255), rgb(255, 255, 255) 250px);}
.city-faq-layout{display: grid; grid-template-columns: 350px minmax(0px, 1fr); gap: 40px; align-items: start;}
.city-faq-aside{position: relative; overflow: hidden; min-width: 0px; padding: 28px; border-radius: 22px; color: rgb(255, 255, 255); background: radial-gradient(at 0px 0px, rgba(15, 111, 191, 0.44), transparent 57%), radial-gradient(at 100% 100%, rgba(17, 173, 190, 0.15), transparent 47%), linear-gradient(145deg, rgb(5, 34, 69), rgb(4, 23, 47)); box-shadow: rgba(4, 26, 54, 0.16) 0px 18px 42px;}
.city-faq-aside::before{content: ""; position: absolute; width: 210px; height: 210px; right: -122px; top: 38px; border: 1px solid rgba(81, 183, 226, 0.18); border-radius: 50%; box-shadow: rgba(81, 183, 226, 0.043) 0px 0px 0px 20px, rgba(81, 183, 226, 0.03) 0px 0px 0px 44px; pointer-events: none;}
.city-faq-intro{position: relative; color: rgb(191, 208, 230); font-size: 17px; line-height: 1.85; margin: 0px;}
.city-faq-menu-caption{font-size: 13px; color: rgb(145, 170, 201); line-height: 1.8; margin: 22px 0px 12px; padding-top: 18px; border-top: 1px solid rgba(163, 201, 243, 0.15);}
.city-faq-menu{display: grid; gap: 10px;}
.city-faq-tab{position: relative; width: 100%; display: flex; align-items: center; gap: 10px; min-height: 78px; margin: 0px; padding: 13px 14px; border: 1px solid rgba(130, 177, 226, 0.19); border-radius: 12px; background: rgba(69, 119, 172, 0.12); color: rgb(215, 228, 245); text-align: left; cursor: pointer; font: inherit; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;}
.city-faq-tab.is-active{color: rgb(255, 255, 255); background: linear-gradient(110deg, rgb(18, 101, 255), rgb(17, 168, 194)); border-color: rgba(116, 217, 251, 0.45); box-shadow: rgba(0, 99, 223, 0.24) 0px 7px 20px, rgba(255, 255, 255, 0.13) 0px 1px 0px inset;}
.city-faq-tab-icon{display: flex; width: 22px; flex: 0 0 22px;}
.city-faq-tab-icon svg{width: 22px; height: 22px;}
.city-faq-tab-label{flex: 1 1 0%; min-width: 0px; display: grid; gap: 5px;}
.city-faq-tab-label strong{font-size: 18px; line-height: 1.4; font-weight: 500;}
.city-faq-tab-label > span{font-size: 11px; line-height: 1.6; color: rgb(152, 179, 211);}
.city-faq-tab.is-active .city-faq-tab-label > span{color: rgb(210, 240, 255);}
.city-faq-tab-count{display: grid; place-items: center; width: 23px; height: 23px; border-radius: 7px; background: rgba(161, 196, 239, 0.13); color: rgb(180, 204, 236); font-size: 12px; flex: 0 0 auto;}
.city-faq-tab.is-active .city-faq-tab-count{background: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255);}
.city-faq-tab-arrow{font-family: Arial, sans-serif; font-size: 23px; color: rgb(145, 182, 223); line-height: 1;}
.city-faq-tab.is-active .city-faq-tab-arrow{color: rgb(255, 255, 255);}
.city-faq-total{position: relative; margin: 18px 0px 0px; color: rgb(143, 170, 202); font-size: 13px; line-height: 1.8;}
.city-faq-panels{min-width: 0px; min-height: 660px;}
.city-faq-panel{outline: none;}
.city-faq-panel-heading{display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 19px; padding: 8px 0px 21px; border-bottom: 1px solid rgb(220, 232, 246);}
.city-faq-panel-title{display: flex; align-items: center; gap: 14px;}
.city-faq-panel-icon{width: 53px; height: 53px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgb(219, 232, 249); border-radius: 15px; color: rgb(18, 101, 255); background: linear-gradient(140deg, rgb(230, 240, 255), rgb(244, 253, 255)); box-shadow: rgba(25, 67, 119, 0.04) 0px 5px 13px;}
.city-faq-panel-icon svg{width: 26px; height: 26px;}
.city-faq-panel-heading h3{font-size: 28px; font-weight: 650; line-height: 1.4; margin: 0px 0px 5px;}
.city-faq-panel-heading p{font-size: 16px; line-height: 1.7; color: rgb(123, 143, 168); margin: 0px;}
.city-faq-panel-count{font-size: 13px; line-height: 1.6; color: rgb(95, 123, 157); background: rgb(234, 242, 252); border: 1px solid rgb(221, 233, 248); padding: 6px 11px; border-radius: 8px; white-space: nowrap;}
.city-faq-questions{display: grid; gap: 13px;}
.city-faq-item{position: relative; overflow: hidden; border: 1px solid rgb(219, 230, 245); border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(25, 67, 119, 0.035) 0px 5px 16px;}
.city-faq-item[open]{border-color: rgb(166, 200, 249); box-shadow: rgba(25, 90, 167, 0.07) 0px 9px 24px;}
.city-faq-item[open]::before{content: ""; position: absolute; top: 15px; left: 0px; bottom: 15px; width: 3px; border-radius: 0px 3px 3px 0px; background: linear-gradient(rgb(18, 101, 255), rgb(25, 199, 211)); z-index: 2;}
.city-faq-item summary{display: flex; align-items: center; gap: 15px; min-height: 76px; padding: 18px 23px; cursor: pointer; list-style: none; font-size: 20px; line-height: 1.7; color: rgb(25, 53, 89); font-weight: 400;}
.city-faq-item summary::-webkit-details-marker{display: none;}
.city-faq-item[open] summary{color: rgb(7, 89, 236); background: linear-gradient(110deg, rgb(237, 245, 255), rgb(244, 252, 255));}
.city-faq-number{display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; color: rgb(18, 101, 255); background: rgb(236, 244, 255); border-radius: 10px; font-size: 14px; font-weight: 600;}
.city-faq-item[open] .city-faq-number{background: rgb(255, 255, 255); border: 1px solid rgb(210, 229, 255);}
.city-faq-question{min-width: 0px; flex: 1 1 0%;}
.city-faq-toggle{position: relative; width: 28px; height: 28px; border: 1px solid rgb(225, 234, 246); border-radius: 50%; flex: 0 0 auto; background: rgb(245, 249, 255); color: rgb(113, 141, 171);}
.city-faq-toggle::before,.city-faq-toggle::after{content: ""; position: absolute; background: currentcolor; border-radius: 1px;}
.city-faq-toggle::before{width: 12px; height: 1.5px; top: 12px; left: 7px;}
.city-faq-toggle::after{width: 1.5px; height: 12px; top: 7px; left: 12px; transition: transform 0.2s;}
.city-faq-item[open] .city-faq-toggle{color: rgb(18, 101, 255); background: rgb(255, 255, 255); border-color: rgb(201, 221, 247);}
.city-faq-item[open] .city-faq-toggle::after{transform: rotate(90deg);}
.city-faq-answer{margin: 0px; padding: 19px 24px 24px 73px; color: rgb(82, 98, 122); font-size: 18px; line-height: 1.9; background: linear-gradient(110deg, rgb(251, 253, 255), rgb(255, 255, 255));}
@media (hover: hover) and (pointer: fine) {.city-industry:hover{transform: translateY(-4px); border-color: rgb(168, 206, 248); box-shadow: rgba(25, 91, 162, 0.11) 0px 17px 35px;}
.city-industry:hover .city-industry-art{transform: translateY(-3px) rotate(-2deg);}
.city-faq-tab:not(.is-active):hover{background: rgba(72, 134, 202, 0.25); border-color: rgba(144, 208, 245, 0.42); transform: translateX(2px);}
.city-faq-item summary:hover{background: rgb(246, 250, 255);}
.city-faq-item[open] summary:hover{background: rgb(237, 246, 255);}
}
@media (max-width: 1250px) and (min-width: 781px) {.city-industry-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.city-faq-layout{grid-template-columns: 300px minmax(0px, 1fr); gap: 27px;}
.city-faq-aside{padding: 24px;}
.city-faq-tab-label strong{font-size: 16px;}
.city-faq-tab{padding: 12px; gap: 8px;}
.city-faq-tab-arrow{display: none;}
}
@media (max-width: 780px) {.city-ui-container{width: calc(100% - 36px);}
.city-ui .city-eyebrow{font-size: 13px; margin-bottom: 12px; gap: 7px;}
.city-ui .city-eyebrow::before{width: 18px;}
.city-industry-grid{grid-template-columns: 1fr; gap: 13px;}
.city-industry{padding: 15px 18px 18px; border-radius: 16px;}
.city-industry-heading{min-height: 65px; gap: 13px; margin-bottom: 7px;}
.city-industry-art{width: 67px; flex-basis: 67px;}
.city-industry-focus{font-size: 15px; padding-bottom: 8px; margin-bottom: 8px;}
.city-industry-preparation{font-size: 15px; line-height: 1.8;}
.city-service-coverage{display: block; padding: 18px; margin-top: 21px; border-radius: 14px;}
.city-coverage-heading{margin-bottom: 14px; gap: 11px;}
.city-coverage-heading > div:last-child{display: flex; align-items: baseline; gap: 12px;}
.city-coverage-heading h3{font-size: 18px;}
.city-coverage-heading p{font-size: 13px; margin: 0px;}
.city-coverage-pin{width: 35px; height: 35px; border-radius: 10px;}
.city-coverage-pin svg{width: 20px; height: 20px;}
.city-service-coverage dl{display: block;}
.city-coverage-group{display: block;}
.city-coverage-group + .city-coverage-group{margin-top: 12px;}
.city-service-coverage dt{font-size: 14px; margin-bottom: 4px;}
.city-service-coverage dt span{font-size: 13px;}
.city-service-coverage dd{font-size: 15px; line-height: 2;}
.city-area-name{margin-right: 12px;}
#city-faq-tabs-preview{padding: 28px 0px 35px;}
.city-faq-layout{display: block;}
.city-faq-aside{padding: 23px 20px 20px; border-radius: 18px; margin-bottom: 26px;}
.city-faq-intro{font-size: 15px; line-height: 1.8;}
.city-faq-menu-caption{font-size: 12px; margin: 18px 0px 10px; padding-top: 15px;}
.city-faq-menu{display: flex; gap: 8px; overflow-x: auto; padding: 1px 1px 9px; scrollbar-width: thin; scrollbar-color: rgb(58, 104, 152) transparent; overscroll-behavior-x: contain;}
.city-faq-tab{flex: 0 0 auto; width: auto; min-height: 47px; padding: 11px 12px; gap: 8px; border-radius: 9px;}
.city-faq-tab-label{display: block;}
.city-faq-tab-label strong{font-size: 14px; line-height: 1.5; white-space: nowrap;}
.city-faq-tab-label > span,.city-faq-tab-arrow{display: none;}
.city-faq-tab-icon{width: 18px; flex-basis: 18px;}
.city-faq-tab-icon svg{width: 18px; height: 18px;}
.city-faq-tab-count{width: 19px; height: 19px; font-size: 10px; border-radius: 5px;}
.city-faq-total{font-size: 11px; margin-top: 7px;}
.city-faq-panels{min-height: 0px;}
.city-faq-panel-heading{gap: 12px; padding: 0px 0px 16px; margin-bottom: 16px;}
.city-faq-panel-title{gap: 10px; min-width: 0px;}
.city-faq-panel-icon{width: 43px; height: 43px; border-radius: 12px;}
.city-faq-panel-icon svg{width: 23px; height: 23px;}
.city-faq-panel-heading h3{font-size: 22px; margin-bottom: 3px;}
.city-faq-panel-heading p{font-size: 12px; line-height: 1.6;}
.city-faq-panel-count{font-size: 11px; padding: 5px 7px;}
.city-faq-questions{gap: 11px;}
.city-faq-item{border-radius: 13px;}
.city-faq-item summary{gap: 10px; padding: 15px 13px; min-height: 65px; font-size: 16px; line-height: 1.8;}
.city-faq-number{width: 27px; height: 27px; border-radius: 8px; font-size: 12px;}
.city-faq-toggle{width: 23px; height: 23px;}
.city-faq-toggle::before{left: 5px; top: 10px; width: 11px;}
.city-faq-toggle::after{left: 10px; top: 5px; height: 11px;}
.city-faq-answer{padding: 15px 17px 20px; font-size: 15px; line-height: 1.9;}
.city-faq-tab:active{filter: brightness(0.96);}
}
@media (prefers-reduced-motion: reduce) {.city-ui *,.city-ui ::before,.city-ui ::after{transition: none !important; animation: auto ease 0s 1 normal none running none !important; scroll-behavior: auto !important;}
}
.city-refined-v13 .city-industry-grid{margin-top: 30px;}
.city-refined-v13 .city-industry h3{margin: 0px 0px 11px; font-size: 21px; line-height: 1.45; color: rgb(16, 41, 77);}
.city-refined-v13 .city-industry-focus{min-height: 68px;}
.city-refined-v13 .city-local-support-note{margin: 15px 0px 0px; padding: 0px 4px; font-size: 14px; line-height: 1.8; color: rgb(105, 127, 159);}
.city-refined-v13 .city-faq-panels{min-height: 0px;}
@media (max-width: 1250px) {.city-refined-v13 .city-industry-focus{min-height: 0px;}
}
@media (max-width: 780px) {.city-refined-v13 .city-industry-grid{margin-top: 22px;}
.city-refined-v13 .city-industry h3{font-size: 20px;}
.city-refined-v13 .city-local-support-note{font-size: 13px; margin-top: 12px;}
}
#city-faq-tabs-preview.city-application-v21{padding: 56px 0px 48px; background: radial-gradient(at 100% 0px, rgba(25, 199, 211, 0.08), transparent 34%), linear-gradient(rgb(245, 249, 255), rgb(249, 251, 255) 70%, rgb(255, 255, 255));}
.city-application-v21 .city-faq-layout{grid-template-columns: 330px minmax(0px, 1fr); gap: 32px;}
.city-application-v21 .city-faq-intro{font-size: 16px;}
.city-application-v21 .city-faq-panel-heading{margin-bottom: 16px; padding-bottom: 17px;}
.city-application-v21 .city-faq-questions{gap: 11px;}
.city-application-v21 .city-faq-item summary{min-height: 65px; padding: 14px 19px; gap: 12px; font-size: 18px;}
.city-application-v21 .city-faq-answer{padding: 16px 20px 20px 67px; font-size: 16px; line-height: 1.9;}
.city-application-v21 .city-service-coverage{margin-top: 26px; padding: 20px 23px; grid-template-columns: 156px minmax(0px, 1fr); background: linear-gradient(110deg, rgb(237, 245, 255), rgb(248, 252, 255));}
.city-application-v21 .city-service-coverage dd{font-size: 15px; line-height: 1.9;}
.city-application-v21 .city-service-coverage dt{font-size: 14px;}
.city-application-v21 .city-coverage-heading h3{font-size: 18px;}
.city-application-v21 .city-local-support-note{margin-top: 12px;}
@media (min-width: 781px) and (max-width: 1250px) {.city-application-v21 .city-faq-layout{grid-template-columns: 275px minmax(0px, 1fr); gap: 24px;}
.city-application-v21 .city-faq-aside{padding: 24px 21px;}
.city-application-v21 .city-faq-intro{font-size: 15px;}
.city-application-v21 .city-faq-item summary{font-size: 17px;}
}
@media (max-width: 780px) {#city-faq-tabs-preview.city-application-v21{padding: 30px 0px 32px;}
.city-application-v21 .city-faq-layout{display: block;}
.city-application-v21 .city-faq-intro{font-size: 15px;}
.city-application-v21 .city-faq-item summary{padding: 14px 13px; gap: 10px; font-size: 16px;}
.city-application-v21 .city-faq-answer{padding: 14px 16px 18px; font-size: 15px;}
.city-application-v21 .city-service-coverage{display: block; padding: 17px; margin-top: 22px;}
.city-application-v21 .city-service-coverage dd{font-size: 14px;}
}
.city-application-v22 .city-module-heading{display: grid; grid-template-columns: minmax(0px, 1fr) 190px; gap: 34px; align-items: center; margin-bottom: 25px;}
.city-application-v22 .city-module-heading h2{margin: 0px 0px 13px; font-size: 38px; font-weight: 700; line-height: 1.4; letter-spacing: -0.025em;}
.city-application-v22 .city-module-heading h2 span{color: rgb(18, 101, 255);}
.city-application-v22 .city-module-intro{max-width: 1030px; margin: 0px; font-size: 17px; line-height: 1.85; color: rgb(82, 107, 137);}
.city-application-v22 .city-module-heading-art{width: 190px;}
.city-application-v22 .city-industry-grid{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; margin-top: 0px;}
.city-application-v22 .city-industry{padding: 18px 20px 21px;}
.city-application-v22 .city-industry-art{width: 70px; margin-bottom: 10px;}
.city-application-v22 .city-industry h3{font-size: 20px; line-height: 1.5; margin: 0px 0px 11px;}
.city-application-v22 .city-industry-focus{min-height: 56px; font-size: 14px; line-height: 1.8; margin-bottom: 10px; padding-bottom: 10px;}
.city-application-v22 .city-industry-focus span,.city-application-v22 .city-industry-preparation span{color: rgb(18, 101, 255); font-weight: 500;}
.city-application-v22 .city-industry-preparation{font-size: 15px; line-height: 1.85;}
.city-application-v22 .city-faq-aside{padding: 25px;}
.city-application-v22 .city-faq-aside h3{margin: 0px 0px 9px; font-size: 23px; font-weight: 650; line-height: 1.5; color: rgb(255, 255, 255);}
.city-application-v22 .city-faq-aside .city-faq-intro{font-size: 14px; line-height: 1.8;}
.city-application-v22 .city-faq-menu-caption{margin: 18px 0px 12px; padding-top: 15px;}
.city-application-v22 .city-faq-panel-heading{padding-top: 0px;}
.city-application-v22 .city-faq-item summary{font-size: 18px;}
.city-application-v22 .city-service-coverage{margin-top: 27px;}
@media (max-width: 1250px) {.city-application-v22 .city-industry-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.city-application-v22 .city-industry-focus{min-height: 0px;}
}
@media (max-width: 780px) {.city-application-v22 .city-module-heading{display: block; margin-bottom: 20px;}
.city-application-v22 .city-module-heading h2{font-size: 28px; line-height: 1.45; margin-bottom: 11px;}
.city-application-v22 .city-module-intro{font-size: 15px; line-height: 1.85;}
.city-application-v22 .city-module-heading-art{display: none;}
.city-application-v22 .city-industry-grid{grid-template-columns: 1fr; gap: 13px;}
.city-application-v22 .city-industry{padding: 16px 18px 19px;}
.city-application-v22 .city-industry-art{width: 65px; margin-bottom: 6px;}
.city-application-v22 .city-industry h3{font-size: 20px;}
.city-application-v22 .city-faq-aside{padding: 20px 17px; margin-bottom: 23px;}
.city-application-v22 .city-faq-aside h3{font-size: 20px;}
.city-application-v22 .city-faq-menu{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 7px; overflow: visible; padding: 1px 0px 0px;}
.city-application-v22 .city-faq-tab{min-width: 0px; width: 100%; min-height: 68px; gap: 7px; padding: 9px 8px;}
.city-application-v22 .city-faq-tab-label strong{font-size: 13px; line-height: 1.65; white-space: normal; text-wrap-style: balance;}
.city-application-v22 .city-faq-tab-count{display: none;}
.city-application-v22 .city-faq-total{margin-top: 12px;}
.city-application-v22 .city-faq-panel-title{gap: 9px;}
.city-application-v22 .city-faq-panel-heading h3{font-size: 21px;}
.city-application-v22 .city-faq-item summary{font-size: 16px;}
}
.city-application-v23 .city-unified-layout{display: grid; grid-template-columns: 320px minmax(0px, 1fr); gap: 28px; align-items: stretch;}
.city-application-v23 .city-faq-aside{display: flex; flex-direction: column; align-self: stretch; min-height: 0px; margin-bottom: 0px; padding: 25px 23px;}
.city-application-v23 .city-faq-aside h3{font-size: 23px;}
.city-application-v23 .city-faq-menu{position: relative; grid-template-columns: 1fr;}
.city-application-v23 .city-faq-tab{min-height: 76px; padding: 13px 12px; gap: 9px;}
.city-application-v23 .city-faq-tab-label strong{display: block; font-size: 17px; white-space: nowrap;}
.city-application-v23 .city-industry-label-word{display: inline;}
.city-application-v23 .city-faq-tab-label > span{font-size: 10.5px;}
.city-application-v23 .city-faq-total{margin-top: auto; padding-top: 24px;}
.city-application-v23 .city-faq-panels{display: flex; min-width: 0px; min-height: 0px;}
.city-application-v23 .city-faq-panel{display: flex; flex-direction: column; width: 100%; min-width: 0px;}
.city-application-v23 .city-faq-panel-heading{flex: 0 0 auto;}
.city-application-v23 .city-faq-questions{display: flex; flex: 1 1 0%; flex-direction: column; justify-content: space-between; gap: 11px;}
.city-application-v23 .city-faq-item{flex: 0 0 auto;}
.city-application-v23 .city-industry-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; margin-top: 0px;}
.city-application-v23 .city-industry{padding: 16px 17px 18px;}
.city-application-v23 .city-industry-heading{min-height: 62px; gap: 10px; margin-bottom: 10px;}
.city-application-v23 .city-industry-art{width: 58px; flex-basis: 58px; margin-bottom: 0px;}
.city-application-v23 .city-industry h3{margin: 0px; font-size: 18px; line-height: 1.55;}
.city-application-v23 .city-industry-focus{min-height: 0px; font-size: 14px; line-height: 1.8;}
.city-application-v23 .city-industry-preparation{font-size: 14px; line-height: 1.85;}
.city-application-v23 .city-service-coverage{margin-top: 26px;}
@media (min-width: 781px) and (max-width: 1250px) {.city-application-v23 .city-unified-layout{grid-template-columns: 280px minmax(0px, 1fr); gap: 24px;}
.city-application-v23 .city-faq-aside{padding: 23px 19px;}
.city-application-v23 .city-faq-tab{gap: 8px; padding: 12px 10px;}
.city-application-v23 .city-faq-tab-label strong{font-size: 16px;}
.city-application-v23 .city-faq-tab-label > span{font-size: 10px;}
.city-application-v23 .city-faq-tab-arrow{display: none;}
.city-application-v23 .city-industry-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 780px) {.city-application-v23 .city-unified-layout{display: block;}
.city-application-v23 .city-faq-aside{display: block; padding: 20px 17px; margin-bottom: 23px;}
.city-application-v23 .city-faq-aside h3{font-size: 20px;}
.city-application-v23 .city-faq-menu{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-auto-rows: 1fr; gap: 8px;}
.city-application-v23 .city-faq-tab{width: 100%; min-width: 0px; min-height: 62px; padding: 10px; gap: 8px;}
.city-application-v23 .city-faq-tab-label strong{display: block; font-size: 14px; line-height: 1.6; white-space: nowrap;}
.city-application-v23 .city-module-heading h2 > span{display: block;}
.city-application-v23 .city-faq-tab-label > span,.city-application-v23 .city-faq-tab-arrow{display: none;}
.city-application-v23 .city-faq-tab-count{display: none;}
.city-application-v23 .city-faq-total{margin-top: 13px; padding-top: 0px;}
.city-application-v23 .city-faq-questions{display: grid; gap: 11px;}
.city-application-v23 .city-industry-grid{grid-template-columns: 1fr; gap: 13px;}
.city-application-v23 .city-industry-heading{min-height: 61px;}
.city-application-v23 .city-industry{padding: 15px 17px 18px;}
.city-application-v23 .city-industry h3{font-size: 19px;}
.city-application-v23 .city-industry-focus,.city-application-v23 .city-industry-preparation{font-size: 15px;}
}
@media (max-width: 480px) {.city-application-v23 .city-faq-menu{grid-template-columns: 1fr;}
.city-application-v23 .city-faq-tab{min-height: 54px;}
}
.city-application-v26 .city-industry-grid{gap: 14px;}
.city-application-v26 .city-industry{padding: 14px 15px 16px; min-height: 0px;}
.city-application-v26 .city-industry-heading{min-height: 50px; gap: 9px; margin-bottom: 8px;}
.city-application-v26 .city-industry-art{width: 50px; flex-basis: 50px;}
.city-application-v26 .city-industry h3{font-size: 18px; line-height: 1.5;}
.city-application-v26 .city-industry-focus{margin-bottom: 8px; padding-bottom: 8px; line-height: 1.75;}
.city-application-v26 .city-industry-preparation{line-height: 1.75;}
.city-application-v26 .city-faq-questions{justify-content: flex-start; gap: 14px;}
@media (min-width: 781px) {.city-application-v26{--city-panel-baseline: 700px;}
.city-application-v26 .city-unified-layout,.city-application-v26 .city-faq-panel{min-height: var(--city-panel-baseline);}
}
.city-application-v26 .city-height-probe{position: absolute; visibility: hidden; pointer-events: none; inset: 0px auto auto 0px;}
.city-application-v26 .city-height-probe .city-faq-panel{min-height: 0px; flex: 0 0 auto; height: auto;}
.city-application-v26 .city-height-probe .city-faq-questions{flex: 0 0 auto;}
@media (max-width: 780px) {.city-application-v26 .city-unified-layout,.city-application-v26 .city-faq-panel{min-height: 0px;}
.city-application-v26 .city-industry{padding: 15px 17px 18px;}
.city-application-v26 .city-industry-heading{min-height: 54px;}
.city-application-v26 .city-industry-art{width: 54px; flex-basis: 54px;}
.city-application-v26 .city-industry h3{font-size: 19px;}
.city-application-v26 .city-faq-questions{gap: 11px;}
}
.has-city-application #workflow.workflow-section{min-height: 0px; padding-bottom: 36px; background: linear-gradient(180deg,var(--page) 0,#fbfcfd 90px,#fbfcfd calc(100% - 96px),#f5f9ff 100%);}
.has-city-application #city-faq-tabs-preview.city-application-v21{padding-top: 36px; background: linear-gradient(rgb(245, 249, 255) 0px, rgba(245, 249, 255, 0) 110px), radial-gradient(at 100% 160px, rgba(25, 199, 211, 0.08), transparent 34%), linear-gradient(rgb(245, 249, 255), rgb(249, 251, 255) 70%, rgb(255, 255, 255));}
@media (max-width: 780px) {.has-city-application #workflow.workflow-section{padding-bottom: 28px;}
.has-city-application #city-faq-tabs-preview.city-application-v21{padding-top: 28px;}
}

.has-city-application .site-nav{gap:18px}
@media(min-width:992px) and (max-width:1600px){.has-city-application .header-inner{gap:18px}.has-city-application .site-nav{gap:14px}.has-city-application .site-nav a{font-size:14px}.has-city-application .header-cta{padding-inline:18px}}
@media(min-width:992px) and (max-width:1280px){.has-city-application .header-inner{gap:10px}.has-city-application .site-nav{gap:10px}.has-city-application .site-nav a{font-size:13px}.has-city-application .brand-title{font-size:23px}.has-city-application .brand small{font-size:10px}.has-city-application .header-cta{padding-inline:12px;font-size:13px}}
@media(max-width:991px){.has-city-application .site-nav{gap:0}}
