:root{
  --bg:#FFFFFF;
  --panel:#F2F2F0;
  --ink:#1A1C1E;
  --text:#33363A;
  --muted:#62666B;
  --rule:#DCDDDA;
  --accent:#B5401C;
  --accent-hover:#963316;
  --dark:#1E2022;
  --on-dark:#ECECEA;
  --on-dark-muted:#A2A5A8;
  --slot:#E4E4E1;
  --font:"Libre Franklin","Noto Sans TC","Helvetica Neue",Arial,sans-serif;
  --maxw:1200px;
  --pad:clamp(20px,5vw,72px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#141516;--panel:#1C1E20;--ink:#F1F1EF;--text:#D4D5D3;--muted:#9A9DA0;--rule:#2F3235;
    --accent:#F07A45;--accent-hover:#F59566;--dark:#0D0E0F;--on-dark:#ECECEA;--on-dark-muted:#9A9DA0;--slot:#26282B;
  }
}
:root[data-theme="dark"]{
  --bg:#141516;--panel:#1C1E20;--ink:#F1F1EF;--text:#D4D5D3;--muted:#9A9DA0;--rule:#2F3235;
  --accent:#F07A45;--accent-hover:#F59566;--dark:#0D0E0F;--on-dark:#ECECEA;--on-dark-muted:#9A9DA0;--slot:#26282B;
}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 76px);scroll-behavior:smooth;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad);}

/* Header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--bg);border-bottom:1px solid var(--rule);}
.bar{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px;}
.brand{display:flex;align-items:center;gap:14px;}
.brand-text{display:flex;flex-direction:column;line-height:1.25;gap:4px;}
footer .brand-text{gap:8px;}
.brand-text strong{font-family:"Noto Sans TC",sans-serif;font-weight:700;font-size:1.1rem;color:var(--ink);letter-spacing:.06em;}
.brand-text span{font-size:.8rem;color:var(--muted);font-weight:500;}
nav.menu{display:flex;gap:clamp(16px,2.2vw,34px);}
nav.menu a{font-size:.95rem;font-weight:500;color:var(--ink);padding:6px 0;border-bottom:2px solid transparent;}
nav.menu a:hover{border-bottom-color:var(--accent);}
.toggle{display:none;background:none;border:1px solid var(--rule);color:var(--ink);font:inherit;font-size:.9rem;padding:6px 14px;cursor:pointer;}

/* Hero */
.hero{padding-block:clamp(48px,7vw,96px);}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(32px,6vw,88px);align-items:end;}
.role-line{font-size:.92rem;color:var(--muted);margin:14px 0 0;font-weight:400;}
h1{margin:0;color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-weight:900;font-size:clamp(3rem,7.5vw,5.6rem);line-height:1;letter-spacing:.02em;}
.en-name{display:block;font-family:"Libre Franklin",sans-serif;font-weight:500;font-size:clamp(1.1rem,2vw,1.45rem);color:var(--muted);letter-spacing:.01em;margin-top:14px;}
.thesis{margin:36px 0 0;padding-left:20px;border-left:4px solid var(--accent);font-size:clamp(1.2rem,2.1vw,1.55rem);line-height:1.6;color:var(--ink);font-weight:500;max-width:30em;}
.actions{display:flex;gap:26px;align-items:center;margin-top:36px;flex-wrap:wrap;}
.btn{display:inline-block;background:var(--accent);color:#fff;font-weight:600;font-size:.98rem;padding:14px 28px;}
.btn:hover{background:var(--accent-hover);}
.textlink{font-weight:600;font-size:.98rem;color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:2px;}
.textlink:hover{color:var(--accent);}
.photo{margin:0;}
.photo img{width:100%;height:100%;object-fit:cover;}
.portrait{aspect-ratio:4/5;overflow:hidden;background:var(--panel);border-bottom:4px solid var(--accent);}
.portrait img{object-position:50% 20%;}
.speak-photo img{aspect-ratio:4/5;object-position:62% 30%;}
.speak-photo figcaption{font-size:.85rem;color:var(--muted);margin-top:10px;}

/* Facts */
.facts{background:var(--panel);}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.fact{padding:28px 24px 28px 0;}
.fact + .fact{padding-left:24px;border-left:1px solid var(--rule);}
.fact dt{font-size:.85rem;color:var(--muted);font-weight:500;margin-bottom:6px;}
.fact dd{margin:0;color:var(--ink);font-weight:600;font-size:1rem;line-height:1.5;}

/* Sections */
.sec{padding-block:clamp(64px,8vw,112px);}
.sec-panel{background:var(--panel);}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:clamp(32px,4vw,48px);}
h2{margin:0;color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25;}
.topic{display:block;color:var(--accent);font-weight:700;font-size:.88rem;margin-bottom:8px;}
.date{color:var(--muted);font-size:.88rem;}

