/* UI POLISH-01: shared presentation only. No pricing, API, or availability rules. */
:root{--jd-navy:#071e2e;--jd-ink:#142f43;--jd-gold:#e2c48b;--jd-muted:#bacbd5;--jd-radius:8px}
body .site-header{background:#071e2e;border-bottom:1px solid #496172;color:#f3f2ec}
body .site-header .site-header-inner{width:min(1320px,calc(100% - 64px));min-height:84px;gap:16px}
body .site-header .site-logo img{width:144px;height:64px;object-fit:contain}
body .site-header .site-desktop-nav{gap:18px}
body .site-header .site-desktop-nav a{color:#e7edf0;font-size:13px;line-height:1.5;letter-spacing:.02em;font-weight:500}
body .site-header .jd-languages{border:1px solid #5d7382;background:#112e41;border-radius:6px;padding:3px}
body .site-header .jd-languages button{font-size:13px;min-width:36px;min-height:36px;color:#e8eef1;padding:0 6px}
body .site-header .jd-languages button.active{background:#e2c48b;color:#071e2e}
body .site-header .site-book{font-size:14px;line-height:1.4;min-height:44px;padding:10px 16px;border:1px solid #c5a56e;border-radius:6px;background:#e2c48b;color:#071e2e;box-shadow:none}
body .site-header .site-help{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#e8d2aa;font-size:14px;line-height:1.4;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
body .site-header .site-menu-button{width:40px;height:40px;color:#e8eef1;background:#112e41;border-color:#5d7382}
body .site-header .site-mobile-nav{background:#071e2e}
body .site-header .site-mobile-nav a{font-size:15px;min-height:44px;line-height:1.5;color:#e7edf0}
body .service-page #main-content h1{font-family:Georgia,'Noto Sans Thai','Noto Sans SC',serif;font-size:clamp(32px,3.6vw,52px);line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
body .service-page:lang(th) #main-content h1,body .service-page:lang(zh-Hans) #main-content h1{font-family:Arial,'Noto Sans Thai','Noto Sans SC',sans-serif;line-height:1.4;letter-spacing:normal}
body .service-page .service-lead,body .service-page .service-content p,body .service-page .service-content li,body .service-page .service-faq p{font-size:16px;line-height:1.8}
body .service-page .service-actions a{min-height:44px;font-size:14px;line-height:1.5;border-radius:6px}
body .service-page .service-policy-links a,body .policy-page .policy-cta a{font-size:14px;line-height:1.6;min-height:44px;display:inline-flex;align-items:center}
body .jd-home .hb-form label{font-size:13px;line-height:1.5}
body .jd-home .hb-form input,body .jd-home .hb-form select{font-size:15px;min-height:44px}
body .jd-home .hb-heading h2{font-size:24px;line-height:1.4}
body .jd-home .hb-submit{font-size:14px;min-height:44px;line-height:1.4}
body .jd-home .hb-note,body .jd-home .hb-other{font-size:13px;line-height:1.7}
body .jd-home .jd-section-head>p,body .jd-home .jd-path-grid p,body .jd-home .jd-proof-process p,body .jd-home .jd-location-section p{font-size:15px;line-height:1.8}
body .jd-home .jd-footer p,body .jd-home .jd-footer a,body .jd-home .jd-footer span{font-size:14px;line-height:1.7}
body .jd-home .jd-footer strong{font-size:14px}
body .jd-home .jd-service-paths .jd-section-head>div>span{font-size:12px}
body :is(.service-page,.jd-home,.route-service-page) .service-image-note{font-size:13px;line-height:1.7}
body .service-page .service-bottom-cta{border-radius:8px}
body .service-page .motorbike-info-hero{width:min(1240px,calc(100% - 64px));margin:32px auto 0;padding:36px;border:1px solid #456171;border-radius:10px;background:#071e2e;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;color:#f1f1eb}
body .motorbike-info-hero h1{color:#f3eddf}
body .motorbike-info-hero .service-eyebrow{font-size:12px;color:#e2c48b}
body .motorbike-info-hero .service-lead,body .motorbike-info-hero .service-hero-copy>p{color:#d6e1e7;font-size:15px;line-height:1.8}
body .motorbike-info-hero .service-actions{gap:10px}
body .motorbike-info-hero .service-secondary{color:#e8d2a6;background:#112f43;border:1px solid #69818f}
body .motorbike-info-visual{min-width:0;margin:0;border-radius:8px;overflow:hidden;background:#112f43;border:1px solid #456171}
body .motorbike-info-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
body .motorbike-info-visual figcaption{padding:12px 16px;color:#d5e0e5;font-size:12px;line-height:1.6}
body .motorbike-info-details{grid-template-columns:minmax(0,1fr);max-width:1000px}
@media(max-width:760px){
 body .site-header .site-header-inner{width:calc(100% - 28px);min-height:76px;gap:8px}
 body .site-header .site-logo img{width:108px;height:54px}
 body .site-header .jd-languages{margin-left:auto;padding:2px}
 body .site-header .jd-languages button{min-width:30px;min-height:36px;padding:0 4px;font-size:12px}
 body .site-header .site-help{font-size:12px;min-height:40px}
 body .service-page #main-content h1{font-size:32px;line-height:1.25}
 body .service-page:lang(th) #main-content h1,body .service-page:lang(zh-Hans) #main-content h1{font-size:30px;line-height:1.4}
 body .service-page .service-lead{font-size:15px}
 body .jd-home .hb-form input,body .jd-home .hb-form select{font-size:16px}
 body .jd-home .hb-heading h2{font-size:22px}
 body .service-page .motorbike-info-hero{width:calc(100% - 28px);grid-template-columns:1fr;gap:24px;padding:26px 20px;margin-top:20px}
 body .motorbike-info-visual img{aspect-ratio:16/10}
}