:root{ --l-navy:#1F3A5F; --l-ink:#141A23; --l-text:#3D4652; --l-mute:#5E6773; --l-line:rgba(20,26,35,.12); --l-line2:rgba(20,26,35,.2); --l-tint:#F4F6F9; --l-red:#942525;
  --l-serif:'Source Serif 4','Noto Serif SC',Georgia,serif; --l-max:1200px; --l-pad:40px; }
.l-wrap{ max-width: calc(var(--l-max) + 2*var(--l-pad)); margin:0 auto; padding-left:var(--l-pad); padding-right:var(--l-pad); box-sizing:border-box; }
.l-page{ display:block; padding-top: 56px; padding-bottom: 88px; background:#fff; color:var(--l-ink); }

html body .site-header .header-inner, html body .site-footer .footer-inner, html body .site-footer .footer-bottom{ max-width: calc(var(--l-max) + 2*var(--l-pad)) !important; padding-left:var(--l-pad) !important; padding-right:var(--l-pad) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box; width:auto !important; }

.l-head{ max-width: 860px; }
.l-head h1{ font-family: 'General Sans', 'Noto Sans SC','Noto Sans Thai', system-ui, sans-serif; font-weight:600; font-size: clamp(34px, 3.3vw, 48px); line-height:1.06; letter-spacing:-.022em; color:var(--l-ink); margin:0 0 16px; text-align:left; }
.l-head h1 .gold{ color:inherit !important; }
html[lang="zh-Hans"] .l-head h1, html[lang="th"] .l-head h1{ letter-spacing:0; line-height:1.25; }
.l-lede{ font-size: 18px; line-height:1.55; color:var(--l-text); max-width: 640px; margin:0; }
.l-head::after{ content:''; display:block; width:40px; height:2px; background:var(--l-red); margin-top: 28px; }

.l-grid{ display:grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: 64px; margin-top: 44px; align-items:start; }
.l-grid-1{ grid-template-columns: minmax(0, 760px); }
.l-home .l-grid-1, .l-feature + .l-grid-1{ margin-top: 48px; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 40px; }
.l-col{ display:flex; flex-direction:column; gap: 28px; }
.l-blk h2{ font-size: 12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--l-navy); margin:0 0 8px; }
html[lang="zh-Hans"] .l-blk h2, html[lang="th"] .l-blk h2{ letter-spacing:.04em; font-size:13px; }
.l-blk p{ font-size:16px; line-height:1.62; color:var(--l-text); margin:0; max-width: 60ch; }
.l-how ul{ list-style:none; margin:0; padding:0; border-top:1px solid var(--l-line); }
.l-how li{ border-bottom:1px solid var(--l-line); }
.l-how a{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding: 12px 0; font-size:15.5px; font-weight:500; color:var(--l-navy) !important; text-decoration:none !important; }
.l-how a i{ font-style:normal; transition: transform .2s; color:var(--l-mute); }
.l-how a:hover i{ transform: translateX(4px); color:var(--l-red); }
.l-how a:hover{ color:var(--l-ink) !important; }