/* Analysis */
.analysis{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,5vw,72px);}
.lead .lead h3{margin:0 0 14px;color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.4;}
.lead p{margin:0 0 18px;max-width:34em;}
.list-item{display:block;padding:20px 0;border-top:1px solid var(--rule);}
.list-item:first-child{border-top:none;padding-top:0;}
.list-item h4{margin:0 0 6px;color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-weight:700;font-size:1.08rem;line-height:1.5;}
.list-item:hover h4{color:var(--accent);}

/* Research areas */
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:3px solid var(--ink);}
.area{padding:26px 24px 8px 0;}
.area + .area{padding-left:24px;border-left:1px solid var(--rule);}
.area h3{margin:0 0 4px;color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-weight:700;font-size:1.15rem;}
.area .en{font-size:.85rem;color:var(--muted);margin-bottom:14px;display:block;}
.area p{margin:0 0 18px;font-size:.96rem;}
.area .rel{font-size:.85rem;color:var(--muted);font-weight:500;margin-bottom:6px;}
.area ul{list-style:none;margin:0;padding:0;}
.area li{font-size:.94rem;line-height:1.55;padding:8px 0;border-top:1px solid var(--rule);color:var(--ink);}

/* Speaking */
.speak-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:clamp(32px,5vw,64px);align-items:start;}
.speak-grid table{width:100%;border-collapse:collapse;}
th{text-align:left;font-size:.85rem;color:var(--muted);font-weight:500;padding:0 16px 12px 0;border-bottom:2px solid var(--ink);}
td{padding:18px 16px 18px 0;border-bottom:1px solid var(--rule);vertical-align:top;}
td.d{white-space:nowrap;color:var(--ink);font-weight:600;font-family:"Libre Franklin",sans-serif;}
td strong{display:block;color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-weight:700;}
td .sub{font-size:.94rem;color:var(--muted);}
td.r{white-space:nowrap;color:var(--accent);font-weight:600;font-size:.94rem;}

/* Media */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px);}
.media-item{border-top:3px solid var(--ink);padding-top:18px;}
.media-item .outlet{color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-weight:700;font-size:1.15rem;}
.media-item .fmt{font-size:.88rem;color:var(--accent);font-weight:600;margin:2px 0 10px;}
.media-item p{margin:0;font-size:.96rem;}

