/* BYD Ti7 international hub and market guides. Scoped to .ti7-page. */
.ti7-page{--t-blue:#17609b;--t-navy:#10243a;--t-line:#dce5ee;--t-light:#f3f7fb;--t-muted:#53647a;color:#23344a;background:#fff}
.ti7-page *{box-sizing:border-box}
.ti7-page .t-container{width:min(1160px,calc(100% - 36px));margin-inline:auto}
.ti7-page .t-breadcrumb{padding:23px 0 5px;color:#66768a;font-size:13px}
.ti7-page .t-breadcrumb a{color:#345777;text-decoration:none}
.ti7-page .t-breadcrumb a:hover{text-decoration:underline}
.ti7-page .t-breadcrumb span{margin:0 8px;color:#96a3b3}
.ti7-page .t-hero{padding:22px 0 54px}
.ti7-page .t-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px, .97fr);gap:42px;align-items:center}
.ti7-page .t-kicker{display:inline-block;color:#246ba0;background:#e8f2fa;padding:7px 12px;font-size:12px;font-weight:800;border-radius:100px;letter-spacing:.045em;margin-bottom:17px}
.ti7-page h1{font-size:clamp(36px,4.2vw,57px);line-height:1.12;letter-spacing:-.035em;margin:0 0 18px;color:var(--t-navy)}
.ti7-page h2{font-size:clamp(26px,3vw,35px);margin:0 0 12px;color:var(--t-navy);letter-spacing:-.025em}
.ti7-page h3{font-size:20px;margin:0 0 9px;color:var(--t-navy)}
.ti7-page p{line-height:1.75}
.ti7-page .t-lead{font-size:18px;color:#4d5e71;margin:0 0 18px}
.ti7-page .t-meta{font-size:13px;color:#687b8f;margin-top:15px}
.ti7-page .t-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ti7-page .t-button{padding:12px 17px;text-decoration:none;border-radius:11px;background:#165c93;color:white;display:inline-flex;align-items:center;font-weight:750;font-size:14px}
.ti7-page .t-button.secondary{color:#174c73;background:#eaf2f8;border:1px solid #c8dae9}
.ti7-page .t-hero-image{margin:0;min-width:0}
.ti7-page .t-hero-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:19px;box-shadow:0 13px 34px rgba(14,32,54,.13)}
.ti7-page figcaption{color:#6c7e8d;font-size:12px;line-height:1.55;margin-top:8px}
.ti7-page .t-section{padding:60px 0;border-top:1px solid var(--t-line)}
.ti7-page .t-section.alt{background:#f5f8fb}
.ti7-page .t-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}
.ti7-page .t-section-head p{max-width:560px;margin:0;color:var(--t-muted)}
.ti7-page .t-countries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.ti7-page .t-country{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #dce5ee;border-radius:17px;overflow:hidden;text-decoration:none;box-shadow:0 4px 16px rgba(15,35,55,.035);transition:transform .16s,border-color .16s,box-shadow .16s}
.ti7-page .t-country:hover,.ti7-page .t-country:focus-visible{transform:translateY(-3px);border-color:#79aed5;box-shadow:0 12px 26px rgba(15,35,55,.12)}
.ti7-page .t-country img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.ti7-page .t-country-content{padding:17px 19px 20px;display:flex;flex:1;flex-direction:column}
.ti7-page .t-country-label{font-size:12px;color:#63768c;font-weight:650;margin-bottom:6px}
.ti7-page .t-country h3{margin-bottom:5px}
.ti7-page .t-country p{color:#5d7084;font-size:14px;margin:0 0 14px}
.ti7-page .t-country .t-link{margin-top:auto;color:#17609b;font-weight:760;font-size:14px}
.ti7-page .t-table-wrap{border-radius:16px;border:1px solid #d7e1eb;overflow-x:auto;background:white}
.ti7-page .t-table{border-collapse:collapse;width:100%;min-width:725px;font-size:14px}
.ti7-page .t-table th,.ti7-page .t-table td{padding:16px;text-align:left;border-bottom:1px solid #e1e9f0;vertical-align:top}
.ti7-page .t-table thead th{background:#143c5c;color:#fff;font-size:13px}
.ti7-page .t-table tbody tr:last-child th,.ti7-page .t-table tbody tr:last-child td{border-bottom:0}
.ti7-page .t-table tbody tr:nth-child(even){background:#f6f9fc}
.ti7-page .t-table a{color:#115886;font-weight:750}
.ti7-page .t-note{border-radius:13px;border:1px solid #c7dbea;border-left:4px solid #317da9;background:#eef5fa;padding:16px 20px;margin:23px 0;color:#34516a;font-size:14px}
.ti7-page .t-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0}
.ti7-page .t-stat{border:1px solid #dae5ed;background:#fff;border-radius:13px;padding:15px}
.ti7-page .t-stat .t-val{display:block;font-size:21px;color:#123d5c;font-weight:800}
.ti7-page .t-stat .t-stat-label{display:block;margin-top:4px;font-size:12px;color:#5e7182}
.ti7-page .t-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.ti7-page .t-panel{background:#fff;border:1px solid #dae5ed;border-radius:16px;padding:23px}
.ti7-page .t-panel p{margin:0;color:#566a7d}
.ti7-page .t-detail{max-width:900px}
.ti7-page .t-detail .t-feature-image{max-width:1100px;margin:10px auto 30px}
.ti7-page .t-feature-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.ti7-page .t-section-narrow{max-width:880px}
.ti7-page .t-quicknav{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0}
.ti7-page .t-quicknav a{display:inline-block;padding:7px 12px;border-radius:100px;border:1px solid #d1dfe9;background:#fff;color:#1c557b;text-decoration:none;font-size:13px;font-weight:700}
.ti7-page .t-quicknav a[aria-current="page"]{background:#174a70;border-color:#174a70;color:#fff}
.ti7-page .t-faq details{padding:16px 0;border-bottom:1px solid #dfe6ee}
.ti7-page .t-faq summary{font-size:17px;font-weight:750;color:#203e56;cursor:pointer}
.ti7-page .t-faq details p{margin-bottom:0}
.ti7-page .t-source{font-size:14px;color:#576b7f}
.ti7-page .t-source a{color:#155c94}
.ti7-page .t-bottom-nav{padding:20px;background:#eff5fa;border-radius:15px}
.ti7-page .t-bottom-nav a{color:#155c94;font-weight:750}
@media(max-width:950px){.ti7-page .t-hero-grid{grid-template-columns:1fr;gap:23px}.ti7-page .t-countries{grid-template-columns:repeat(2,minmax(0,1fr))}.ti7-page .t-section-head{display:block}.ti7-page .t-section-head p{margin-top:8px}}
@media(max-width:600px){.ti7-page .t-countries,.ti7-page .t-two{grid-template-columns:1fr}.ti7-page .t-stats{grid-template-columns:1fr 1fr}.ti7-page .t-hero{padding-bottom:35px}.ti7-page .t-section{padding:39px 0}.ti7-page .t-table th,.ti7-page .t-table td{padding:11px}.ti7-page .t-country img{aspect-ratio:16/9}}