.site-header .nav-menu a.current,.site-header .nav-submenu a.current{color:var(--ok-blue,#008ecb);font-weight:700;background:#edf7fc}
.site-header .nav-item:not(.open) .nav-menu{visibility:hidden;opacity:0;pointer-events:none}.site-header .nav-item.open .nav-menu{visibility:visible;opacity:1;pointer-events:auto}
.site-header a:focus-visible,.site-header button:focus-visible,.content-detail a:focus-visible,.locations-page a:focus-visible,.okbank-blog-page a:focus-visible{outline:3px solid #008ecb;outline-offset:4px}
.finance-tabs,.award-tabs{overflow-x:auto;justify-content:flex-start!important;gap:0!important}.finance-tabs a,.award-tabs a{flex:1 0 auto;white-space:nowrap;text-align:center;min-height:48px}

.content-detail{max-width:960px;margin:auto;padding:140px 32px 80px;color:#30343a;min-height:65vh}.content-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:32px;font-size:14px;color:#576470}.content-breadcrumb a,.content-source{color:#007bab;text-decoration:underline;text-underline-offset:4px}
.content-meta{display:flex;flex-wrap:wrap;gap:20px;color:#64717c;font-size:16px;margin-bottom:18px}.content-meta>span{color:#007bab;font-weight:700}
.content-detail h1,.okbank-blog-page .content-detail h1{font-size:clamp(28px,3vw,42px);line-height:1.5;margin:0 0 32px;color:#30343a;overflow-wrap:anywhere}.content-cover{width:100%;max-height:480px;object-fit:contain;background:#f5f8fa;border-radius:8px;display:block;margin-bottom:32px}
.content-summary{border-top:1px solid #dfe5e9;padding-top:28px}.content-summary h2{font-size:22px;line-height:1.5;text-align:left;margin:0 0 16px;color:#30343a}.content-summary p{font-size:18px;line-height:1.9;margin:0;overflow-wrap:anywhere}
.content-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-top:40px;padding-top:24px;border-top:1px solid #dfe5e9;font-size:16px}.content-back{display:inline-flex;padding:12px 20px;background:#007eaf;color:white!important;border-radius:4px;text-decoration:none!important}.content-missing p{font-size:18px;margin:0 0 28px}
.okbank-blog-page main.content-detail{padding-top:140px}.okbank-blog-page .blog-category-intro h1{margin-top:24px;margin-bottom:0}.okbank-blog-page .blog-content-shell.blog-filtered-content{padding-top:64px}.okbank-blog-page .blog-all-posts{display:block;color:#007bab;margin-bottom:24px;text-decoration:underline}.okbank-blog-page .blog-category-card[aria-current=page]{outline:4px solid #0094ca;outline-offset:4px}.okbank-blog-page footer.blog-footer{padding:40px 20px;gap:22px}.blog-contact-links{line-height:2;text-align:center}
.locations-page{padding-top:80px;background:#f7fafc;color:#263745}.locations-hero{background:#087eac;color:white;padding:58px 32px}.locations-hero>div{max-width:1180px;margin:auto}.locations-hero h1{font-size:42px;line-height:1.3;margin:14px 0}.locations-hero p{font-size:17px;margin:0;line-height:1.7}.locations-shell{max-width:1244px;margin:auto;padding:40px 32px 72px}

.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.location-card{background:white;border:1px solid #dbe6ec;border-radius:8px;padding:32px;display:flex;flex-direction:column;align-items:flex-start}.location-card h2{font-size:24px;line-height:1.5;color:#1f5775;text-align:left;margin:0 0 24px}.location-card dl{width:100%;margin:0 0 24px}
.location-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #edf1f4;font-size:16px;line-height:1.8}.location-row dt{font-weight:700}.location-row dd{margin:0;overflow-wrap:anywhere}.location-row a{color:#007bab;text-decoration:underline;text-underline-offset:4px}.location-map-link{margin-top:auto;display:inline-flex;padding:12px 18px;border:1px solid #0086b6;border-radius:4px;color:#007bab;font-size:16px}.location-source{font-size:14px;line-height:1.8;margin-top:28px;color:#64717c}.location-source a{text-decoration:underline}
@media(max-width:767px){.content-detail,.okbank-blog-page main.content-detail{padding:104px 20px 56px}.content-summary p{font-size:16px}.content-cover{max-height:320px}.content-actions{align-items:flex-start;flex-direction:column}.locations-page{padding-top:60px}.locations-hero{padding:40px 20px}.locations-hero h1{font-size:34px}.locations-shell{padding:28px 20px 48px}.location-grid{grid-template-columns:1fr}.location-card{padding:24px 20px}.location-row{grid-template-columns:78px minmax(0,1fr);gap:8px}.finance-tabs a,.award-tabs a{padding:14px 20px!important;font-size:15px!important}}

/* One shared contact navigation, matching the home page on every public route. */
#site-contact-navigation{position:fixed;right:0;bottom:0;z-index:110;width:90px;display:grid;grid-template-columns:1fr;margin:0;padding:0;border:0;box-shadow:none;font-family:Arial,"Noto Sans TC",sans-serif}
#site-contact-navigation a{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;height:90px;margin:0;padding:8px 4px;background:#005bac;color:#fff;font-size:14px;font-weight:400;line-height:1.4;text-align:center;text-decoration:none;border:0;transition:background .2s}
#site-contact-navigation a:hover{background:#94b200}#site-contact-navigation a:focus-visible{outline:3px solid #fdd000;outline-offset:-5px}
#site-contact-navigation img{display:block;width:30px;height:30px;margin:0 0 5px;object-fit:contain;filter:brightness(0) invert(1)}
.site-contact-spacer{display:none}
.location-card .location-map{display:block;width:100%;height:320px;border:0;border-radius:4px;background:#edf2f6;margin:0 0 20px;align-self:stretch}
.location-card .location-map-link{margin-top:auto}
@media(max-width:1199px){#site-contact-navigation{width:100%;left:0;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom,0px);background:#005bac}#site-contact-navigation a{height:80px}.site-contact-spacer{display:block;height:calc(80px + env(safe-area-inset-bottom,0px))}body:has(#site-contact-navigation) footer{margin-bottom:0}}
@media(max-width:991px){#site-contact-navigation a{height:60px;font-size:14px}#site-contact-navigation img{width:25px;height:25px;margin-bottom:2px}.site-contact-spacer{height:calc(60px + env(safe-area-inset-bottom,0px))}}
@media(max-width:767px){.location-card .location-map{height:280px}}