/* About */
.about{background:var(--dark);color:var(--on-dark);}
.about h2{color:#fff;}
.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,6vw,88px);}
.about p{margin:0 0 16px;color:var(--on-dark);max-width:36em;}
.exp-list{list-style:none;margin:0;padding:0;}
.exp-list li{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:16px 0;border-top:1px solid #3A3D40;}
.exp-list li:first-child{border-top:none;padding-top:0;}
.exp-list .y{color:var(--on-dark-muted);font-family:"Libre Franklin",sans-serif;font-weight:600;font-size:.94rem;}
.exp-list .w{color:#fff;font-weight:500;}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,88px);}
.contact-grid p{margin:0 0 14px;max-width:32em;}
.channel{display:grid;grid-template-columns:110px 1fr;align-items:baseline;padding:16px 0;border-top:1px solid var(--rule);}
.channel:last-child{border-bottom:1px solid var(--rule);}
.channel .k{color:var(--muted);font-size:.9rem;font-weight:500;}
.channel .v{color:var(--ink);font-weight:600;}
a.channel:hover .v{color:var(--accent);}

/* Footer */
footer{background:var(--dark);color:var(--on-dark-muted);padding-block:44px;font-size:.88rem;border-top:1px solid #34373A;}
.foot{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.foot .brand-text strong{color:#fff;}
.foot p{margin:0;max-width:44em;line-height:1.7;}

@media (max-width:900px){
  .toggle{display:block;}
  nav.menu{display:none;position:absolute;top:76px;left:0;right:0;background:var(--bg);flex-direction:column;gap:0;padding:4px var(--pad) 16px;border-bottom:1px solid var(--rule);}
  nav.menu.open{display:flex;}
  nav.menu a{padding:14px 0;border-bottom:1px solid var(--rule);}
  .hero-grid,.analysis,.speak-grid,.about-grid,.contact-grid{grid-template-columns:1fr;}
  .portrait{max-width:320px;}
  .facts-grid{grid-template-columns:1fr 1fr;}
  .fact,.fact + .fact{padding:20px 16px 20px 0;border-left:none;}
  .areas{grid-template-columns:1fr 1fr;}
  .area,.area + .area{padding:24px 16px 8px 0;border-left:none;}
  .media-grid{grid-template-columns:1fr;}
  .speak-photo img{aspect-ratio:4/3;}
}
@media (max-width:600px){
  .facts-grid,.areas{grid-template-columns:1fr;}
  .sec-head{flex-direction:column;align-items:flex-start;}
  thead{display:none;}
  table,tbody,tr,td{display:block;width:100%;}
  tr{padding:16px 0;border-bottom:1px solid var(--rule);}
  td{border:none;padding:2px 0;}
  .exp-list li{grid-template-columns:1fr;gap:2px;}
}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,32px);margin-top:clamp(40px,5vw,64px);}
.g-item img{aspect-ratio:16/10;}
.g-item figcaption,.speak-photo figcaption{font-size:.85rem;color:var(--muted);margin-top:10px;line-height:1.5;}
.speak-photo img{aspect-ratio:4/5;object-position:40% 25%;}
@media (max-width:900px){.gallery{grid-template-columns:1fr;}}
.media-item{display:block;}
.media-item .go{display:inline-block;margin-top:14px;font-weight:600;font-size:.94rem;color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:2px;}
a.media-item:hover .outlet,a.media-item:hover .go{color:var(--accent);}
.mark{width:44px;height:44px;flex:none;}
.mark-lg{width:52px;height:52px;}
.with-mark{display:flex;align-items:center;gap:14px;}
.with-mark .mark{width:40px;height:40px;}
.sealB{width:26px;height:56px;color:var(--accent);flex:none;display:block;}
.sign{margin-top:28px;}
.sign .sealB{width:34px;height:74px;color:#C8502A;}
.foot-brands{display:flex;gap:40px;flex-wrap:wrap;align-items:center;}
footer .sealB{color:#C8502A;}

/* ===== Shared additions for inner pages ===== */
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--bg);padding:8px 14px;z-index:99;}
.skip:focus{left:12px;top:12px;}
nav.menu a[aria-current="page"]{border-bottom-color:var(--accent);}
.page-head{padding-block:clamp(48px,6vw,84px) clamp(28px,4vw,44px);border-bottom:1px solid var(--rule);}
.page-head h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;}
.page-head p{margin:16px 0 0;max-width:40em;color:var(--muted);font-size:1.05rem;}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px;}
.filters button{font:inherit;font-size:.92rem;font-weight:500;padding:7px 14px;border:1px solid var(--rule);background:var(--bg);color:var(--ink);cursor:pointer;}
.filters button:hover{border-color:var(--ink);}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg);}
.year-group{display:grid;grid-template-columns:120px 1fr;gap:clamp(16px,3vw,40px);padding:28px 0;border-top:3px solid var(--ink);}
.year-group > h2{font-family:"Libre Franklin",sans-serif;font-size:1.6rem;font-weight:600;}
.entry{display:grid;grid-template-columns:1fr auto;gap:6px 24px;padding:16px 0;border-top:1px solid var(--rule);}
.entry:first-child{border-top:none;padding-top:4px;}
.entry .t{color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-weight:700;font-size:1.05rem;line-height:1.5;}
a.entry:hover .t{color:var(--accent);}
.entry .meta{grid-column:1 / -1;font-size:.88rem;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;}
.entry .meta .topic{display:inline;margin:0;}
.entry .ext{font-size:.85rem;font-weight:600;color:var(--muted);white-space:nowrap;align-self:start;padding-top:3px;}
a.entry:hover .ext{color:var(--accent);}
.count{color:var(--muted);font-size:.92rem;margin:0 0 20px;}
.photo-feature{margin:0 0 clamp(40px,5vw,64px);}
.photo-feature img{aspect-ratio:21/9;object-position:50% 30%;}
.photo-feature figcaption{font-size:.85rem;color:var(--muted);margin-top:10px;}
.cv-block{display:grid;grid-template-columns:220px 1fr;gap:clamp(20px,4vw,56px);padding:clamp(32px,4vw,48px) 0;border-top:3px solid var(--ink);}
.cv-block h2{font-size:1.35rem;}
.cv-list{list-style:none;margin:0;padding:0;}
.cv-list li{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--rule);}
.cv-list li:first-child{border-top:none;padding-top:0;}
.cv-list .y{color:var(--muted);font-family:"Libre Franklin",sans-serif;font-weight:600;font-size:.94rem;}
.cv-list .w strong{display:block;color:var(--ink);font-weight:700;}
.cv-list .w span{color:var(--muted);font-size:.94rem;}
.proj td{font-size:.94rem;}
.proj td.c{color:var(--muted);white-space:nowrap;}
.proj td.d{width:70px;}
.note{font-size:.88rem;color:var(--muted);margin-top:16px;}
.dl{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;}
@media (max-width:900px){.year-group,.cv-block{grid-template-columns:1fr;gap:10px;}.photo-feature img{aspect-ratio:16/10;}}
@media (max-width:600px){.cv-list li{grid-template-columns:1fr;gap:2px;}.entry{grid-template-columns:1fr;}.proj td.c{white-space:normal;}}
/* home lead article as a panel */
#home-insights .lead{background:var(--panel);padding:clamp(28px,4vw,48px);border-top:4px solid var(--accent);align-self:start;}
#home-insights .lead h3{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.35;margin:6px 0 22px;}
#home-insights .lead h3 a:hover{color:var(--accent);}
#home-insights .lead p{font-size:1.05rem;}