/* Unified editorial system: navy, white, cool grey; gold is an accent. */
:root{--navy:#103449;--deep:#0b283b;--ink:#18384b;--muted:#627783;--line:#dce5eb;--pale:#f3f6f8;--gold:#b59b65}
.section{padding:88px 0;background:#fff;border:0}
.section-heading{align-items:start;gap:50px;margin-bottom:34px}
.section-heading>div{max-width:64%}
.section-heading h2,.about h2,.knowledge-grid h2{font-family:'Noto Sans TC','Yu Gothic','Malgun Gothic',sans-serif;font-weight:500;font-size:clamp(26px,2.45vw,36px);line-height:1.5;letter-spacing:.3px;color:var(--navy)}
.section-heading>p{max-width:370px;color:var(--muted);font-size:14px;line-height:1.9;margin-top:25px}
.eyebrow{color:#6b8390;letter-spacing:2px;font-size:10px;font-weight:600}
.section-heading.light h2,.section-heading.light .eyebrow{color:white}
.section-heading.light>p{color:#beced8}
.text-link{color:var(--navy);font-weight:500}
.text-link:hover{color:#93763e}
.filter-bar button{color:var(--muted)}
.filter-bar button.selected{color:var(--navy);border-color:var(--navy)}
.hub-events,.about,.partners-section,.hub-associations,#resources{background:var(--pale)}
.video-section,.membership{background:var(--deep);color:white}
.video-section .filter-bar button{color:#bbced9}.video-section .filter-bar button.selected{color:white;border-color:#c7b07e}
.video-section .text-link,.membership .text-link{color:#e0c88f}
.video-notice,.video-fallback{color:#b5c6d1}.video-learning{border-color:#ffffff24}
.video-playlist{max-height:750px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#718993 transparent;padding-right:8px}
.playlist-item{border-color:#ffffff24}.playlist-item.active{background:#ffffff0d;border-color:#b59b65}
.playlist-item h4{font-weight:500}.video-cover-type{background:#164158}.video-cover-type>strong{font-size:48px}
.feature-visual{background:var(--navy)}
.feature-visual>span{color:#e4edf2}.feature-visual:before,.feature-visual:after{opacity:.2}
.work-tabs button[aria-selected=true]{background:var(--navy)}
.resource,.asset-card,.institution,.partner-card,.member-card,.member-invitation{border:1px solid var(--line);box-shadow:none}
.partner-card{border-top:1px solid var(--line)}.member-invitation{background:var(--pale)}
.member-badge,.institution-tag,.asset-label{color:#617c8e;border-color:var(--line)}
.member-nameplate{color:white}.asset-card:before,.asset-card:nth-child(2):before{background:var(--navy)}
.asset-equity{background:var(--pale);color:var(--ink)}.asset-equity .asset-label,.asset-equity p{color:var(--muted)}.asset-equity .text-link{color:var(--navy)}
.resource-top{color:#617c8e}.faq{background:#ffffff08;border:1px solid #ffffff25}
.institution-brand>strong{font-size:26px;color:var(--navy)}.institution[hidden]{display:none}
.source-strip{border-color:var(--line);color:var(--muted)}.source-strip strong{color:#68818f}
.quick-paths{box-shadow:none;border-bottom:1px solid var(--line)}.quick-paths strong{font-weight:500}.quick-paths small{letter-spacing:1px}
.opening-intro{background:white}.opening-themes{background:white}
footer{background:var(--deep)}

.hub-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid var(--line)}
.hub-toolbar .filter-bar{margin:0;border:0;gap:28px}.review-date{font-size:11px;color:var(--muted);white-space:nowrap}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.news-card{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;min-width:0;transition:border-color .2s}
.news-card:hover{border-color:#8ba3b1}
.news-card .meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-bottom:22px}
.news-card h3{font-size:21px;font-weight:500;line-height:1.6;margin:0 0 14px;color:var(--navy)}
.news-card p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 25px;flex:1}
.news-card-footer{display:flex;flex-direction:column;align-items:start;gap:14px;padding-top:20px;border-top:1px solid var(--line)}
.news-card-footer>span{font-size:10px;color:var(--muted)}.news-card-footer .text-link{font-size:12px}
.news-title-link:hover{color:#7f692f}
.news-filter-count{display:inline-block;margin-left:4px;font-size:10px;opacity:.7;font-variant-numeric:tabular-nums}
.hub-news .hub-toolbar{flex-wrap:wrap;padding-bottom:12px;gap:10px 20px;margin-bottom:20px}.hub-news .filter-bar{flex-wrap:wrap;gap:10px 24px}
.news-results-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;color:var(--muted);font-size:11px}.news-results-meta p{margin:0}.news-results-meta p:focus-visible{outline:2px solid var(--navy);outline-offset:5px}
.news-pagination{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.news-page-numbers{display:flex;gap:8px}.news-pagination button{border:1px solid var(--line);background:white;color:var(--navy);font:inherit;font-size:12px;min-height:44px;min-width:44px;padding:10px 15px;cursor:pointer}.news-pagination button:hover:not(:disabled),.news-pagination button[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:white}.news-pagination button:disabled{opacity:.35;cursor:default}.news-pagination button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@media(max-width:620px){.news-results-meta{align-items:start;flex-direction:column;gap:5px}.news-pagination{gap:10px;flex-wrap:wrap;justify-content:space-between}.news-pagination button{padding:9px 10px}.news-page-numbers{gap:5px}.news-page-numbers button{min-width:38px}.hub-news .filter-bar{gap:4px 18px}}

.events-list{border-top:1px solid #bdcdd7}
.event-row{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:34px;padding:29px 0;align-items:center;border-bottom:1px solid var(--line)}
.event-date{border-right:1px solid #ccd9e1;display:flex;flex-direction:column;color:var(--navy)}
.event-date>span:first-child{font-size:12px;letter-spacing:2px;color:var(--muted)}
.event-date>strong{font-size:43px;font-weight:400;line-height:1.4}.event-date strong small{font-size:24px;color:#7f939e;font-weight:400}
.event-date>span:last-child{font-size:10px;color:var(--muted);letter-spacing:.3px}
.event-caption{display:flex;gap:15px;align-items:center;font-size:10px;color:var(--muted)}
.event-status{padding:2px 8px;background:#e2eaf0;color:#456579}.event-status.ongoing{background:var(--navy);color:white}.event-status.past{background:#e9edf0;color:var(--muted)}
.event-details h3{font-size:22px;line-height:1.5;font-weight:500;margin:8px 0;color:var(--navy)}
.event-location{font-size:12px;color:var(--ink)}.event-details p{margin:5px 0 0;color:var(--muted);font-size:12px}
.event-link{border:1px solid #bdcdd7;padding:10px 15px;font-size:11px;white-space:nowrap;color:var(--navy)}.event-link:after{content:' ↗';padding-left:10px}.event-link:hover{background:var(--navy);border-color:var(--navy);color:white}

.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.report-card{display:flex;flex-direction:column;border:1px solid var(--line);min-width:0}
.report-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;background:var(--navy);color:white;padding:27px;overflow:hidden;border-bottom:3px solid var(--gold)}
.report-cover:before{content:'';position:absolute;width:200px;height:200px;border:1px solid #ffffff15;border-radius:50%;right:-85px;top:-45px}
.report-cover>span{font-size:10px;letter-spacing:1.3px;position:relative}.report-cover>strong{font:400 57px/1.3 Georgia,serif;color:white;position:relative}
.report-cover .report-arrow{position:absolute;right:25px;top:26px;font-size:18px;color:#d6bf8c}
.report-body{padding:24px;display:flex;flex-direction:column;flex:1}.report-body h3{font-size:18px;line-height:1.7;font-weight:500;margin:0 0 13px}.report-body p{font-size:12px;color:var(--muted);line-height:1.9;flex:1;margin:0 0 20px}.report-body .text-link{font-size:12px;align-self:start}

.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}
.directory-toolbar label{font-size:12px;color:var(--muted)}.directory-toolbar input{font:inherit;font-size:13px;padding:12px 16px;min-width:320px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:0}
input:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.association-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.association-card{padding:28px;background:white;border:1px solid var(--line);display:flex;flex-direction:column}
.association-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;margin-bottom:22px}
.association-card-top img{object-fit:contain;object-position:left center;max-width:170px;max-height:60px;width:65%}.association-card-top>span{font-size:10px;color:var(--muted)}
.association-initials{font:500 32px/1 Arial,sans-serif;letter-spacing:1px;color:var(--navy)}
.association-card h3{font-size:18px;line-height:1.6;font-weight:500;margin:0 0 14px}.association-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 23px;flex:1}.association-card .text-link{font-size:12px;align-self:start}

.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}
.contact-address-card{padding:38px;background:var(--pale);border:1px solid var(--line);border-top:3px solid var(--navy)}
.contact-address-card>.eyebrow{margin-bottom:30px}.contact-label{font-size:11px;color:var(--muted);margin-bottom:9px}
.contact-address-card h3{font-size:22px;line-height:1.5;font-weight:500;margin:0 0 5px;overflow-wrap:anywhere}.contact-company-chinese{font-size:13px;color:var(--muted);margin:0 0 26px}
.contact-address-card address{font-size:18px;font-style:normal;line-height:1.8;max-width:380px;user-select:text}.contact-actions{display:flex;gap:23px;align-items:center;margin-top:27px}.contact-actions .button{font-size:12px}.contact-actions .text-link{font-size:12px}
.copy-status{font-size:11px;min-height:20px;margin:9px 0;color:var(--muted)}.contact-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:0;line-height:1.9}
.contact-topics>div{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.contact-topics>div>span{font:13px Georgia,serif;color:#9c8250;margin-top:7px}.contact-topics h3{font-size:20px;font-weight:500;margin:0 0 8px}.contact-topics p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.contact-topics>button{margin-top:27px;font-size:13px}

@media(max-width:1100px){.section{padding:70px 0}.news-grid{gap:18px}.news-card{padding:22px}.news-card h3{font-size:19px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-cover{min-height:205px}.association-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-row{grid-template-columns:150px minmax(0,1fr);gap:25px}.event-link{grid-column:2;justify-self:start;margin-top:-10px}.contact-layout{gap:35px}.contact-address-card{padding:30px}.section-heading>div{max-width:65%}.section-heading{gap:30px}}
@media(max-width:850px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.section-heading>div{max-width:none}.section-heading>p{margin-top:17px;max-width:650px}.hub-toolbar{align-items:start;flex-direction:column;gap:8px;padding-bottom:13px}.hub-toolbar .filter-bar{gap:22px}.contact-layout{grid-template-columns:1fr}.contact-topics{display:grid;grid-template-columns:1fr}.directory-toolbar{align-items:start;flex-direction:column;gap:12px}.directory-toolbar input{width:100%;min-width:0}.site-header .nav-inner{max-height:75svh;overflow-y:auto}.video-playlist{max-height:540px}}
@media(max-width:620px){.section{padding:52px 0}.section-heading{margin-bottom:26px}.section-heading h2,.about h2,.knowledge-grid h2{font-size:26px;line-height:1.55}.section-heading>p{font-size:13px;margin-top:14px}.eyebrow{font-size:9px;letter-spacing:1.6px}.news-grid,.report-grid,.association-grid{grid-template-columns:1fr}.hub-toolbar .filter-bar{gap:18px;flex-wrap:wrap}.hub-toolbar .filter-bar button{font-size:11px;padding:10px 0}.review-date{font-size:10px}.news-card{padding:24px}.news-card h3{font-size:21px}.news-card-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.news-card-footer>span{max-width:48%;font-size:9px}.news-card-footer .text-link{font-size:11px}.event-row{grid-template-columns:1fr;gap:18px;padding:27px 0}.event-date{border:0;display:flex;flex-direction:row;gap:14px;align-items:center}.event-date>span:first-child{display:none}.event-date>strong{font-size:29px}.event-date strong small{font-size:19px}.event-date>span:last-child{border-left:1px solid #ccd9e1;padding-left:14px;font-size:10px}.event-details h3{font-size:22px}.event-link{grid-column:1;margin:0}.report-cover{min-height:190px}.report-body{padding:24px}.report-body h3{font-size:20px}.association-card{padding:25px}.association-card-top img{max-width:190px}.contact-address-card{padding:26px}.contact-address-card h3{font-size:20px}.contact-address-card address{font-size:16px}.contact-actions{gap:19px}.contact-topics h3{font-size:19px}.video-cover-type>strong{font-size:36px}.site-header .nav-inner a{white-space:normal}.quick-paths small{font-size:8px}.institution-brand.symbol-brand strong{font-size:24px}.video-playlist{max-height:470px}}

/* Compact in-page navigation remains available throughout the expanded directory. */
html{scroll-padding-top:75px}.section-nav{position:sticky;top:0;z-index:20;background:#fffffffa;border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.section-nav>div{display:flex;justify-content:space-between;gap:25px;overflow-x:auto;scrollbar-width:thin}.section-nav a{font-size:12px;white-space:nowrap;padding:15px 0;border-bottom:2px solid transparent}.section-nav a:hover{color:#93763e;border-color:var(--gold)}@media(max-width:620px){.section-nav>div{gap:26px}.section-nav a{font-size:11px;padding:12px 0}html{scroll-padding-top:60px}}

@media(max-width:620px){.section-nav>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:visible}.section-nav a{text-align:center;white-space:normal;line-height:1.5;padding:10px 4px;font-size:10px}html{scroll-padding-top:96px}}