/* Shared navigation and footer extracted from approved B components. */
.b-preview{--b-ink:#112f35;--b-paper:#f3f0e9;--b-brass:#b99e68;--b-text:#24383c;--b-link:#775c29;--b-sans:'P1 Latin Sans','B Sans SC','P1 Sans SC','Microsoft YaHei',sans-serif;--b-serif:'P1 Latin Serif','B Serif SC','P1 Serif SC','Songti SC',serif;background:var(--b-paper);color:var(--b-text)}
.b-preview .b-container{width:min(1160px,calc(100% - 112px));margin-inline:auto}
.b-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.b-preview .b-skip{position:absolute;top:-90px;left:20px;padding:12px 20px;background:white;color:var(--b-ink);z-index:50}
.b-preview .b-skip:focus{top:12px}
.b-preview :where(.b-header,.b-footer,.r4-home main) :where(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.b-preview .b-header{position:relative;background:var(--b-paper);color:var(--b-ink);z-index:30;font-family:var(--b-sans)}
.b-header-inner{width:min(1360px,calc(100% - 80px));min-height:88px;margin:auto;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px}
.b-preview .b-brand{display:inline-flex;align-items:center;gap:8px;color:var(--b-ink);min-width:0;min-height:48px}
.b-preview .b-wordmark{font-family:'P1 Latin Serif',Georgia,serif;font-size:2.3125rem;line-height:1;letter-spacing:-.035em;font-weight:500}
/* The shared header wordmark and Chinese institution name form one lock-up. */
.b-preview .b-header .b-brand{gap:10px;align-items:center}
.b-preview .b-header .b-brand-name{font-size:1.25rem;font-weight:600;line-height:1.5;max-width:none;min-width:0;text-align:start}
.b-header :where(.b-wordmark,.b-brand-dot){flex-shrink:0}
html[lang=en] .b-preview .b-header .b-brand-name{font-size:.9375rem;line-height:1.45;max-width:245px}
.b-brand-dot{font-size:1.125rem}
.b-preview .b-brand-name{font-family:var(--b-sans);font-weight:600;font-size:.9375rem;line-height:1.6;max-width:290px}
.b-nav{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-end;gap:18px;font-size:.9375rem;line-height:1.6}
.b-preview .b-nav>a:not(.b-button){display:flex;align-items:center;min-height:48px;white-space:nowrap}
.b-preview .b-nav>a:not(.b-button):hover{color:var(--b-link);text-decoration:underline;text-underline-offset:6px}
.b-preview .b-footer a:hover{color:#d8c598;text-decoration:underline;text-underline-offset:6px}
.b-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}








.b-languages{display:flex;align-items:center;gap:0}
.b-languages a{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:48px;font-size:.875rem}
.b-languages a+a:before{content:'/';margin-right:8px;color:#60706e}
.b-preview .b-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;min-width:160px;padding:12px 24px;background:var(--b-brass);border:1px solid var(--b-brass);border-radius:7px;color:var(--b-ink);font-family:var(--b-sans);font-size:1.0625rem;line-height:1.6;max-inline-size:100%;text-align:center;white-space:normal;font-weight:600;transition:background .15s,border-color .15s}
.b-preview .b-button>span{display:none}
.b-preview .b-button:hover{background:#c9b17e;border-color:#c9b17e}
.b-preview .b-nav-consult{min-width:118px;min-height:48px;padding:10px 19px;font-size:.9375rem}
.b-header-controls{display:none}
.b-menu-toggle{display:none;color:var(--b-ink)}
.b-menu-icon-close{display:none}.b-menu-open .b-menu-icon-open{display:none}.b-menu-open .b-menu-icon-close{display:block}
.b-preview .b-nav[hidden]{display:none!important}
.b-preview .b-footer{background:#112f35;color:#f3f0e9;padding:30px 0 24px;font-family:var(--b-sans);border:0}
.b-footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px}
.b-preview .b-footer .b-brand,.b-preview .b-footer .b-wordmark{color:#f3f0e9}
.b-preview .b-footer .b-wordmark{font-size:1.875rem}
.b-preview .b-footer .b-brand-name{font-size:.8125rem}
.b-footer nav{display:flex;flex-wrap:wrap;gap:5px 22px;font-size:.875rem}
.b-footer nav a{display:flex;align-items:center;min-height:44px}
.b-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;padding-top:20px;font-size:.875rem;color:#dce4df}
.b-footer-bottom>a{min-height:44px;display:flex;align-items:center}
.b-footer-languages{margin-left:auto;display:flex;gap:16px}
.b-footer-languages a{min-height:44px;display:flex;align-items:center}
.b-footer-languages a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.b-preview .b-mail{overflow-wrap:anywhere}
.b-preview .b-button-outline{background:transparent;border-color:#e4e9e5;color:white}
.b-preview .b-button-outline:hover{background:#28464b;border-color:white}
.b-nav-collapsed .b-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;background:transparent;cursor:pointer}
.b-nav-collapsed .b-header-controls{display:block;margin-left:auto}
.b-preview .b-nav-collapsed .b-nav{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(360px,calc(100vw - 40px));max-height:var(--b-menu-max-height,calc(100dvh - 104px));overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:18px 24px 22px;background:var(--b-paper);border:1px solid #d3d1c8;border-radius:8px;box-shadow:0 12px 24px #112f3514;text-align:start;z-index:40}
.b-nav-enhanced.b-nav-collapsed .b-nav{display:none}
.b-nav-enhanced.b-nav-collapsed.b-menu-open .b-nav{display:grid}
.b-preview .b-nav-collapsed .b-nav>a:not(.b-button){min-height:48px}.b-nav-collapsed .b-languages{margin:4px 0 12px;gap:8px}.b-nav-collapsed .b-languages a{min-width:44px;min-height:44px;font-size:.9375rem}.b-preview .b-nav-collapsed .b-nav-consult{width:100%}


.b-preview .b-header .b-nav.b-nav-measuring{position:fixed;inset:auto;left:-10000px;top:0;visibility:hidden;display:flex;flex-wrap:nowrap;gap:18px;padding:0;border:0;border-radius:0;width:max-content;max-width:none;max-height:none;overflow:visible;box-shadow:none}
.b-preview .b-header .b-nav.b-nav-measuring>.b-nav-consult{width:auto}
.b-nav-measuring .b-languages{margin:0;gap:0}
.b-nav-measuring .b-languages a{min-width:30px;min-height:48px;font-size:.875rem}
@media(max-width:1320px){.b-preview .b-container{width:calc(100% - 80px)}
.b-header-inner{width:calc(100% - 64px);min-height:82px;position:relative;flex-wrap:nowrap;gap:0 18px}
.b-preview .b-header .b-brand-name{font-size:1.25rem}
.b-footer-main{align-items:flex-start;flex-direction:column;gap:16px}
.b-footer-languages{margin-left:0}
.b-footer-bottom{gap:6px 22px}}
@media(max-width:767px){.b-preview .b-container{width:calc(100% - 40px)}
.b-header-inner{width:calc(100% - 40px);min-height:76px;gap:0 10px}
.b-preview .b-wordmark{font-size:1.9375rem}
.b-preview .b-brand{gap:5px;max-width:calc(100% - 50px)}
.b-preview .b-header .b-brand{gap:6px;max-width:calc(100% - 54px)}
.b-preview .b-header .b-wordmark{font-size:28px}
html:not([lang=en]) .b-preview .b-header .b-brand-dot{display:none}
.b-preview .b-header .b-brand-name{font-size:16.5px;line-height:1.4;max-width:none;white-space:nowrap;text-align:start}
html[lang=en] .b-preview .b-header .b-brand-name{font-size:.8125rem;line-height:1.4;max-width:14em;white-space:normal}
.b-brand-dot{font-size:.9375rem}
.b-nav-collapsed .b-menu-toggle{width:44px;height:44px}
.b-preview .b-nav-collapsed .b-nav{padding:14px 20px 20px;font-size:1rem;max-height:var(--b-menu-max-height,calc(100dvh - 96px))}
.b-nav>a:not(.b-button){min-height:48px}

.b-languages{margin:4px 0 12px;gap:8px}
.b-languages a{min-width:44px;min-height:44px;font-size:.9375rem}
.b-languages a+a:before{margin-right:12px}
.b-preview .b-nav-consult{width:100%}
.b-preview .b-button{min-height:52px;font-size:1.0625rem}
.b-preview .b-footer{padding-block:23px 18px}
.b-footer-main{gap:18px}
.b-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;width:100%;font-size:.875rem}
.b-footer nav a{min-height:44px}
.b-footer-bottom{padding-top:15px;gap:6px 18px}
.b-footer-languages{width:100%;gap:18px;font-size:.875rem}
.b-footer-bottom>a{font-size:.8125rem}
.b-preview .b-footer .b-brand{max-width:100%;flex-wrap:wrap}
.b-preview .b-footer .b-brand-name{font-size:.75rem}
.b-preview .b-footer .b-wordmark{font-size:1.8125rem}}
@media(prefers-reduced-motion:reduce){.b-preview *{scroll-behavior:auto!important;transition:none!important}}
html[lang=zh-Hant] .b-preview{--b-sans:'P1 Latin Sans','P1 Sans TC','Microsoft JhengHei',sans-serif;--b-serif:'P1 Latin Serif','P1 Serif TC','Songti TC',serif}