:root{--ink:#17212b;--muted:#5c6670;--bg:#f7f9fb;--card:#fff;--line:#dfe5ea;--brand:#0b6e69;--brand2:#095752;--soft:#e9f5f3;--warn:#fff7e6;--max:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}a{color:var(--brand)}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.brand{font-weight:900;font-size:1.06rem;color:var(--ink);text-decoration:none;white-space:nowrap}.navlinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.navlinks a{text-decoration:none;color:var(--ink);font-weight:650;font-size:.94rem}.btn{display:inline-block;background:var(--brand);color:#fff!important;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:800;border:0;cursor:pointer}.btn:hover{background:var(--brand2)}.btn.secondary{background:#fff;color:var(--brand)!important;border:1px solid var(--brand)}.hero{padding:72px 0 50px;background:linear-gradient(180deg,#edf8f6 0%,#f7f9fb 100%)}.eyebrow{font-weight:850;color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}h1{font-size:clamp(2.15rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.04em;margin:.16em 0 .28em}h2{font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.15;letter-spacing:-.02em;margin-top:1.6em}h3{line-height:1.25;margin-top:1.4em}.lead{font-size:1.08rem;color:#33404c;max-width:760px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 28px rgba(16,30,40,.04)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}section{padding:44px 0}.quick{background:#fff;border:1px solid var(--line);border-left:5px solid var(--brand);padding:20px 22px;border-radius:12px}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{background:#eff5f5}ul.check{list-style:none;padding:0}ul.check li{padding:6px 0}ul.check li:before{content:"✓";font-weight:900;color:var(--brand);margin-right:9px}.cta{background:#122d2b;color:#fff;border-radius:18px;padding:30px}.cta h2{margin-top:0;color:#fff}.cta p{color:#d9e9e7}.breadcrumbs{font-size:.9rem;margin:20px 0;color:var(--muted)}.breadcrumbs a{text-decoration:none}.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 16px;margin:9px 0}.faq summary{cursor:pointer;font-weight:800}.badge{display:inline-block;background:var(--soft);color:var(--brand2);padding:5px 9px;border-radius:999px;font-size:.8rem;font-weight:800}.notice{background:var(--warn);border:1px solid #efdca7;border-radius:12px;padding:18px}.assessment-box label{display:block;font-weight:800;margin:14px 0 5px}.assessment-box select,.assessment-box input{width:100%;padding:12px;border:1px solid #bdc8d0;border-radius:9px;background:#fff;font:inherit}.site-footer{background:#101a22;color:#dce3e8;padding:46px 0 30px;margin-top:50px}.site-footer a{color:#dce3e8;text-decoration:none}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.small{font-size:.88rem}.langswitch{font-size:.9rem;display:flex;gap:8px;flex-wrap:wrap}.langswitch a{padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)!important;text-decoration:none;font-weight:700}.langswitch a.active{background:var(--soft);border-color:#b8ddd9;color:var(--brand2)!important}@media (max-width:850px){.grid,.grid.two,.footer-grid{grid-template-columns:1fr}.navlinks a:not(.btn){display:none}.hero{padding-top:48px}}

.page-visual{padding:24px 0 8px;text-align:center}.page-visual figure{margin:0 auto;max-width:700px}.page-visual img{display:block;width:100%;max-width:700px;height:auto;margin:0 auto;border-radius:16px;box-shadow:0 8px 28px rgba(16,30,40,.08)}.page-visual figcaption{margin-top:8px;font-size:.82rem;color:var(--muted)}

/* Priority 5: YMYL / E-E-A-T / trust layer */
.trust-section{padding:22px 0}.trust-box{background:#f2f7f6;border:1px solid #cfe1de;border-left:5px solid var(--brand);border-radius:14px;padding:18px 22px}.trust-box h2{font-size:1.15rem;margin:0 0 8px}.trust-box p{margin:7px 0}.trust-links{font-size:.9rem}.evidence-section{padding:24px 0}.evidence-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.evidence-box h2{margin-top:0;font-size:1.3rem}

/* Priority 7 internal-link architecture */
.priority7-related-links{padding:18px 0 34px}.related-links{border-top:1px solid #d9e0e6;padding-top:20px}.related-links h2{font-size:1.35rem;margin:0 0 14px}.related-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;list-style:none;padding:0;margin:0}.related-link-grid a{display:block;padding:10px 12px;border:1px solid #dbe3ea;border-radius:8px;text-decoration:none;background:#fff}.related-link-grid a:hover{text-decoration:underline}.related-locations .related-link-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:760px){.related-link-grid,.related-locations .related-link-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.related-link-grid,.related-locations .related-link-grid{grid-template-columns:1fr}}


/* UI cleanup 2026-09-07: compact sections, breadcrumb alignment, suppress Google Translate UI */
body{top:0!important}
/* Keep breadcrumbs aligned with the site logo/container and directly below the header. */
.breadcrumbs{width:min(var(--max),calc(100% - 36px));margin:10px auto 6px!important;padding:0!important;font-size:.88rem;line-height:1.4}
/* Language switch sits beneath breadcrumbs without creating another large band. */
.language-row{width:min(var(--max),calc(100% - 36px));margin:0 auto 8px!important;padding:0!important}
.language-row .langswitch{margin:0}
/* Reduce vertical whitespace across content sections. */
main>section{padding:20px 0}
main>section.hero{padding:42px 0 32px}
main>section.page-visual{padding:14px 0 6px}
main>section.trust-section{padding:14px 0}
main>section.evidence-section{padding:16px 0}
main>section.priority7-related-links{padding:14px 0 22px}
main>section h2{margin-top:0;margin-bottom:.55em}
main>section h3{margin-top:.7em;margin-bottom:.45em}
main>div[id^="phase"]>section{padding:20px 0}
main>div[id^="phase"]>section h2{margin-top:0;margin-bottom:.55em}
.site-footer{margin-top:26px}
/* The site has real EN/BM/Chinese pages, so Google Translate overlays are unnecessary. */
.goog-te-banner-frame,.goog-te-menu-frame,.goog-te-balloon-frame,.goog-te-gadget,.goog-te-gadget-simple,.goog-te-spinner-pos,.goog-tooltip,.goog-tooltip:hover,.skiptranslate,iframe[src*="translate.google"],iframe[src*="translate.googleapis"]{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important}
#goog-gt-tt,.goog-text-highlight{display:none!important;background:none!important;box-shadow:none!important}
html,body{position:static!important;top:0!important}
@media(max-width:850px){.breadcrumbs,.language-row{width:min(var(--max),calc(100% - 24px))}main>section{padding:16px 0}main>section.hero{padding:32px 0 24px}}

/* UI cleanup v2 2026-09-07: force visible breadcrumb placement and compact content rhythm */
.site-header{position:sticky;top:0;z-index:999;background:#fff}
.header-context{border-top:1px solid var(--line);background:#f8fbfb}
.header-context-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}
.header-context .breadcrumbs{width:auto;margin:0!important;padding:7px 0;font-size:.82rem;line-height:1.25;flex:1;min-width:0}
.header-context .language-row{width:auto;margin:0!important;padding:0!important;flex:0 0 auto}
.header-context .langswitch{justify-content:flex-end;gap:5px}
.header-context .langswitch a{padding:2px 7px;font-size:.78rem}

/* Much tighter section spacing. Deliberately stronger than the first cleanup. */
main>section,main>div[id^="phase"]>section{padding:9px 0!important}
main>section.hero{padding:26px 0 20px!important}
main>section.page-visual{padding:8px 0 4px!important}
main>section.trust-section,main>section.evidence-section,main>section.priority7-related-links{padding:8px 0!important}
main section h2{margin:0 0 .28em!important;line-height:1.14}
main section h3{margin:.35em 0 .22em!important}
main section p{margin:.38em 0!important}
main section ul,main section ol{margin:.4em 0!important}
main section .card{margin:7px 0!important}
main section .quick{margin:7px 0!important}
main section figure{margin:4px 0 8px!important}
main>div[id^="phase"]{margin:0!important;padding:0!important}
.site-footer,footer{margin-top:18px!important;padding-top:26px!important}

/* Suppress Google Translate injected UI. Site uses native EN/BM/ZH pages instead. */
.goog-te-banner-frame,.goog-te-menu-frame,#goog-gt-tt,.goog-te-balloon-frame,.goog-te-spinner-pos,.goog-te-gadget,.goog-te-combo,iframe.goog-te-banner-frame,iframe.skiptranslate{display:none!important;visibility:hidden!important;height:0!important;width:0!important;opacity:0!important;pointer-events:none!important}
html,body{top:0!important;margin-top:0!important}
body>.skiptranslate{display:none!important}

@media(max-width:850px){
  .header-context-inner{align-items:flex-start;flex-direction:column;gap:2px;padding-top:4px;padding-bottom:5px}
  .header-context .breadcrumbs,.header-context .language-row{width:100%;margin:0!important}
  .header-context .langswitch{justify-content:flex-start}
  main>section,main>div[id^="phase"]>section{padding:7px 0!important}
  main>section.hero{padding:20px 0 16px!important}
}


/* UI spacing hardening v3, 2026-09-07
   Apply globally, including sections outside <main> and nested sections. */
body{line-height:1.5!important}
section{padding:4px 0!important;margin:0!important}
section+section{margin-top:0!important}
main section,body>section,.priority7-related-links,.trust-section,.evidence-section{padding-top:4px!important;padding-bottom:4px!important;margin-top:0!important;margin-bottom:0!important}
main>section.hero,.hero{padding:18px 0 14px!important}
.page-visual{padding:4px 0 2px!important}
.container>h2:first-child,.container>h3:first-child{margin-top:0!important}
h2{margin:.18em 0 .20em!important;line-height:1.12!important}
h3{margin:.22em 0 .18em!important;line-height:1.18!important}
p{margin:.20em 0!important}
ul,ol{margin:.24em 0!important}
li{margin:.08em 0!important}
.card,.quick,.notice,.trust-box,.evidence-box{margin:4px 0!important}
.grid{margin:4px 0!important}
table{margin:4px 0!important}
.faq details{margin:4px 0!important;padding:9px 14px!important}
.priority7-related-links{padding:5px 0 8px!important}
.related-links{padding-top:6px!important}
.related-links h2{margin:0 0 5px!important}
.site-footer,footer{margin-top:8px!important;padding-top:18px!important;padding-bottom:18px!important}
@media(max-width:850px){
  section,main section,body>section,.priority7-related-links,.trust-section,.evidence-section{padding:3px 0!important}
  main>section.hero,.hero{padding:14px 0 10px!important}
  h2{margin:.14em 0 .16em!important}
  h3{margin:.18em 0 .14em!important}
  p{margin:.16em 0!important}
}

/* Phase 4 v4: cache-busted global compact rhythm. */
main section,
main > section,
main > div > section,
main > div[id] > section,
body main section {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
main section + section,
main > div + section,
main > section + div,
main > div + div { margin-top: 0 !important; }
main section .container { margin-top: 0 !important; margin-bottom: 0 !important; }
main section h2 { margin: .18rem 0 .22rem !important; line-height: 1.13 !important; }
main section h3 { margin: .25rem 0 .18rem !important; }
main section p { margin: .22rem 0 !important; }
main section ul, main section ol { margin: .25rem 0 !important; }
main section li { margin: .08rem 0 !important; }
main section .card, main section .quick, main section .notice { margin: .3rem 0 !important; }
main section .card { padding: 14px !important; }
main section table { margin: .3rem 0 !important; }
main section figure { margin: .2rem 0 .3rem !important; }
main .trust-box, main .evidence-box { padding: 12px 14px !important; }
main .trust-box p, main .evidence-box p { margin: .18rem 0 !important; }
main .hero { padding: 12px 0 10px !important; }
main .page-visual { padding: 2px 0 !important; }
main .trust-section, main .evidence-section, main .priority7-related-links { padding: 2px 0 !important; }
main .cta { padding: 14px 18px !important; }
.site-footer, footer { margin-top: 8px !important; padding-top: 14px !important; padding-bottom: 14px !important; }
@media (max-width:850px){
  main section, main > section, main > div > section, main > div[id] > section { padding: 1px 0 !important; }
  main section h2 { margin: .12rem 0 .18rem !important; }
  main section p { margin: .18rem 0 !important; }
}