.xpeng-tool-directory,.xpeng-journey-next{width:min(calc(100% - 36px),1240px);margin:28px auto 38px;padding:28px;border:1px solid #34576a;border-radius:20px;background:#0c1c2a;color:#edf8fc}
.xpeng-tool-directory header small,.xpeng-journey-next small{font-size:11px;letter-spacing:.14em;font-weight:800;color:#9ce4f4}
.xpeng-tool-directory h2,.xpeng-journey-next h2{font-size:clamp(26px,3vw,36px);line-height:1.15;margin:10px 0;color:#fff}
.xpeng-tool-directory header p,.xpeng-journey-next p{max-width:76ch;line-height:1.65;color:#c5dce7}
.xpeng-tool-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.xpeng-tool-directory__grid>a{display:flex;flex-direction:column;padding:20px;border:1px solid #34576a;border-radius:12px;text-decoration:none;background:#112636;min-width:0}
.xpeng-tool-directory__grid span{font-size:10px;letter-spacing:.08em;color:#9ce4f4;font-weight:800}
.xpeng-tool-directory h3{font-size:21px;line-height:1.25;margin:12px 0;color:#fff}
.xpeng-tool-directory__grid p{font-size:14px;line-height:1.6;color:#c5dce7;margin:0 0 18px}
.xpeng-tool-directory__grid b{font-size:13px;color:#9ce4f4;margin-top:auto;line-height:1.5}
.xpeng-tool-directory__grid a:hover{border-color:#9ce4f4;background:#17394b}
.xpeng-tool-directory a:focus-visible,.xpeng-journey-next a:focus-visible{outline:3px solid #9ce4f4;outline-offset:4px}
.xpeng-journey-next a{display:inline-flex;align-items:center;min-height:44px;margin:4px 16px 4px 0;color:#9ce4f4;font-weight:750;line-height:1.5}
#charging-calculator{scroll-margin-top:100px}
#charge-tool-results[hidden]{display:none!important}
@media(max-width:1000px){.xpeng-tool-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.xpeng-tool-directory,.xpeng-journey-next{padding:20px;margin:22px auto}.xpeng-tool-directory__grid{grid-template-columns:1fr}.xpeng-tool-directory__grid>a{padding:20px}.xpeng-journey-next a{display:flex;margin-right:0}}
@media(max-width:560px){main:has(.xpeng-tool-directory)>.hero h1,main:has(#support-pack-form)>.hero h1,main:has(#xpeng-contact-route)>.hero h1{font-size:36px;line-height:1.08;letter-spacing:-.035em}}