.l-vis{ margin:0; border:1px solid var(--l-line); border-radius: 10px; background:#fff; box-shadow: 0 1px 2px rgba(20,26,35,.04), 0 18px 40px -32px rgba(20,26,35,.35); overflow:hidden; }
.l-vis figcaption{ display:flex; justify-content:space-between; align-items:center; gap: 16px; padding: 12px 20px; border-bottom:1px solid var(--l-line); background: var(--l-tint); }
.l-cap{ font-size: 12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--l-navy); }
html[lang="zh-Hans"] .l-cap, html[lang="th"] .l-cap{ letter-spacing:.02em; }
.l-replay{ appearance:none; border:1px solid var(--l-line2); background:#fff; color:var(--l-text); font: 500 12px/1 'General Sans',system-ui,sans-serif; border-radius: 999px; padding: 6px 10px; cursor:pointer; }
.l-replay:hover{ border-color: var(--l-navy); color:var(--l-navy); }
.l-doc{ padding: 22px 24px 8px; font-family: var(--l-serif); font-size: 17px; line-height: 1.68; color: #1E2530; }
.l-doc p{ margin: 0 0 14px; }
.l-blank{ color: var(--l-mute); border-bottom: 1px dashed rgba(20,26,35,.35); }
.l-src{ display:inline-block; margin: 0 24px 18px; font-size: 13px; color: var(--l-mute) !important; text-decoration:none !important; }
.l-src:hover{ color: var(--l-navy) !important; text-decoration: underline !important; }
.l-index ol{ list-style:none; margin:0; padding: 8px 0; }
.l-index li a{ display:grid; grid-template-columns: 40px 1fr; gap: 8px; padding: 11px 24px; text-decoration:none !important; color: var(--l-ink) !important; font-family: var(--l-serif); font-size: 17px; line-height:1.4; border-bottom: 1px solid rgba(20,26,35,.06); }
.l-index li:last-child a{ border-bottom:0; }
.l-index li a:hover{ background: var(--l-tint); }
.l-index li a:hover .l-t{ text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--l-red); }
.l-n{ font-family: 'General Sans',system-ui,sans-serif; font-size: 12px; font-weight:600; color: var(--l-mute); padding-top: 4px; font-variant-numeric: tabular-nums; }

.l-js .l-write .w{ opacity:0; transition: opacity .16s ease; }
.l-js .l-write .w.on{ opacity:1; }
.l-write .w.cur{ box-shadow: 2px 0 0 var(--l-red); }
.l-write.done .w{ opacity:1; box-shadow:none; }


.l-stabs{ display:flex; flex-wrap:wrap; gap: 6px; padding: 14px 20px 0; }
.l-stabs:empty{ display:none; }
.l-stab{ appearance:none; font: 500 13px/1.2 'General Sans','Noto Sans SC','Noto Sans Thai',system-ui,sans-serif; color: var(--l-text); background:#fff; border:1px solid var(--l-line2); border-radius: 999px; padding: 7px 12px; cursor:pointer; }
.l-stab.on{ background: var(--l-navy); border-color: var(--l-navy); color:#fff; }
.l-slist{ list-style:none; margin:0; padding: 14px 20px 6px; display:grid; gap: 0; counter-reset: s; }
.l-sbtn{ appearance:none; width:100%; text-align:left; display:grid; grid-template-columns: 34px 1fr; align-items:center; gap: 8px; padding: 10px 6px; background:none; border:0; border-bottom:1px solid var(--l-line); font: 500 15.5px/1.35 'General Sans','Noto Sans SC','Noto Sans Thai',system-ui,sans-serif; color: var(--l-ink); cursor:pointer; opacity:0; transform: translateX(-6px); transition: opacity .25s, transform .25s; }
.l-sbtn.in, html:not(.l-js) .l-sbtn{ opacity:1; transform:none; }
.l-sbtn .l-n{ padding-top:0; }

.l-sbtn:hover{ color: var(--l-navy); }
.l-sbtn.on{ color: var(--l-navy); }
.l-sbtn.on .l-n{ color: var(--l-red); }
.l-sdet{ padding: 6px 26px 20px 60px; font-family: var(--l-serif); font-size: 16px; line-height: 1.6; color:#1E2530; min-height: 80px; }
.l-sdet p{ margin: 0 0 10px; }
.l-sdet .l-sl{ display:flex; flex-wrap:wrap; gap: 6px 18px; font-family:'General Sans',system-ui,sans-serif; font-size: 13.5px; }
.l-sdet .l-sl a{ color: var(--l-navy) !important; font-weight:500; text-decoration:none !important; }
.l-sdet .l-sl a:hover{ text-decoration: underline !important; }


.l-detail{ margin-top: 72px; max-width: 900px; }
.l-dlab{ font-size: 12px !important; font-weight:600 !important; letter-spacing:.12em; text-transform:uppercase; color: var(--l-mute) !important; margin: 0 0 10px !important; }
.l-group{ font-size: 13px !important; font-weight:600 !important; color: var(--l-navy) !important; margin: 30px 0 4px !important; letter-spacing:.02em; }
details.l-p{ border-top: 1px solid var(--l-line); }
details.l-p:last-child{ border-bottom: 1px solid var(--l-line); }
details.l-p > summary{ list-style:none; display:flex; justify-content:space-between; align-items:center; gap: 24px; padding: 17px 0; cursor:pointer; font-size: 18px; font-weight: 500; color: var(--l-ink); line-height:1.35; }
details.l-p > summary::-webkit-details-marker{ display:none; }
details.l-p > summary i{ flex:none; width: 14px; height: 14px; position:relative; }
details.l-p > summary i::before, details.l-p > summary i::after{ content:''; position:absolute; left:0; right:0; top:6px; height: 1.5px; background: var(--l-navy); transition: transform .2s; }
details.l-p > summary i::after{ transform: rotate(90deg); }
details.l-p[open] > summary i::after{ transform: rotate(0); }
details.l-p > summary:hover span{ color: var(--l-navy); }
details.l-p > summary:focus-visible{ outline: 2px solid var(--l-navy); outline-offset: 2px; }
.l-pb{ padding: 0 0 26px; max-width: 760px; color: var(--l-text); font-size: 16px; line-height: 1.65; }
.l-pb p, .l-pb li{ font-size: 16px !important; line-height: 1.65 !important; color: var(--l-text) !important; }
.l-pb p{ margin: 0 0 12px; } .l-pb ul, .l-pb ol{ margin: 0 0 14px; padding-left: 20px; }
.l-pb h3, .l-pb h4{ font-size: 16px !important; font-weight: 600; color: var(--l-ink) !important; margin: 16px 0 6px !important; }
.l-pb a{ color: var(--l-navy) !important; }
.l-pb .info-box, .l-pb .cta-box, .l-pb .card, .l-pb .pub-card, .l-pb .accred-card, .l-pb .guidance-item, .l-pb .faq-a, .l-pb .rules-panel, .l-pb .clause-block{ background: none !important; border: 0 !important; box-shadow:none !important; padding: 0 !important; margin: 0 0 12px !important; border-radius:0 !important; display:block !important; opacity:1 !important; transform:none !important; }
.l-pb .rules-step{ border:0 !important; border-left: 2px solid var(--l-line) !important; padding: 2px 0 2px 14px !important; margin: 0 0 12px !important; background:none !important; box-shadow:none !important; opacity:1 !important; transform:none !important; }
.l-pb .clause-text{ font-family: var(--l-serif); font-size: 16.5px; line-height: 1.7; color:#1E2530; background: var(--l-tint) !important; border:0 !important; border-left: 2px solid var(--l-navy) !important; padding: 14px 18px !important; border-radius: 0 !important; margin-bottom: 10px; }
.l-pb .clause-text em{ font-style: normal; color: var(--l-mute) !important; }
.l-pb .clause-label{ display:inline-block; font-size: 11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color: var(--l-navy) !important; background:none !important; border: 1px solid var(--l-line2); border-radius: 999px; padding: 3px 9px; margin-bottom: 10px; }
.l-pb .clause-note{ font-size: 14.5px; color: var(--l-mute); }
.l-pb .board-grid{ display:grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 24px !important; }
.l-pb .board-member{ background:none !important; border:0 !important; padding: 8px 0 !important; text-align:left !important; box-shadow:none !important; border-bottom: 1px solid var(--l-line) !important; border-radius:0 !important; opacity:1 !important; transform:none !important; }
.l-pb .board-avatar{ display:none !important; }
.l-pb .board-member h4{ margin: 0 !important; font-size: 15.5px !important; }
.l-pb .board-member .role, .l-pb .board-member .board-bio{ font-size: 14px !important; color: var(--l-mute) !important; text-align:left !important; }
.l-pb table{ width:100%; border-collapse: collapse; font-size: 14.5px; }
.l-pb th, .l-pb td{ text-align:left; padding: 8px 10px 8px 0; border-bottom: 1px solid var(--l-line); }
.l-pb .pub-grid{ display:block !important; }
.l-pb .pub-tag{ font-size: 11px; letter-spacing:.06em; text-transform: uppercase; color: var(--l-mute) !important; background:none !important; padding:0 !important; }
.l-pb .mem-cats{ display:flex !important; flex-wrap:wrap; gap: 6px; }
.l-pb .mem-cat{ border:1px solid var(--l-line2) !important; background:none !important; border-radius: 999px !important; padding: 5px 12px !important; font-size: 14px !important; color: var(--l-ink) !important; box-shadow:none !important; }
.l-pb .btn-p, .l-pb .btn-o, .l-pb .btn-nom, .l-form .btn-nom{ display:inline-block; background:none !important; color: var(--l-navy) !important; border: 1px solid var(--l-navy) !important; border-radius: 6px !important; padding: 8px 14px !important; font-size: 14px !important; font-weight:500 !important; text-decoration:none !important; margin: 4px 8px 4px 0 !important; box-shadow:none !important; }
.l-pb .faq-link{ display:block; margin-top: 8px; }


.l-form{ margin-top: 56px; }
.l-form > section{ background:none !important; padding: 0 !important; }
.l-form .section-inner{ max-width: none !important; padding: 0 !important; margin: 0 !important; }
.l-form .section-title{ text-align:left !important; font-size: 22px !important; font-weight: 600 !important; color: var(--l-ink) !important; margin: 0 0 16px !important; }
.l-form .gold-line, .l-form .section-sub{ display:none !important; }
.l-form form, .l-form .contact-grid, .l-form .access-form, .l-form .upload-panel{ max-width: 760px; margin-left:0 !important; }
.l-form .contact-grid{ max-width:none; }
.l-form .card, .l-form .sec-card, .l-form .how-step, .l-form .info-box{ opacity:1 !important; transform:none !important; }
.l-addr .l-doc{ font-size: 18px; }


.l-feature{ margin-top: 40px; }
.l-feature .e-panel{ margin-top:0; border-color: var(--l-line); border-radius: 10px; box-shadow: 0 1px 2px rgba(20,26,35,.04), 0 24px 48px -36px rgba(20,26,35,.30); }
.l-feature .e-ctl{ padding: 20px 24px; gap: 12px; }
.l-feature .e-ph a{ color: var(--l-navy) !important; }
.l-feature .e-n{ background: var(--l-navy); }
.l-feature .e-opt.on{ background: var(--l-navy); border-color: var(--l-navy); }
.l-feature .e-doc{ background: var(--l-tint); padding: 20px 28px 18px; }
.l-feature .e-ctext{ font-family: var(--l-serif); font-size: 16.5px; line-height: 1.68; color:#1E2530; }
.l-feature .e-ctext .e-fill{ background: rgba(148,37,37,.06); border-bottom-color: var(--l-red); }
@keyframes eflash{ 0%{ background: rgba(148,37,37,.22);} 100%{ background: rgba(148,37,37,.06);} }
.l-feature .e-step.on{ border-color: var(--l-navy); box-shadow: inset 0 2px 0 var(--l-navy); }
.l-feature .e-step.on .e-sn{ color: var(--l-red); } .l-feature .e-step.on .e-sn::before{ background: var(--l-red); }
.l-feature .e-prog{ padding: 16px 24px; }
.l-feature .e-dl a{ color: var(--l-navy) !important; }


.l-why{ margin-top: 88px; padding-top: 40px; border-top: 1px solid var(--l-line); }
.l-why > h2{ font-size: clamp(28px, 2.6vw, 38px) !important; font-weight:600 !important; letter-spacing:-.02em; line-height:1.1; color: var(--l-ink) !important; margin: 0 0 28px !important; text-align:left !important; }
.l-why3{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 40px; }
.l-why3 h3{ font-size: 13px !important; font-weight:600 !important; letter-spacing:.12em; text-transform:uppercase; color: var(--l-navy) !important; margin: 0 0 8px !important; }
.l-why3 p{ margin:0; font-size: 16px; line-height:1.55; color: var(--l-text); }

@media (max-width: 1100px){
  .l-grid{ grid-template-columns: 1fr; gap: 40px; }
  .l-home .l-grid-1, .l-feature + .l-grid-1{ grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 600px){
  :root{ --l-pad: 20px; }
  .l-page{ padding-top: 32px; padding-bottom: 64px; }
  .l-head h1{ font-size: 32px; }
  html[lang="zh-Hans"] .l-head h1, html[lang="th"] .l-head h1{ font-size: 27px; }
  .l-lede{ font-size: 16.5px; }
  .l-head::after{ margin-top: 22px; }
  .l-grid{ margin-top: 32px; }
  .l-doc{ padding: 18px 18px 6px; font-size: 16px; }
  .l-vis figcaption{ padding: 10px 16px; }
  .l-index li a{ padding: 10px 16px; font-size: 16px; grid-template-columns: 32px 1fr; }
  .l-slist{ padding: 10px 14px 4px; } .l-sdet{ padding: 6px 16px 16px 16px; }
  .l-detail{ margin-top: 56px; }
  details.l-p > summary{ font-size: 16.5px; padding: 15px 0; }
  .l-pb .board-grid{ grid-template-columns: 1fr; }
  .l-why{ margin-top: 64px; } .l-why3{ grid-template-columns: 1fr; gap: 20px; }
  .l-src{ margin: 0 18px 16px; }
}
@media (prefers-reduced-motion: reduce){ .l-js .l-write .w{ opacity:1; transition:none; } .l-sbtn{ opacity:1; transform:none; transition:none; } }

.l-how p{ margin: 0 0 10px; font-size: 15px; }
.l-feature .e-cwrap{ min-height:0; } .l-feature .e-ctext{ position:static; overflow:visible; max-height:none; padding: 14px 4px 6px 0; }

.l-index .l-t small{ display:block; font-family:'General Sans','Noto Sans SC','Noto Sans Thai',system-ui,sans-serif; font-size: 14px; color: var(--l-mute); margin-top: 2px; }


:root, html{ --red:#1F3A5F !important; --red-rgb:31,58,95 !important; --accent-rgb:31,58,95 !important; --accent2-rgb:31,58,95 !important; --sheen-rgb:31,58,95 !important;
  --gold:#1F3A5F !important; --gold-dark:#1F3A5F !important; --gold-muted:#1F3A5F !important; --gold-light:#1F3A5F !important; --accent-text:#1F3A5F !important;
  --btn-bg:#1F3A5F !important; --btn-bg-hover:#162B47 !important; --gold-pale:#F4F6F9 !important; --pale-rgb:244,246,249 !important; --cream:#FFFFFF !important; --off-white:#FFFFFF !important; --light-gray:#F4F6F9 !important; }
.l-page [style*="cream"], .l-page [style*="gold-pale"]{ background:#fff !important; }


.l-home .l-head{ max-width:none; display:grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: 64px; align-items:end; }
.l-home .l-head h1{ margin:0; }
.l-home .l-head .l-lede{ max-width: 460px; justify-self:start; }
.l-home .l-head::after{ display:none; }
.l-home .l-feature{ margin-top: 44px; }

.l-home .e-routes ul{ list-style:none; margin: 56px 0 0; padding:0; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); column-gap: 40px; border-top:0; border-bottom:0; }
.l-home .e-routes li{ border-left:0 !important; border-top: 1px solid var(--l-line) !important; }
.l-home .e-route{ display:grid; grid-template-columns: 34px 1fr auto; grid-template-rows: auto; align-items:baseline; column-gap: 6px; padding: 16px 0 !important; background:none !important; }
.l-home .e-route:hover{ background:none !important; }
.l-home .e-rn{ grid-column:1; grid-row:1; font-size:12px; color: var(--l-mute); }
.l-home .e-rt{ grid-column:2; grid-row:1; margin:0; font-size: 17px; font-weight: 500; color: var(--l-ink); }
.l-home .e-rs{ display:none !important; }
.l-home .e-route i{ grid-column:3; grid-row:1; color: var(--l-mute); }
.l-home .e-route:hover i{ color: var(--l-red); }
.l-home .e-route:hover .e-rt{ text-decoration-color: var(--l-red); color: var(--l-navy); }
@media (max-width: 1100px){ .l-home .l-head{ grid-template-columns: 1fr; gap: 16px; } .l-home .e-routes ul{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px){ .l-home .e-routes ul{ grid-template-columns: 1fr; margin-top: 40px; } .l-home .e-route{ padding: 13px 0 !important; } }
:root, html{ --light-cream:#F4F6F9 !important; }
.l-page [style*="#faf6ec"], .l-page [style*="#FAF6EC"]{ background:#F4F6F9 !important; }


.l-head.l-split{ max-width:none; display:grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: 64px; align-items:end; }
.l-head.l-split h1{ margin:0; }
.l-head.l-split .l-lede{ max-width: 460px; }
.l-head.l-split::after{ display:none; }
.l-eye{ font-size: 13px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color: var(--l-navy); margin: 0 0 14px; }
html[lang="zh-Hans"] .l-eye, html[lang="th"] .l-eye{ letter-spacing:.04em; }
.l-feature{ margin-top: 44px; }
.l-trio{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 48px; margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--l-line); }
.l-trio-1{ grid-template-columns: minmax(0, 420px); }
.l-trio .l-blk p{ font-size: 16px; }
.l-vis{ border-radius: 12px; }
.l-replay{ font-size: 13px; padding: 7px 12px; }
.l-cap{ font-size: 13px; }


.l-sheet{ display:grid; grid-template-columns: minmax(0,8fr) minmax(0,4fr); }
.l-sheet-doc{ padding: 36px 48px 34px; background:#fff; min-width:0; }
.l-sheet-top{ display:flex; align-items:center; gap: 12px; }
.l-sheet-top .l-replay{ margin-left:auto; }
.l-chip{ font-size: 13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color: var(--l-navy); border:1px solid var(--l-line2); border-radius: 999px; padding: 4px 11px; }
.l-sheet-no{ font-size: 14px; font-weight:600; color: var(--l-mute); font-variant-numeric: tabular-nums; }
.l-sheet-t{ font-family: var(--l-serif); font-weight: 500; font-size: 28px; line-height:1.2; color: var(--l-ink); margin: 18px 0 18px; letter-spacing: -.005em; }
.l-sheet .l-doc{ padding:0; font-size: 19px; line-height: 1.72; max-width: 66ch; }
.l-sheet .l-doc p{ margin: 0 0 16px; }
.l-blank{ transition: background .15s, border-color .15s; border-radius: 2px; }
.l-blank.hl{ background: rgba(148,37,37,.08); border-bottom: 1.5px solid var(--l-red); color: var(--l-ink); }
.l-sheet-m{ background: var(--l-tint); border-left: 1px solid var(--l-line); padding: 36px 32px; display:flex; flex-direction:column; gap: 28px; min-width:0; }
.l-m h4{ font-size: 13px !important; font-weight:600 !important; letter-spacing:.1em; text-transform:uppercase; color: var(--l-navy) !important; margin: 0 0 10px !important; }
html[lang="zh-Hans"] .l-m h4, html[lang="th"] .l-m h4{ letter-spacing:.03em; }
.l-m p{ margin:0; font-size: 15.5px; line-height:1.55; color: var(--l-text); }
.l-m p strong{ color: var(--l-ink); font-weight:600; }
.l-m a{ color: var(--l-navy) !important; font-weight:500; }
.l-bchips{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap: 8px; }
.l-bchip{ appearance:none; font-family: var(--l-serif); font-size: 15px; line-height:1.3; color: var(--l-text); background:#fff; border: 1px dashed rgba(20,26,35,.35); border-radius: 6px; padding: 6px 10px; cursor:pointer; text-align:left; }
.l-bchip:hover, .l-bchip.on{ border-style: solid; border-color: var(--l-red); color: var(--l-ink); }
.l-sheet-go{ margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap: 12px; background: var(--l-navy); color:#fff !important; text-decoration:none !important; font-size: 15.5px; font-weight:500; padding: 14px 18px; border-radius: 8px; }
.l-sheet-go:hover{ background:#162B47; }
.l-sheet-go i{ font-style:normal; transition: transform .2s; } .l-sheet-go:hover i{ transform: translateX(4px); }


.l-track-top{ display:flex; align-items:center; gap: 16px; padding: 18px 28px; background: var(--l-tint); border-bottom: 1px solid var(--l-line); }
.l-track-top .l-stabs{ padding:0; flex:1; }
.l-track-top .l-cap{ flex:1; }
.l-stab{ font-size: 14px; padding: 8px 14px; }
.l-track-row{ list-style:none; margin:0; padding: 40px 28px 12px; display:grid; grid-template-columns: repeat(var(--n,6), minmax(0,1fr)); }
.l-track-row li{ position:relative; min-width:0; }
.l-track-row li::before{ content:''; position:absolute; top: 8px; left: 9px; right: -9px; height: 2px; background: var(--l-line); }
.l-track-row li:last-child::before{ display:none; }
.l-track-row li.done::before{ background: var(--l-navy); }
.l-tbtn{ appearance:none; background:none; border:0; padding: 0 14px 0 0; text-align:left; cursor:pointer; display:flex; flex-direction:column; gap: 8px; width:100%; font: inherit; opacity:0; transform: translateY(6px); transition: opacity .3s, transform .3s; }
.l-tbtn.in, html:not(.l-js) .l-tbtn{ opacity:1; transform:none; }
.l-tdot{ position:relative; z-index:1; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--l-navy); background:#fff; box-sizing:border-box; transition: background .2s, box-shadow .2s; }
.l-tbtn.on .l-tdot{ background: var(--l-navy); box-shadow: 0 0 0 5px rgba(31,58,95,.12); }
.l-tn{ font-size: 13px; font-weight:600; color: var(--l-mute); font-variant-numeric: tabular-nums; letter-spacing:.04em; }
.l-tt{ font-size: 16px; font-weight: 500; line-height:1.35; color: var(--l-ink); }
.l-tbtn:hover .l-tt, .l-tbtn.on .l-tt{ color: var(--l-navy); }
.l-tbtn.on .l-tn{ color: var(--l-red); }
.l-tbtn:focus-visible{ outline: 2px solid var(--l-navy); outline-offset: 4px; border-radius: 4px; }
.l-track-det{ display:grid; grid-template-columns: minmax(0,4fr) minmax(0,8fr); gap: 40px; padding: 28px 28px 36px; margin: 16px 28px 0; border-top: 1px solid var(--l-line); padding-left:0; padding-right:0; min-height: 150px; }
.l-track-det .l-dk{ font-size: 13px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color: var(--l-red); margin: 0 0 8px; }
.l-track-det h3{ font-size: 24px !important; font-weight: 600 !important; line-height:1.25; color: var(--l-ink) !important; margin:0 !important; }
.l-track-det .l-dt{ font-family: var(--l-serif); font-size: 19px; line-height:1.68; color:#1E2530; margin: 0 0 16px; }
.l-track-det .l-sl{ display:flex; flex-wrap:wrap; gap: 8px 24px; font-size: 15px; }
.l-track-det .l-sl a{ color: var(--l-navy) !important; font-weight:500; text-decoration:none !important; border-bottom: 1px solid rgba(31,58,95,.3); }
.l-track-det .l-sl a:hover{ border-bottom-color: var(--l-navy); }


.l-x-filt{ display:flex; flex-wrap:wrap; gap: 8px; padding: 16px 24px; border-bottom: 1px solid var(--l-line); }
.l-fchip{ appearance:none; font: 500 14px/1.2 'General Sans','Noto Sans SC','Noto Sans Thai',system-ui,sans-serif; color: var(--l-text); background:#fff; border:1px solid var(--l-line2); border-radius: 999px; padding: 7px 13px; cursor:pointer; }
.l-fchip.on{ background: var(--l-navy); border-color: var(--l-navy); color:#fff; }
.l-x-in{ display:grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); min-height: 380px; }
.l-x-list{ list-style:none; margin:0; padding: 10px 0; border-right: 1px solid var(--l-line); }
.l-x-list li[hidden]{ display:none; }
.l-x-it{ appearance:none; width:100%; background:none; border:0; border-left: 3px solid transparent; text-align:left; cursor:pointer; display:grid; grid-template-columns: 40px minmax(0,1fr); align-items:center; gap: 10px; padding: 12px 24px 12px 21px; font: 500 16px/1.35 'General Sans','Noto Sans SC','Noto Sans Thai',system-ui,sans-serif; color: var(--l-ink); }
.l-x-it:hover{ background: rgba(244,246,249,.7); }
.l-x-it.on{ background: var(--l-tint); border-left-color: var(--l-navy); color: var(--l-navy); }
.l-x-it .l-n{ padding-top:0; font-size: 13px; }
.l-x-it small{ display:block; font-size: 13.5px; font-weight:400; color: var(--l-mute); margin-top: 2px; }
.l-x-it:focus-visible{ outline: 2px solid var(--l-navy); outline-offset: -2px; }
.l-mono{ width: 40px; height: 40px; border-radius: 50%; background: var(--l-navy); color:#fff; display:grid; place-items:center; font-size: 13px; font-weight:600; letter-spacing:.02em; }
.l-x-it.on .l-mono{ background: var(--l-red); }
.l-x-pane{ padding: 40px 44px; display:flex; flex-direction:column; min-width:0; }
.l-x-meta{ font-size: 13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color: var(--l-navy); margin: 0 0 10px; min-height: 1em; }
.l-x-h{ font-family: var(--l-serif); font-size: 28px !important; font-weight: 500 !important; line-height:1.22; color: var(--l-ink) !important; margin: 0 0 16px !important; }
.l-x-txt{ font-family: var(--l-serif); font-size: 18.5px; line-height: 1.7; color:#1E2530; max-width: 60ch; }
.l-x-txt p{ margin:0; }
.l-x-go{ margin-top: 28px; align-self:flex-start; display:inline-flex; gap: 10px; align-items:center; font-size: 15px; font-weight:500; color: var(--l-navy) !important; text-decoration:none !important; border: 1px solid var(--l-navy); border-radius: 8px; padding: 10px 16px; }
.l-x-go:hover{ background: var(--l-navy); color:#fff !important; }
.l-x-go i{ font-style:normal; }
.l-x-qa .l-x-it{ font-family: var(--l-serif); font-weight: 500; font-size: 17px; }
.l-x-people .l-x-it{ grid-template-columns: 40px minmax(0,1fr); padding-top: 10px; padding-bottom: 10px; }


.l-contact{ margin-top: 44px; display:grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: 32px; align-items:start; }
.l-csheet{ padding: 36px 40px; }
.l-c-row + .l-c-row{ margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--l-line); }
.l-c-row h4{ font-size: 13px !important; font-weight:600 !important; letter-spacing:.1em; text-transform:uppercase; color: var(--l-navy) !important; margin: 0 0 8px !important; }
.l-c-v{ font-family: var(--l-serif); font-size: 20px; line-height:1.55; color: var(--l-ink); }
.l-c-v a{ color: var(--l-navy) !important; }
.l-cform{ border:1px solid var(--l-line); border-radius: 12px; padding: 36px 40px; background:#fff; box-shadow: 0 1px 2px rgba(20,26,35,.04), 0 18px 40px -32px rgba(20,26,35,.35); }
.l-cform h3{ font-family: 'General Sans',system-ui,sans-serif !important; font-size: 24px !important; font-weight: 600 !important; color: var(--l-ink) !important; margin: 0 0 8px !important; }
.l-cform .form-note{ font-size: 15px; color: var(--l-mute); margin: 0 0 24px; }
.l-cform form{ display:flex; flex-direction:column; gap: 16px; }
.l-cform .form-row{ display:grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.l-cform label{ display:flex; flex-direction:column; gap: 6px; font-size: 14px; font-weight:600; color: var(--l-ink); }
.l-cform input, .l-cform textarea{ font: 400 16px/1.4 'General Sans',system-ui,sans-serif; color: var(--l-ink); border: 1px solid var(--l-line2) !important; border-radius: 8px !important; padding: 12px 14px !important; background:#fff !important; box-shadow:none !important; width:100%; box-sizing:border-box; }
.l-cform textarea{ min-height: 140px; resize: vertical; }
.l-cform input:focus, .l-cform textarea:focus{ outline: 2px solid rgba(31,58,95,.25); border-color: var(--l-navy) !important; }
.l-cform .btn-p{ align-self:flex-start; background: var(--l-navy) !important; color:#fff !important; border:0 !important; border-radius: 8px !important; padding: 13px 22px !important; font-size: 15.5px !important; font-weight:500 !important; cursor:pointer; }

@media (max-width: 1100px){
  .l-head.l-split{ grid-template-columns: 1fr; gap: 16px; }
  .l-trio{ grid-template-columns: 1fr 1fr; gap: 36px; }
  .l-sheet{ grid-template-columns: 1fr; } .l-sheet-m{ border-left:0; border-top: 1px solid var(--l-line); }
  .l-x-in{ grid-template-columns: minmax(0,5fr) minmax(0,7fr); }
  .l-contact{ grid-template-columns: 1fr; }
  .l-track-det{ grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 700px){
  .l-trio{ grid-template-columns: 1fr; gap: 28px; margin-top: 40px; }
  .l-sheet-doc{ padding: 24px 20px; } .l-sheet-m{ padding: 24px 20px; gap: 22px; }
  .l-sheet-t{ font-size: 23px; margin: 14px 0; }
  .l-sheet .l-doc{ font-size: 17px; }
  .l-track-top{ padding: 14px 16px; flex-wrap: wrap; }
  .l-track-row{ grid-template-columns: 1fr; padding: 20px 16px 4px; gap: 0; }
  .l-track-row li::before{ top: 18px; bottom: -18px; left: 8px; right:auto; width: 2px; height:auto; }
  .l-tbtn{ flex-direction:row; align-items:center; gap: 12px; padding: 9px 0; }
  .l-tn{ min-width: 22px; }
  .l-track-det{ margin: 8px 16px 0; padding: 18px 0 24px; min-height:0; }
  .l-track-det h3{ font-size: 20px !important; } .l-track-det .l-dt{ font-size: 17px; }
  .l-x-in{ grid-template-columns: 1fr; min-height:0; }
  .l-x-list{ border-right:0; padding: 4px 0; }
  .l-x-it{ padding: 12px 16px 12px 13px; }
  .l-x-pane{ padding: 18px 16px 22px 16px; background: var(--l-tint); border-left: 3px solid var(--l-navy); }
  .l-x-h{ font-size: 22px !important; } .l-x-txt{ font-size: 17px; }
  .l-x-filt{ padding: 12px 16px; }
  .l-csheet, .l-cform{ padding: 24px 20px; }
  .l-c-v{ font-size: 18px; }
  .l-cform .form-row{ grid-template-columns: 1fr; }
}



.l-path{ position:relative; margin-top: 48px; border-radius: 16px; padding: 30px 32px 28px; overflow:hidden;
  background: radial-gradient(120% 140% at 0% 0%, #FFFFFF 0%, rgba(255,255,255,0) 55%), radial-gradient(90% 120% at 100% 100%, #E7EDF5 0%, rgba(231,237,245,0) 60%), linear-gradient(180deg, #F5F8FB 0%, #EEF2F7 100%);
  border: 1px solid rgba(31,58,95,.10); box-shadow: inset 0 1px 0 #fff, 0 30px 60px -48px rgba(20,26,35,.45); }
.l-path-h{ display:flex; align-items:baseline; justify-content:space-between; gap: 24px; margin: 0 0 26px; }
.l-path-h h2{ font-size: 26px !important; font-weight: 600 !important; letter-spacing: -.01em; color: var(--l-ink) !important; margin:0 !important; line-height:1.2; }
.l-path-h p{ margin:0; font-size: 14px; color: var(--l-mute); }
.l-path-row{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns: repeat(var(--n,6), minmax(0,1fr)); gap: 14px; position:relative; }
.l-path-row::before{ content:''; position:absolute; left: 30px; right: 30px; top: 31px; height: 2px; background: rgba(31,58,95,.16); border-radius: 2px; }
.l-path-row::after{ content:''; position:absolute; left: 30px; top: 31px; height: 2px; width: var(--fill, 0px); background: var(--l-navy); border-radius: 2px; transition: width .45s cubic-bezier(.2,.7,.2,1); }
.l-pp{ position:relative; z-index:1; min-width:0; }
.l-pbtn{ appearance:none; width:100%; text-align:left; cursor:pointer; font: inherit; display:grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; column-gap: 10px; row-gap: 6px; align-items:center;
  padding: 22px 16px 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,.95); background: rgba(255,255,255,.58); -webkit-backdrop-filter: blur(10px) saturate(1.2); backdrop-filter: blur(10px) saturate(1.2);
  box-shadow: 0 1px 1px rgba(20,26,35,.04), 0 10px 24px -18px rgba(20,26,35,.35); transition: background .2s, box-shadow .2s, transform .2s, border-color .2s; color: var(--l-ink); min-height: 100%; }
.l-pbtn:hover{ background: rgba(255,255,255,.85); transform: translateY(-2px); }
.l-pp.on .l-pbtn{ background:#fff; border-color: rgba(31,58,95,.35); box-shadow: 0 1px 2px rgba(20,26,35,.06), 0 18px 34px -22px rgba(31,58,95,.55); }
.l-pbtn:focus-visible{ outline: 2px solid var(--l-navy); outline-offset: 3px; }
.l-pdot{ grid-column:1; grid-row:1; width: 18px; height: 18px; border-radius:50%; background:#fff; border: 2px solid var(--l-navy); box-sizing:border-box; transition: background .2s, box-shadow .2s; }
.l-pp.done .l-pdot{ background: var(--l-navy); }
.l-pp.on .l-pdot{ background: var(--l-navy); box-shadow: 0 0 0 6px rgba(31,58,95,.14); }
.l-pnum{ grid-column:2; grid-row:1; font-size: 13px; font-weight:600; color: var(--l-mute); font-variant-numeric: tabular-nums; letter-spacing:.05em; }
.l-pt{ grid-column:1 / -1; grid-row:2; font-size: 16.5px; font-weight:600; line-height:1.3; color: var(--l-ink); margin-top: 6px; }
.l-pref{ grid-column:1 / -1; grid-row:3; font-size: 13px; font-weight:500; color: var(--l-navy); }
.l-pp.on .l-pt{ color: var(--l-navy); }
.l-pd{ display:none; }
.l-path-det{ margin-top: 18px; border-radius: 12px; background: rgba(255,255,255,.78); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.95);
  box-shadow: 0 1px 1px rgba(20,26,35,.04); padding: 26px 28px; min-height: 132px; }
.l-path-det .l-pd, .l-pd.inl{ display:grid; grid-template-columns: minmax(0,3fr) minmax(0,6fr) auto; gap: 32px; align-items:center; }
.l-path-det .l-pd.no-t{ grid-template-columns: minmax(0,9fr) auto; }
.l-plab{ display:block; font-size: 13px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color: var(--l-mute); margin-bottom: 6px; }
html[lang="zh-Hans"] .l-plab, html[lang="th"] .l-plab{ letter-spacing:.03em; }
.l-ptime strong{ display:block; font-family: var(--l-serif); font-weight: 500; font-size: 44px; line-height:1.05; color: var(--l-navy); letter-spacing:-.01em; }
.l-ptime > span:last-child{ display:block; font-size: 14px; line-height:1.45; color: var(--l-text); margin-top: 6px; }
.l-ptext p{ margin:0; font-family: var(--l-serif); font-size: 19px; line-height:1.6; color:#1E2530; }
.l-ptext p.l-psrc{ font-family: inherit; font-size: 14.5px; color: var(--l-text); margin-top: 12px; }
.l-ptext p.l-psrc .l-plab{ display:inline; margin: 0 10px 0 0; }
.l-pgo{ display:inline-flex; align-items:center; gap: 10px; white-space:nowrap; font-size: 15px; font-weight:500; color:#fff !important; background: var(--l-navy); text-decoration:none !important; border-radius: 8px; padding: 12px 16px; }
.l-pgo:hover{ background:#162B47; } .l-pgo i{ font-style:normal; transition: transform .2s; } .l-pgo:hover i{ transform: translateX(3px); }
.l-path-det .l-pd > *{ animation: lpIn .35s ease both; }
@keyframes lpIn{ from{ opacity:0; transform: translateY(6px); } to{ opacity:1; transform:none; } }
html.l-js .l-path:not(.in) .l-pp{ opacity:0; transform: translateY(10px); }
.l-pp{ transition: opacity .45s ease calc(var(--i)*90ms), transform .45s ease calc(var(--i)*90ms); }


.l-builder{ margin-top: 40px; }
.l-builder .e-n{ display:none; }
.l-builder .e-prog{ display:none !important; }
.l-builder .e-clause{ grid-template-columns: minmax(0,5fr) minmax(0,7fr); grid-template-areas: "ph ph" "proc proc" "seat doc" "rules doc" "trib doc"; grid-template-rows: auto auto auto auto 1fr; }
.l-builder .e-ctl{ display:contents; }
.l-builder .e-ctl > .e-ph{ grid-area: ph; padding: 22px 28px 0; }
.l-builder .e-ph a{ font-size: 20px !important; font-weight:600 !important; color: var(--l-ink) !important; text-decoration:none !important; }
.l-builder .e-ctl > .e-row{ padding: 0 28px; }
.l-builder .e-ctl > .e-row:nth-child(2){ grid-area: proc; padding-top: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--l-line); }
.l-builder .e-row[data-row="seat"]{ grid-area: seat; padding-top: 22px !important; }
.l-builder .e-row[data-row="rules"]{ grid-area: rules; padding-top: 14px !important; }
.l-builder .e-row[data-row="trib"]{ grid-area: trib; padding-top: 12px !important; padding-bottom: 26px !important; }
.l-builder .e-doc{ grid-area: doc; border-left: 1px solid var(--l-line); padding: 26px 32px 22px; }
.l-builder .e-lab{ font-size: 13px; color: var(--l-mute); }
.l-builder .e-row{ grid-template-columns: 84px minmax(0,1fr); }
.l-builder .e-opt{ font-size: 14px; padding: 8px 12px; }
.l-builder .e-ctext{ font-size: 18px !important; line-height: 1.7 !important; }
.l-builder .e-doc figcaption{ font-size: 14px; }
.e-map{ position:relative; display:block !important; width:100%; max-width: 420px; }
.e-mapimg{ display:block; width:100%; height:auto; opacity:.9; user-select:none; pointer-events:none; }
.e-city.e-opt{ position:absolute; display:flex; align-items:center; gap: 7px; padding: 0 !important; border:0 !important; background:none !important; transform: translate(-9px, -50%); white-space:nowrap; }
.e-city.e-cl.e-opt{ flex-direction: row-reverse; transform: translate(calc(-100% + 9px), -50%); }
.e-cdot{ flex: 0 0 auto; width: 18px; height: 18px; border-radius:50%; background:#fff; border: 2px solid var(--l-navy); box-sizing:border-box; box-shadow: 0 0 0 4px rgba(255,255,255,.85); transition: background .2s, box-shadow .25s; }
.e-clab{ font-size: 13.5px; font-weight:500; color: var(--l-ink); background: rgba(255,255,255,.92); border:1px solid rgba(20,26,35,.16); border-radius: 999px; padding: 4px 10px; line-height:1.2; transition: background .2s, color .2s, border-color .2s; }
.e-city:hover .e-clab{ border-color: var(--l-navy); }
.e-city.on .e-cdot{ background: var(--l-navy); box-shadow: 0 0 0 6px rgba(31,58,95,.18); }
.e-city.on .e-clab{ background: var(--l-navy); border-color: var(--l-navy); color:#fff; }
.e-city:disabled{ cursor:not-allowed; }
.e-city:focus-visible{ outline:none; } .e-city:focus-visible .e-clab{ outline: 2px solid var(--l-navy); outline-offset: 2px; }
.e-city:first-letter{ text-transform:none; }


.l-alive{ display:grid; grid-template-columns: minmax(0,8fr) minmax(0,4fr); }
.l-al-doc{ padding: 36px 48px 30px; min-width:0; }
.l-al-text{ font-family: var(--l-serif); font-size: 21px; line-height: 1.75; color:#1E2530; max-width: 62ch; }
.l-al-text p{ margin: 0 0 14px; }
.l-al-text p.l-al-opt{ font-family: 'General Sans',system-ui,sans-serif; font-size: 14px; color: var(--l-mute); margin: 18px 0 6px; }
.l-ph{ cursor: default; border-radius: 3px; padding: 1px 0; transition: background .18s, box-shadow .18s, color .18s; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.l-ph:hover, .l-ph.on, .l-ph:focus{ background: rgba(31,58,95,.10); box-shadow: 0 2px 0 var(--l-navy); color: var(--l-ink); outline:none; }
.l-al-hint{ margin: 20px 0 0; font-size: 13.5px; color: var(--l-mute); }
.l-al-side{ background: var(--l-tint); border-left: 1px solid var(--l-line); padding: 36px 30px; min-width:0; display:flex; flex-direction:column; }
.l-al-side h4{ font-size: 13px !important; font-weight:600 !important; letter-spacing:.1em; text-transform:uppercase; color: var(--l-navy) !important; margin: 0 0 18px !important; }
.l-al-steps{ list-style:none; margin:0; padding:0; position:relative; }
.l-al-steps li{ position:relative; display:grid; grid-template-columns: 18px 30px minmax(0,1fr) auto; align-items:center; gap: 10px; padding: 11px 0; transition: opacity .2s; }
.l-al-steps li::before{ content:''; position:absolute; left: 8px; top: 30px; bottom: -11px; width: 2px; background: rgba(31,58,95,.16); }
.l-al-steps li:last-child::before{ display:none; }
.l-adot{ position:relative; z-index:1; width: 18px; height: 18px; border-radius:50%; background:#fff; border: 2px solid var(--l-navy); box-sizing:border-box; transition: background .2s, box-shadow .2s; }
.l-anum{ font-size: 13px; font-weight:600; color: var(--l-mute); font-variant-numeric: tabular-nums; }
.l-at{ font-size: 15.5px; font-weight:500; color: var(--l-ink); line-height:1.3; }
.l-aref{ font-size: 13px; color: var(--l-navy) !important; text-decoration:none !important; white-space:nowrap; }
.l-alive.act .l-al-steps li{ opacity:.45; }
.l-alive.act .l-al-steps li.on{ opacity:1; }
.l-al-steps li.on .l-adot{ background: var(--l-navy); box-shadow: 0 0 0 6px rgba(31,58,95,.14); }
.l-al-steps li.on .l-at{ color: var(--l-navy); font-weight:600; }
.l-al-note{ margin-top: auto; padding-top: 22px; border-top: 1px solid var(--l-line); min-height: 108px; }
.l-al-note p{ margin:0; } .l-al-n{ font-family: var(--l-serif); font-size: 17px; line-height:1.55; color:#1E2530; } .l-al-r{ font-size: 13.5px; font-weight:600; color: var(--l-navy); margin-top: 8px !important; }

@media (max-width: 1100px){
  .l-path-row{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  .l-path-row::before, .l-path-row::after{ display:none; }
  .l-path-det .l-pd{ grid-template-columns: minmax(0,1fr) minmax(0,2fr); } .l-path-det .l-pgo{ grid-column: 1 / -1; justify-self:start; }
  .l-builder .e-clause{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .l-alive{ grid-template-columns: 1fr; } .l-al-side{ border-left:0; border-top: 1px solid var(--l-line); }
}
@media (max-width: 700px){
  .l-path{ padding: 22px 16px 18px; margin-top: 36px; }
  .l-path-h{ flex-direction:column; gap: 4px; margin-bottom: 16px; } .l-path-h h2{ font-size: 22px !important; }
  .l-path-row{ grid-template-columns: 1fr; gap: 8px; }
  .l-path-det{ display:none; }
  .l-pbtn{ grid-template-columns: 18px 26px minmax(0,1fr); grid-template-rows: auto auto; row-gap: 2px; padding: 14px 14px; }
  .l-pdot{ grid-row: 1 / span 2; } .l-pnum{ grid-column:2; grid-row: 1 / span 2; }
  .l-pt{ grid-column:3; grid-row:1; margin-top:0; font-size: 16px; } .l-pref{ grid-column:3; grid-row:2; }
  .l-pd.inl{ display:block; padding: 16px 14px 18px; margin-top: -4px; background: rgba(255,255,255,.85); border-radius: 0 0 12px 12px; border: 1px solid rgba(31,58,95,.35); border-top:0; }
  .l-pp.on .l-pbtn{ border-radius: 12px 12px 0 0; }
  .l-pd.inl .l-ptime strong{ font-size: 34px; } .l-pd.inl .l-ptext{ margin-top: 14px; } .l-pd.inl .l-ptext p{ font-size: 17px; } .l-pd.inl .l-pgo{ margin-top: 16px; }
  .l-builder .e-clause{ grid-template-columns: 1fr; grid-template-areas: "ph" "proc" "seat" "doc" "rules" "trib"; grid-template-rows: none; }
  .l-builder .e-ctl > .e-ph{ padding: 18px 16px 0; } .l-builder .e-ctl > .e-row{ padding: 0 16px; }
  .l-builder .e-row{ grid-template-columns: 1fr; }
  .l-builder .e-doc{ border-left:0; border-top: 1px solid var(--l-line); border-bottom: 1px solid var(--l-line); padding: 18px 16px; margin-top: 18px; }
  .e-map{ max-width:none; }
  .l-al-doc{ padding: 24px 20px; } .l-al-text{ font-size: 18px; } .l-al-side{ padding: 24px 20px; }
}

.l-pt{ min-height: 2.6em; display:flex; align-items:flex-end; }
.e-mchips{ display:none !important; }
.e-opt.is-na small{ font-size: 13px !important; }
@media (min-width: 1101px){ .l-trio:not(:has(> .l-blk:nth-child(3))){ grid-template-columns: minmax(0,2fr) minmax(0,1fr); } }
.e-cdot{ width: 14px; height: 14px; }
.e-city.e-opt{ transform: translate(-7px, -50%); } .e-city.e-cl.e-opt{ transform: translate(calc(-100% + 7px), -50%); }
.e-mapimg{ filter: contrast(1.25) brightness(.92); }
@media (max-width: 700px){
  .l-pbtn{ min-height:0; } .l-pt{ min-height:0; display:block; }
  .e-city .e-clab{ display:none; }
  .e-city.e-cl.e-opt{ transform: translate(-7px,-50%); flex-direction: row; }
  .e-mchips{ display:flex !important; margin-top: 12px; }
  .e-map{ max-width: 300px; margin: 0 auto; }
}
.l-ph{ text-decoration: underline dotted rgba(31,58,95,.35); text-underline-offset: 5px; text-decoration-thickness: 1px; }
.l-ph.on, .l-ph:hover{ text-decoration-color: transparent; }
@media (max-width: 700px){ .e-map{ max-width: 260px; } }
html body .site-footer .footer-bottom{ border-top:0 !important; background-image: linear-gradient(var(--l-line), var(--l-line)); background-size: calc(100% - 2*var(--l-pad)) 1px; background-position: center top; background-repeat:no-repeat; }
@media (min-width: 1101px){ .l-contact{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); } }
.l-c-v{ font-size: 18.5px; }
@media (max-width: 700px){ .l-track-top{ flex-direction: column-reverse; align-items: stretch; gap: 10px; } .l-track-top .l-replay{ align-self:flex-end; } }
@media (max-width: 700px){ .l-x-people .l-x-pane .l-x-meta, .l-x-people .l-x-pane .l-x-h{ display:none; } }

@media (max-width: 700px){ .l-trio-1{ grid-template-columns: 1fr; } }
#builder{ scroll-margin-top: 96px; }


.e-map{ max-width: 400px; }
.e-mapimg{ filter:none; opacity:1; }
.e-city.e-opt, .e-city.e-cl.e-opt, .e-city.e-sl.e-opt, .e-city.e-sr.e-opt{ position:absolute; width:0; height:0; padding:0 !important; margin:0; border:0 !important; background:none !important; transform:none; display:block; overflow:visible; }
.e-city .e-cdot{ position:absolute; left:-6px; top:-6px; width:12px; height:12px; border-width: 2px; box-shadow: 0 0 0 3px rgba(255,255,255,.95); }
.e-city.on .e-cdot{ box-shadow: 0 0 0 3px #fff, 0 0 0 7px rgba(31,58,95,.20); }
.e-lead{ position:absolute; left:0; top:0; height:1px; background: rgba(31,58,95,.55); transform-origin: 0 50%; pointer-events:none; }
.e-city .e-clab{ position:absolute; left: var(--dx); top: var(--dy); transform: translate(0,-50%); white-space:nowrap; }
.e-city.e-sl .e-clab{ transform: translate(-100%,-50%); }
.e-city:hover .e-cdot{ background: rgba(31,58,95,.25); }
@media (max-width: 700px){
  .e-map{ max-width: 280px; }
  .e-city .e-clab, .e-lead{ display:none !important; }
  .e-city .e-cdot{ left:-5px; top:-5px; width:10px; height:10px; }
}

.l-why{ margin-top: 72px; padding-top: 36px; }
.l-why h2{ margin-bottom: 28px !important; }
.l-why3{ gap: 40px !important; }
.l-why3 > div{ border-top: 2px solid var(--l-navy); padding-top: 16px; }
.l-why3 h3{ font-size: 13px !important; letter-spacing: .1em; text-transform: uppercase; color: var(--l-navy) !important; margin: 0 0 10px !important; }
.l-why3 p{ font-family: var(--l-serif); font-size: 18px !important; line-height: 1.6 !important; color: #1E2530 !important; margin: 0 0 12px !important; max-width: 36ch; }
.l-why3 .l-wsrc{ font-family: inherit; font-size: 13.5px !important; color: var(--l-mute) !important; margin:0 !important; }
.l-why3 .l-wsrc a{ color: var(--l-navy) !important; }
html[lang="th"] .l-why3 h3, html[lang="zh-Hans"] .l-why3 h3{ letter-spacing:.03em; }
.l-builder .e-row[data-row="seat"]{ grid-template-columns: 1fr; row-gap: 10px; }
.l-builder .e-row[data-row="seat"] .e-lab{ padding-top:0; }
.l-builder .e-map{ width: calc(100% - 64px); max-width: 440px; margin-left: 64px; }
.e-city .e-cdot{ left:-5px; top:-5px; width:10px; height:10px; }
@media (max-width: 700px){ .l-builder .e-map{ width:auto; max-width: 280px; margin: 0 auto; } }


html.l-js .l-x-full:not(.on){display:none}
.l-x-isfull .l-x-in{align-items:start}
.l-x-isfull .l-x-list{position:sticky;top:96px;max-height:calc(100vh - 128px);overflow:auto}
.l-x-panefull{padding:40px 48px 44px;min-height:0}
.l-x-full + .l-x-full{margin-top:0}
html:not(.l-js) .l-x-full + .l-x-full{border-top:1px solid #DCE3EB;margin-top:32px;padding-top:32px}
.l-x-full .l-x-h{margin-bottom:18px}
.l-x-body{padding:0 !important;max-width:68ch}
.l-x-body > :first-child{margin-top:0}
.l-x-body table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 20px}
.l-x-body th{text-align:left;font-weight:600;color:#1F3A5F;border-bottom:2px solid #1F3A5F;padding:9px 12px 9px 0}
.l-x-body td{border-bottom:1px solid #DCE3EB;padding:10px 12px 10px 0;vertical-align:top}
.l-x-full.fade{animation:lxf .35s ease}
@keyframes lxf{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.l-x-grp{font:600 12px/1.3 var(--l-sans,inherit);letter-spacing:.08em;text-transform:uppercase;color:#5A6B80;padding:18px 22px 6px;list-style:none}
.l-x-grp:first-child{padding-top:10px}
@media (max-width:860px){
  .l-x-isfull .l-x-list{position:static;max-height:none;overflow:visible}
  .l-x-panefull{padding:24px 20px 28px}
}

.l-ledger{padding:34px 40px 36px}
.l-lg-head,.l-lg li{display:grid;grid-template-columns:48px minmax(0,1.3fr) minmax(0,1fr) 32px;gap:16px;align-items:center}
.l-lg-head{font:600 12px/1 var(--l-sans,inherit);letter-spacing:.08em;text-transform:uppercase;color:#5A6B80;padding:18px 0 12px;border-bottom:2px solid #1F3A5F}
.l-lg{list-style:none;margin:0 0 26px;padding:0}
.l-lg li{padding:18px 0;border-bottom:1px solid #DCE3EB}
.l-lg-p{font:500 19px/1.3 var(--l-serif,Georgia,serif);color:#14243A}
.l-lg-d{font-size:15.5px;color:#33475E}
.l-lg-go{color:#1F3A5F;text-decoration:none;font-size:18px;justify-self:end}
.l-lg-go:hover{color:#942525}
@media (max-width:860px){
  .l-ledger{padding:22px 18px 24px}
  .l-lg-head{display:none}
  .l-lg li{grid-template-columns:36px minmax(0,1fr) 24px;row-gap:4px}
  .l-lg-p{grid-column:2}.l-lg-d{grid-column:2;grid-row:2}.l-lg-go{grid-column:3;grid-row:1/3}
}

.l-fwrap{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:48px;align-items:start;margin:8px 0 72px}
.l-fwrap-1{grid-template-columns:minmax(0,760px)}
.l-fside{position:sticky;top:96px;display:flex;flex-direction:column;gap:28px}
.l-fside .l-blk{margin:0}
.l-need{padding:26px 24px 22px;margin:0}
.l-need figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.l-need-c{font-size:13.5px;color:#5A6B80}.l-need-c b{color:#1F3A5F;font-weight:600}
.l-need.all .l-need-c b{color:#1d6b46}
.l-need-l{list-style:none;margin:0;padding:0;max-height:calc(100vh - 330px);overflow:auto}
.l-need-g{font:600 12px/1.3 var(--l-sans,inherit);letter-spacing:.08em;text-transform:uppercase;color:#5A6B80;padding:14px 0 6px}
.l-need-g:first-child{padding-top:0}
.l-need-l button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;padding:7px 4px;border-radius:6px;font-size:14.5px;line-height:1.35;color:#14243A}
.l-need-l button:hover{background:rgba(31,58,95,.06)}
.l-need-l button:focus-visible{outline:2px solid #1F3A5F;outline-offset:1px}
.l-need-l span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.l-need-l small{font-size:12px;color:#5A6B80;padding-top:1px}
.l-need-l i{width:16px;height:16px;margin-top:1px;border:1.5px solid #9AA8B8;border-radius:50%;box-sizing:border-box;position:relative;transition:.2s}
.l-need-l li.ok i{background:#1F3A5F;border-color:#1F3A5F}
.l-need-l li.ok i::after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.l-need-l li.ok span{color:#5A6B80}
.l-fcard{background:rgba(255,255,255,.82);border:1px solid #DCE3EB;border-radius:16px;box-shadow:0 1px 2px rgba(20,36,58,.04),0 12px 32px -18px rgba(20,36,58,.18);padding:40px 44px 44px}
.l-fcard section,.l-fcard .section,.l-fcard .access-section{padding:0 !important;margin:0 !important;background:none !important;color:inherit !important;border:0 !important}
.l-fcard .section-inner{max-width:none !important;padding:0 !important;margin:0 !important}
.l-fcard section + section{margin-top:28px !important}
.l-fcard h2{font:500 24px/1.25 var(--l-serif,Georgia,serif);color:#14243A !important;margin:0 0 10px}
.l-fcard p{color:#33475E !important}
.l-fcard form{display:block;max-width:none !important;margin:0 !important;padding:0 !important;background:none !important;box-shadow:none !important;border:0 !important}
.l-fcard label{display:block;font-size:14.5px;font-weight:500;color:#14243A !important;margin:18px 0 6px}
.l-fcard label span[style]{color:#942525 !important}
.l-fcard input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.l-fcard select,.l-fcard textarea{display:block;box-sizing:border-box;width:100% !important;max-width:none !important;font:inherit;font-size:15.5px;padding:11px 14px;border:1px solid #C5D0DC;border-radius:8px;background:#fff;color:#14243A;margin:0}
.l-fcard input:focus,.l-fcard select:focus,.l-fcard textarea:focus{outline:none;border-color:#1F3A5F;box-shadow:0 0 0 3px rgba(31,58,95,.14)}
.l-fcard input[type=checkbox]{width:18px;height:18px;accent-color:#1F3A5F;margin:2px 10px 0 0;flex:none}
.l-fcard .form-section-heading{font:600 12px/1.3 var(--l-sans,inherit);letter-spacing:.08em;text-transform:uppercase;color:#5A6B80;border-top:1px solid #DCE3EB;padding-top:22px;margin:30px 0 0}
.l-fcard .form-section-heading:first-of-type{border-top:0;padding-top:0;margin-top:4px}
.l-fcard button[type=submit],.l-fcard .btn,.l-fcard .access-btn{display:inline-flex;align-items:center;gap:8px;margin-top:26px;background:#1F3A5F !important;color:#fff !important;border:0;border-radius:999px;padding:13px 26px;font:600 15px/1 var(--l-sans,inherit);cursor:pointer;width:auto !important}
.l-fcard button[type=submit]:hover,.l-fcard .access-btn:hover{background:#16304F !important}
.l-fsteps{padding:26px 24px 24px;margin:0}
.l-fsteps ol{list-style:none;margin:6px 0 0;padding:0;position:relative}
.l-fsteps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:12px 0;position:relative}
.l-fsteps li:not(:last-child)::before{content:"";position:absolute;left:16px;top:46px;bottom:-6px;width:1.5px;background:#C5D0DC}
.l-fsn{width:34px;height:34px;border-radius:50%;border:1.5px solid #1F3A5F;display:grid;place-items:center;font:600 14px/1 var(--l-sans,inherit);color:#1F3A5F;background:#fff}
.l-fsteps h4{margin:5px 0 4px;font:600 15.5px/1.3 var(--l-sans,inherit);color:#14243A}
.l-fsteps p{margin:0;font-size:14.5px;line-height:1.5;color:#33475E}
.l-done{padding:44px 48px}
.l-done h1,.l-done h2{text-align:left !important}
.l-done *{text-align:left !important}
@media (max-width:1100px){.l-fwrap{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px}}
@media (max-width:860px){
  .l-fwrap{grid-template-columns:minmax(0,1fr);gap:24px}
  .l-fside{position:static}
  .l-need-l{max-height:none}
  .l-fside .l-need{display:none}
  .l-fcard{padding:26px 18px 28px;border-radius:14px}
  .l-done{padding:28px 20px}
}
.l-trio.l-trio-how{display:block !important}
.l-trio-how .l-how{display:flex;align-items:baseline;gap:32px;flex-wrap:wrap;max-width:none}
.l-trio-how .l-how h2{margin:0;flex:none}
.l-trio-how .l-how ul{display:flex;flex-wrap:wrap;gap:8px 36px;margin:0;padding:0;flex:1}
.l-trio-how .l-how li{border:0 !important;min-width:220px}
.l-x-body,.l-x-body *{text-align:left !important}
.l-x-body p[style*="center"],.l-x-body div[style*="center"]{text-align:left !important}
.l-x-body .faq-a{display:block !important;max-height:none !important;opacity:1 !important;padding:0 !important;overflow:visible !important}
.l-x-body thead,.l-x-body thead tr,.l-x-body th{background:none !important;color:#1F3A5F !important}
.l-fcard .form-check{display:flex;align-items:flex-start;gap:0;margin-top:16px}
.l-fcard .form-check label{margin:0 !important;font-weight:400;line-height:1.45}
.l-fcard input[type=file]{font-size:14.5px;color:#33475E;padding:0;border:0;background:none}
.l-fcard input[type=file]::file-selector-button{font:600 14px/1 var(--l-sans,inherit);background:#fff;color:#1F3A5F;border:1px solid #1F3A5F;border-radius:999px;padding:10px 18px;margin-right:14px;cursor:pointer}
.l-lg-all{display:inline-flex !important;width:auto !important}
@media (max-width:860px){
  .l-fside{display:contents}
  .l-fsteps{order:1}.l-fcard{order:2}.l-fside .l-how{order:3}
}
.l-nw{white-space:nowrap}


.e-mapimg{ -webkit-mask-image: linear-gradient(to right, transparent 0, #000 10%, #000 94%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 9%, #000 95%, transparent 100%);
  -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, transparent 0, #000 10%, #000 94%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 9%, #000 95%, transparent 100%); mask-composite: intersect; }
.l-builder .e-city.on .e-cdot{ box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(31,58,95,.22); }

html body .site-footer .footer-inner{ border-bottom:0 !important; }

.l-fwrap{ margin-top: 36px; }
@media (max-width:900px){ .l-fwrap{ margin-top: 24px; } }
.l-need-l{ max-height: calc(100vh - 300px); -webkit-mask-image: linear-gradient(#000 calc(100% - 28px), transparent); mask-image: linear-gradient(#000 calc(100% - 28px), transparent); padding-bottom: 20px; }
.l-need-l button{ padding: 5px 4px; font-size: 14px; }
.l-need-g{ padding: 12px 0 4px; }

.l-trio.l-trio-solo{ display:block !important; }
.l-trio-solo .l-how{ display:flex; align-items:baseline; gap:32px; flex-wrap:wrap; max-width:none; }
.l-trio-solo .l-how h2{ margin:0; flex:none; }
.l-trio-solo .l-how > p{ flex-basis:100%; margin:0; order:3; }
.l-trio-solo .l-how ul{ display:flex; flex-wrap:wrap; gap:8px 36px; margin:0; padding:0; flex:1; }
.l-trio-solo .l-how li{ border:0 !important; min-width:220px; }
@media (max-width:700px){ .l-trio-solo .l-how{ display:block; } .l-trio-solo .l-how ul{ display:block; } .l-trio-solo .l-how li{ border-bottom:1px solid var(--l-line) !important; } }

.l-x-isfull .l-x-list{ position:static; max-height:none; overflow:visible; }
@media (min-width:901px){ .l-x-isfull .l-x-panefull{ position:sticky; top:96px; align-self:start; } }
.l-x-grp.l-x-gend{ padding:0; height:1px; background: var(--l-line); margin: 12px 22px 8px; }
@media (max-width:700px){ .l-trio-how .l-how{ display:block; } .l-trio-how .l-how h2{ margin-bottom:8px; } .l-trio-how .l-how ul{ display:block; } .l-trio-how .l-how li{ border-bottom:1px solid var(--l-line) !important; min-width:0; } }

.l-x-body.l-pb .board-member{ display:block !important; border:0 !important; padding:0 !important; width:auto !important; min-width:0 !important; max-width:none !important; }
.l-x-body .board-member > div[style]{ display:none !important; }
.l-x-body.l-pb .board-member .board-bio{ font-style:normal !important; font-family:'Source Serif 4', Georgia, serif !important; font-size:18px !important; line-height:1.6 !important; color:var(--l-ink) !important; max-width:600px; border:0 !important; padding:0 !important; margin:0 !important; }
@media (max-width:700px){ .l-x-body.l-pb .board-member .board-bio{ font-size:16.5px !important; } }
.l-pb td.l-tbd{ color:#5A6B80; font-style:normal; padding: 14px 0 !important; }