:root {
  --ink:#352f3b;
  --muted:#746a79;
  --paper:#faf7fb;
  --paper-2:#f1eaf4;
  --soft:#f7f2fa;
  --sage:#9a83ad;
  --sage-deep:#6f4f86;
  --rose:#b998c8;
  --line:rgba(73,56,83,.14);
  --white:rgba(255,255,255,.82);
  --shadow:0 18px 48px rgba(85,65,98,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.8;letter-spacing:.02em}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem 1rem;border-radius:999px}
.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(22px,5vw,72px);background:rgba(250,247,251,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(82,61,96,.08)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--sage);border-radius:50%;font-family:Georgia,serif;font-size:22px;color:var(--sage-deep)}.brand strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:600;letter-spacing:.015em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.nav{display:flex;gap:28px;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--muted)}.nav a:hover{color:var(--sage-deep)}

main{overflow:hidden}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.78fr);align-items:center;gap:4vw;padding:48px clamp(24px,7vw,108px) 52px;background:radial-gradient(circle at 88% 14%,rgba(185,152,200,.18),transparent 24%),linear-gradient(180deg,#fcfafe 0%,#f6f1f9 100%)}
.hero-copy{max-width:700px}
.hero-meta,.section-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--sage-deep);text-transform:uppercase}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6.5vw,88px);font-weight:500;line-height:1;margin:14px 0 14px;letter-spacing:-.03em}
.hero-title-group{display:grid;gap:8px;margin-bottom:16px}
.lab-title{font-size:clamp(26px,3.1vw,42px);line-height:1.32;font-weight:800;letter-spacing:-.03em;margin:0}
.lab-title-en{font-size:clamp(18px,2vw,24px);line-height:1.5;color:#5d5264;margin:0}
.hero-name{font-size:19px;font-weight:700;letter-spacing:.03em;margin:0 0 18px}.hero-name span{color:var(--muted);font-weight:500;margin-left:8px}
.lead{font-size:clamp(20px,2.2vw,30px);line-height:1.56;letter-spacing:-.015em;margin:0 0 14px;font-weight:750;max-width:640px}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.hero-facts span{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border:1px solid rgba(111,79,134,.16);background:rgba(255,255,255,.64);border-radius:999px;font-size:12px;color:#584b61}.hero-facts b{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:750;letter-spacing:.01em;transition:.25s}.button.primary{background:var(--sage-deep);color:#fff}.button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(111,79,134,.22)}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.56)}.button.secondary:hover{background:#fff}
.hero-art{display:flex;justify-content:flex-end}.portrait-card{width:min(360px,100%);background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.75);border-radius:28px;padding:14px;box-shadow:var(--shadow)}.portrait-frame{border-radius:22px;overflow:hidden;background:#fff}.portrait-frame img{width:100%;height:auto;aspect-ratio:392/779;object-fit:cover}.portrait-note{padding:14px 8px 4px}.portrait-note span{display:block;font-size:10px;letter-spacing:.2em;color:var(--sage-deep);margin-bottom:6px}.portrait-note p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.3;color:#473c4f}

.section{padding:84px clamp(24px,7vw,108px)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-bottom:34px}.section-heading>p{max-width:560px;margin:0;color:#6a5f72}
.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;margin-top:20px}.section h2{font-size:clamp(30px,3.8vw,50px);line-height:1.28;font-weight:800;letter-spacing:-.035em;margin:0}.prose{font-size:16px;color:#5d5264;max-width:720px}.prose p:first-child{margin-top:0}

.intro{background:#fdfafd}.overview-points{display:grid;gap:12px;margin-top:22px}.overview-points div,.eliza-profile-points div{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.overview-points div:last-child,.eliza-profile-points div:last-child{border-bottom:1px solid var(--line)}.overview-points strong,.eliza-profile-points strong{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--sage-deep)}

.focus{background:#4f3b5f;color:#fbf8fc}.focus .section-kicker{color:#dfd0e7}.focus .section-heading>p{color:#e7ddef}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{display:block;padding:28px 26px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.05);color:inherit;transition:transform .25s ease,background .25s ease}.card:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.card-no{font-family:Georgia,serif;color:#d8c5e1;font-size:13px}.card h3{font-size:22px;font-weight:750;letter-spacing:-.015em;margin:18px 0 0}.card .en{font-family:Georgia,serif;font-style:italic;color:#dfd1e6;margin:4px 0 14px;font-size:15px}.card>p:last-of-type{color:#efe8f2;font-size:14px;margin-bottom:16px}.card-link{display:inline-block;font-size:12px;letter-spacing:.08em;color:#eadff0}

.explore{background:#faf7fb}.explore-list{border-top:1px solid var(--line)}.explore-item{scroll-margin-top:96px;display:grid;grid-template-columns:90px minmax(0,1fr);gap:24px;padding:34px 0;border-bottom:1px solid var(--line)}.explore-no{font-family:Georgia,serif;font-size:40px;line-height:1;color:#b998c8}.explore-en{margin:0 0 4px;font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:14px}.explore-item h3{margin:0 0 10px;font-size:clamp(24px,3vw,38px);font-weight:800;line-height:1.25;letter-spacing:-.03em}.explore-item p:not(.explore-en){max-width:760px;margin:0;color:#5c5261;font-size:16px}.coming,.text-link{display:inline-flex;margin-top:16px;padding:7px 12px;border-radius:999px;border:1px solid rgba(111,79,134,.18);background:#f1e8f5;color:#6f4f86;font-size:12px}.text-link{transition:.2s ease}.text-link:hover{background:#e9dcf0;transform:translateX(3px)}

.journey{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;background:linear-gradient(125deg,#eee5f2,#faf7fb)}.journey-panel>p{max-width:670px;color:#5f5664;font-size:16px}.journey blockquote{margin:30px 0 0;padding:24px 0 0;border-top:1px solid var(--line)}.journey blockquote p{font-family:Georgia,"Times New Roman",serif;font-size:22px;font-style:italic;margin:0}.journey blockquote footer{color:var(--muted);font-size:13px;margin-top:8px}.path-list{align-self:center;border-top:1px solid var(--line)}.path-list div{display:grid;grid-template-columns:38px 1fr;gap:3px 14px;padding:18px 4px;border-bottom:1px solid var(--line)}.path-list span{grid-row:1/3;color:var(--rose);font-family:Georgia,serif}.path-list strong{font-weight:800;font-size:18px;letter-spacing:-.01em}.path-list small{color:var(--muted)}

.practice{background:#fdfafd}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:18px}.practice-title p{max-width:560px;color:var(--muted);font-size:16px}.practice-list{border-top:1px solid var(--line)}.practice-list div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.practice-list strong{font-weight:800}.practice-list span{color:var(--muted);font-size:13px}.note{max-width:880px;margin:34px 0 0;color:#77707c;font-size:12px;padding-left:16px;border-left:2px solid var(--rose)}

.eliza-brief{background:#faf7fb}.eliza-brief-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}.eliza-role{margin:14px 0 0;color:var(--muted);font-size:14px;letter-spacing:.06em;text-transform:uppercase}

.connect{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:#eee4f2}.connect>div:first-child p{max-width:550px;color:#5f6761}.links{border-top:1px solid rgba(73,56,83,.18)}.links a{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;border-bottom:1px solid rgba(73,56,83,.18);transition:.2s}.links a:hover{padding-left:10px}.links b{font-weight:400;color:var(--sage-deep)}

.site-footer{display:grid;grid-template-columns:1fr auto;gap:8px 30px;padding:34px clamp(24px,7vw,108px);background:#3f304b;color:#f4eef7}.site-footer strong{font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:600;letter-spacing:.01em}.site-footer span{font-size:12px;color:#d8cbe0;margin-left:12px}.site-footer p{margin:0;color:#e0d4e6;font-size:12px;align-self:center}.site-footer small{grid-column:1/-1;color:#baa9c4;font-size:10px}

@media (max-width:1100px){.hero{grid-template-columns:1fr;gap:28px}.hero-art{justify-content:flex-start}.portrait-card{width:min(330px,100%)}.journey,.practice-grid,.connect,.two-col,.eliza-brief-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:14px}.cards{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.site-header{padding:14px 18px}.nav{display:none}.hero{padding:34px 22px 44px}.hero h1{font-size:52px}.lab-title{font-size:30px}.lab-title-en{font-size:18px}.lead{font-size:22px}.hero-facts{margin-bottom:20px}.portrait-card{width:min(320px,100%)}.portrait-note p{font-size:20px}.section{padding:70px 22px}.section h2{font-size:36px}.cards{grid-template-columns:1fr}.explore-item{grid-template-columns:1fr;gap:12px;padding:28px 0}.explore-no{font-size:30px}.overview-points div,.eliza-profile-points div{grid-template-columns:1fr}.practice-list div{display:block}.practice-list span{display:block;margin-top:3px}.site-footer{grid-template-columns:1fr;padding:30px 22px}.site-footer span{display:block;margin:4px 0 0}.site-footer small{grid-column:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.links a,.card{transition:none}}


/* V2.7 multi-page structure */
.nav a[aria-current="page"]{color:var(--sage-deep)}
.page-hero{padding:68px clamp(24px,7vw,108px) 52px;background:radial-gradient(circle at 88% 18%,rgba(185,152,200,.17),transparent 26%),linear-gradient(180deg,#fcfafe 0%,#f5eef8 100%);border-bottom:1px solid var(--line)}
.page-wrap{max-width:1120px;margin:0 auto}.page-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.08;margin:12px 0 14px;font-weight:800;letter-spacing:-.045em}.page-hero p{max-width:800px;margin:0;color:#665a6d;font-size:18px;line-height:1.85}.page-main{padding:62px clamp(24px,7vw,108px) 96px;background:#fdfafd}.page-section{margin:0 0 64px}.page-section:last-child{margin-bottom:0}.page-section h2,.content-panel h2,.profile-copy h2{font-size:clamp(30px,3.8vw,48px);line-height:1.28;letter-spacing:-.035em;margin:8px 0 18px}.page-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content-panel{padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(85,65,98,.05)}.content-panel.soft{background:linear-gradient(145deg,#fbf8fd,#f2eaf6)}.content-panel p,.wide-copy,.profile-copy p{color:#655a6b;font-size:16px;line-height:1.9}.simple-list{display:grid;gap:0;margin-top:20px;border-top:1px solid var(--line)}.simple-list div{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.simple-list strong{color:var(--sage-deep);font-size:13px;letter-spacing:.06em}.simple-list span{color:#655a6b}.simple-list.compact{max-width:780px}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.link-grid>a,.link-grid>div{display:flex;flex-direction:column;gap:8px;min-height:140px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.link-grid strong{font-size:20px}.link-grid span{color:var(--muted);font-size:14px}.link-grid>a:hover{border-color:rgba(111,79,134,.3);box-shadow:0 12px 30px rgba(85,65,98,.07)}.topic-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:26px;padding:32px 0;border-bottom:1px solid var(--line)}.topic-row>span{font-family:Georgia,serif;font-size:34px;color:var(--rose)}.topic-row h2{margin-top:4px}.topic-row p{max-width:780px;color:#655a6b;font-size:16px;line-height:1.9}.question-box{margin-top:20px;padding:18px 20px;border-left:3px solid var(--rose);background:#f6eff9}.question-box strong{font-size:12px;letter-spacing:.1em;color:var(--sage-deep)}.question-box p{margin:4px 0 0}.page-note{max-width:860px;margin-top:30px;padding-left:16px;border-left:2px solid var(--rose);font-size:12px;color:#7a7080}.profile-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:6vw;align-items:start;margin-bottom:72px}.profile-photo{max-width:360px;padding:12px;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.profile-photo img{width:100%;border-radius:20px}.profile-role{font-size:13px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important}.profile-button{margin-top:26px}
@media(max-width:820px){.page-grid.two,.profile-layout{grid-template-columns:1fr}.link-grid{grid-template-columns:1fr}.simple-list div{grid-template-columns:1fr;gap:4px}.topic-row{grid-template-columns:1fr;gap:10px}.topic-row>span{font-size:28px}.profile-photo{max-width:300px}.page-hero{padding:52px 22px 38px}.page-main{padding:46px 22px 72px}}


/* V2.8 — 100% desktop viewport compact hero */
@media (min-width:1101px){
  .site-header{padding:13px clamp(22px,4.2vw,64px)}
  .brand-mark{width:36px;height:36px;font-size:20px}
  .brand strong{font-size:17px}
  .brand small{font-size:9px}
  .nav{gap:25px;font-size:12px}
  .hero{min-height:0;grid-template-columns:minmax(0,1.18fr) minmax(250px,.62fr);gap:4.5vw;padding:30px clamp(24px,7vw,108px) 34px;align-items:center}
  .hero-copy{max-width:680px}
  .hero-meta{font-size:10px;letter-spacing:.18em;line-height:1.5}
  .hero h1{font-size:clamp(50px,5vw,74px);margin:10px 0 10px}
  .hero-title-group{gap:4px;margin-bottom:11px}
  .lab-title{font-size:clamp(24px,2.45vw,34px);line-height:1.25}
  .lab-title-en{font-size:clamp(15px,1.35vw,19px);line-height:1.4;max-width:650px}
  .hero-name{font-size:17px;margin-bottom:10px}
  .lead{font-size:clamp(18px,1.7vw,23px);line-height:1.48;margin-bottom:18px;max-width:620px}
  .hero-actions{gap:10px}
  .button{min-height:43px;padding:0 19px;font-size:13px}
  .hero-art{justify-content:center}
  .portrait-card{width:min(278px,100%);padding:10px;border-radius:23px}
  .portrait-frame{border-radius:17px}
}

@media (min-width:1101px) and (max-height:820px){
  .hero{padding-top:22px;padding-bottom:24px}
  .hero h1{font-size:62px}
  .lab-title{font-size:28px}
  .lab-title-en{font-size:16px}
  .portrait-card{width:244px}
  .lead{font-size:19px}
}


/* V2.9 — unified multi-page research-site system */
@media (min-width:821px){
  .page-hero{padding:46px clamp(24px,7vw,108px) 36px}
  .page-hero h1{font-size:clamp(38px,4.4vw,58px);margin:8px 0 10px}
  .page-hero p{font-size:16px;line-height:1.75;max-width:760px}
  .page-main{padding-top:48px;padding-bottom:76px}
}
.page-wrap{max-width:1080px}
.page-section{margin-bottom:52px}
.page-section h2,.content-panel h2,.profile-copy h2{font-size:clamp(28px,3.2vw,42px);margin:6px 0 14px}
.content-panel{padding:26px;border-radius:20px;box-shadow:none}
.page-grid.two{gap:16px}
.link-grid{gap:14px}.link-grid>a,.link-grid>div{min-height:124px;padding:20px;border-radius:18px}
.topic-row{grid-template-columns:56px minmax(0,1fr);gap:22px;padding:26px 0}.topic-row>span{font-size:30px}.question-box{margin-top:16px;padding:15px 18px}
.profile-layout{grid-template-columns:minmax(220px,.58fr) minmax(0,1.42fr);gap:5vw;margin-bottom:54px}.profile-photo{max-width:300px;padding:10px;border-radius:22px}.profile-photo img{border-radius:16px}
.nav a[aria-current="page"]{position:relative}.nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:99px;background:var(--sage-deep)}
.page-next{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center;margin-top:54px;padding-top:22px;border-top:1px solid var(--line)}
.page-next>span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}
.page-next>a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:14px 0;color:var(--ink)}
.page-next strong{font-size:22px}.page-next small{font-size:13px;color:var(--sage-deep);font-weight:700;text-align:right}
@media(max-width:820px){.page-next{grid-template-columns:1fr;gap:2px}.page-next>a{display:block}.page-next small{display:block;margin-top:4px;text-align:left}.page-hero h1{font-size:38px}.page-section{margin-bottom:44px}}


/* V3.0 — Publications */
.publication-page-hero{background:radial-gradient(circle at 86% 18%,rgba(185,152,200,.16),transparent 26%),linear-gradient(180deg,#fcfafe 0%,#f5eef8 100%)}
.publication-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.publication-summary span{padding:8px 13px;border:1px solid rgba(111,79,134,.16);border-radius:999px;background:rgba(255,255,255,.72);font-size:12px;color:#66536f}.publication-summary strong{color:var(--sage-deep);margin-right:4px}
.publication-main{padding:52px clamp(24px,7vw,108px) 86px;background:#fdfafd}.publication-wrap{max-width:1080px;margin:0 auto}.publication-group{margin-bottom:54px}.publication-group-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}.publication-group-head h2{margin:4px 0 0;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}.publication-group-head p{max-width:520px;margin:0;color:var(--muted)}.publication-list{display:grid;gap:14px}.publication-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:24px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.publication-cover{align-self:start;padding:8px;border-radius:12px;background:#f5f0f7;border:1px solid rgba(111,79,134,.08)}.publication-cover img{width:100%;max-height:156px;object-fit:contain}.publication-copy{min-width:0}.publication-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1e8f5;color:var(--sage-deep);font-size:10px;font-weight:800;letter-spacing:.08em}.publication-card h2{margin:10px 0 7px;font-size:21px;line-height:1.4;letter-spacing:-.02em}.publication-meta{margin:0 0 8px;color:#655a6b;font-size:13px;line-height:1.75}.publication-desc{margin:0;color:#6b606f;font-size:14px;line-height:1.8}.publication-link{display:inline-flex;margin-top:13px;color:var(--sage-deep);font-size:12px;font-weight:800}.publication-note{max-width:860px;padding-left:16px;border-left:2px solid var(--rose);color:#7a7080;font-size:12px;line-height:1.8}
@media(max-width:760px){.publication-main{padding:42px 22px 70px}.publication-group-head{display:block}.publication-group-head p{margin-top:8px}.publication-card{grid-template-columns:82px minmax(0,1fr);gap:16px;padding:16px}.publication-cover img{max-height:118px}.publication-card h2{font-size:18px}.publication-meta,.publication-desc{font-size:13px}}


/* V3.1 — Research outputs */
.research-output-section{max-width:1080px;margin:12px auto 0;padding-top:18px;border-top:1px solid var(--line)}
.research-output-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:0 0 34px}.research-output-head h2{font-size:clamp(32px,3.8vw,48px);margin:6px 0 8px;letter-spacing:-.035em}.research-output-head p{margin:0;color:var(--muted);max-width:600px}.research-output-counts{display:flex;gap:10px;flex-wrap:wrap}.research-output-counts span{display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#6a5e70;font-size:11px}.research-output-counts strong{font-size:14px;color:var(--sage-deep)}
.research-output-group{margin:0 0 52px}.research-output-group-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:16px}.research-output-group-head>div{display:grid;grid-template-columns:34px auto;column-gap:10px;align-items:baseline}.research-output-group-head span{grid-row:1/3;font-family:Georgia,serif;color:var(--rose);font-size:24px}.research-output-group-head h3{margin:0;font-size:26px;letter-spacing:-.02em}.research-output-group-head small{color:var(--muted);font-size:12px}.research-output-group-head>p{margin:0;color:var(--muted);font-size:13px}
.research-output-list{display:grid;gap:10px}.research-output-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:#fff}.output-year{font-family:Georgia,serif;font-size:23px;color:var(--sage-deep);line-height:1.2}.research-output-card h4{margin:0 0 7px;font-size:16px;line-height:1.55;letter-spacing:-.01em}.output-authors,.output-venue{margin:0;color:#6b6070;font-size:12px;line-height:1.7}.output-venue{margin-top:4px;color:var(--sage-deep);font-weight:700}
.conference-list{border-top:1px solid var(--line)}.conference-list article{display:grid;grid-template-columns:92px minmax(0,1fr);gap:20px;padding:17px 2px;border-bottom:1px solid var(--line)}.conference-list time{font-family:Georgia,serif;color:var(--sage-deep);font-size:17px}.conference-list h4{margin:0 0 4px;font-size:15px;line-height:1.55}.conference-list p{margin:0;color:#6b6070;font-size:12px;line-height:1.7}.research-source-note{margin-top:26px;padding:20px 22px;border-radius:16px;background:#f5eef8;border:1px solid rgba(111,79,134,.12)}.research-source-note p{margin:0;color:#6a5e70;font-size:12px;line-height:1.8}.research-source-note .text-link{margin-top:10px}
@media(max-width:760px){.research-output-head,.research-output-group-head{display:block}.research-output-counts{margin-top:16px}.research-output-group-head>p{margin-top:8px}.research-output-card{grid-template-columns:1fr;gap:8px}.conference-list article{grid-template-columns:1fr;gap:4px}.conference-list time{font-size:15px}}


/* V3.2 Research projects */
.research-project-list{display:grid;gap:16px}.research-project-card{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.research-project-card:last-child{border-bottom:1px solid var(--line)}.project-period{font-family:Georgia,serif;font-size:18px;color:var(--sage-deep)}.research-project-card h4,.student-project-list h4{margin:0 0 8px;font-size:18px;line-height:1.5}.research-project-card p,.student-project-list p{margin:0;color:var(--muted);font-size:14px}.research-project-card span{display:inline-flex;margin-top:10px;padding:6px 10px;border-radius:999px;background:#f1e8f5;color:var(--sage-deep);font-size:12px}.student-project-list{border-top:1px solid var(--line)}.student-project-list article{display:grid;grid-template-columns:90px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.student-project-list time{font-family:Georgia,serif;font-size:19px;color:var(--rose)}
@media (max-width:760px){.research-project-card,.student-project-list article{grid-template-columns:1fr;gap:8px}.project-period,.student-project-list time{font-size:16px}}

/* V3.3 academic books & chapters */
.publication-list-text{display:grid;gap:16px}
.publication-card-text{grid-template-columns:92px minmax(0,1fr);align-items:start}
.publication-year{display:grid;place-items:center;min-height:92px;border-radius:18px;background:#efe7f3;color:#6f4f86;font-family:Georgia,serif;font-size:22px;font-weight:700}
@media (max-width:760px){.publication-card-text{grid-template-columns:1fr}.publication-year{min-height:auto;display:inline-flex;width:max-content;padding:8px 12px;font-size:16px}}

/* V3.6 — centered editorial homepage composition + stable home return */
.hero{
  display:block;
  padding:0;
}
.hero-inner{
  width:min(100% - 48px, 1240px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 760px) 300px;
  gap:96px;
  align-items:center;
  min-height:620px;
  padding:44px 0 46px;
}
.hero-copy{max-width:none}
.hero-art{justify-content:center}
.portrait-card{width:300px}

@media (min-width:1101px){
  .hero{padding:0}
  .hero-inner{
    width:min(100% - 56px, 1260px);
    grid-template-columns:minmax(0, 780px) 292px;
    gap:92px;
    min-height:610px;
    padding:40px 0 44px;
  }
  .hero-copy{max-width:780px}
  .hero h1{font-size:68px;margin:10px 0 10px}
  .lab-title{font-size:30px}
  .lab-title-en{font-size:18px;max-width:760px}
  .hero-name{font-size:17px;margin-bottom:11px}
  .lead{font-size:21px;line-height:1.5;margin-bottom:20px;max-width:690px}
  .portrait-card{width:292px}
}

@media (min-width:1101px) and (max-height:820px){
  .hero-inner{min-height:540px;padding:26px 0 30px}
  .hero h1{font-size:62px}
  .lab-title{font-size:28px}
  .lab-title-en{font-size:16px}
  .lead{font-size:19px}
  .portrait-card{width:252px}
}

@media (max-width:1100px){
  .hero-inner{
    width:min(100% - 44px, 780px);
    grid-template-columns:1fr;
    gap:28px;
    min-height:0;
    padding:48px 0 58px;
  }
  .hero-art{justify-content:flex-start}
  .portrait-card{width:min(320px,100%)}
}

@media (max-width:760px){
  .hero{padding:0}
  .hero-inner{
    width:calc(100% - 44px);
    padding:34px 0 44px;
    gap:24px;
  }
}

/* V4.1 — Lab overview copy & mobile rhythm */
.intro .two-col > div:first-child h2{
  max-width:760px;
  text-wrap:balance;
}
@media (max-width:760px){
  .intro .two-col{gap:24px}
  .intro .two-col > div:first-child h2{
    font-size:30px;
    line-height:1.42;
    letter-spacing:-.025em;
    max-width:100%;
  }
  .intro .section-kicker{margin-bottom:14px}
  .intro .prose{
    font-size:15px;
    line-height:1.9;
  }
}
@media (max-width:420px){
  .intro .two-col > div:first-child h2{
    font-size:28px;
    line-height:1.45;
  }
}

/* V4.2 — Eliza responsive profile refinement */
@media (max-width:960px){
  .profile-layout{
    grid-template-columns:1fr !important;
    gap:28px !important;
    margin-bottom:46px;
  }
  .profile-photo{
    width:min(260px,72vw);
    max-width:none;
    margin:0 auto;
    padding:8px;
    border-radius:20px;
  }
  .profile-photo img{
    width:100%;
    height:auto;
    border-radius:14px;
  }
  .profile-copy{
    max-width:680px;
    margin:0 auto;
    width:100%;
  }
  .profile-copy .section-kicker{
    font-size:10px;
    letter-spacing:.16em;
    margin-bottom:6px;
  }
  .profile-copy h2{
    font-size:34px;
    margin:4px 0 6px;
  }
  .profile-role{
    font-size:12px !important;
    line-height:1.65;
    letter-spacing:.06em;
    margin:0 0 18px;
  }
  .profile-copy > p:not(.profile-role){
    font-size:15px;
    line-height:1.85;
    margin:0 0 20px;
  }
  .profile-copy .simple-list{
    margin-top:16px;
  }
  .profile-copy .simple-list div{
    grid-template-columns:1fr;
    gap:4px;
    padding:13px 0;
  }
  .profile-copy .simple-list strong{
    font-size:12px;
  }
  .profile-copy .simple-list span{
    font-size:14px;
    line-height:1.7;
  }
  .profile-button{
    margin-top:20px;
  }
}

@media (max-width:760px){
  .page-hero{
    padding:34px 22px 26px;
  }
  .page-hero h1{
    font-size:34px;
    margin:6px 0 8px;
  }
  .page-hero p{
    font-size:14px;
    line-height:1.7;
  }
  .page-main{
    padding:36px 22px 64px;
  }
  .profile-layout{
    gap:22px !important;
    margin-bottom:40px;
  }
  .profile-photo{
    width:min(230px,68vw);
  }
  .profile-copy h2{
    font-size:30px;
  }
  .profile-copy > p:not(.profile-role){
    font-size:14px;
    line-height:1.8;
  }
}

@media (max-width:420px){
  .profile-photo{
    width:min(210px,66vw);
  }
  .profile-copy h2{
    font-size:28px;
  }
}

/* V4.3 — Desktop navigation readability */
@media (min-width:1361px){
  .site-header{
    padding-left:clamp(28px,4.2vw,72px);
    padding-right:clamp(28px,4.2vw,72px);
  }
  .site-header .nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:20px;
    font-size:15.5px;
    font-weight:750;
    letter-spacing:.01em;
    white-space:nowrap;
  }
  .site-header .nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 2px;
    line-height:1.2;
    border-radius:999px;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .site-header .nav a:hover{
    color:var(--sage-deep);
    transform:translateY(-1px);
  }
  .site-header .nav a[aria-current="page"]{
    padding-left:17px;
    padding-right:17px;
    background:#f0e7f4;
    color:var(--sage-deep);
  }
  .site-header .nav a[aria-current="page"]::after{
    display:none;
  }
}

@media (min-width:1101px) and (max-width:1360px){
  .site-header .nav{
    gap:12px;
    font-size:13.5px;
    white-space:nowrap;
  }
  .site-header .nav a[aria-current="page"]{
    padding:7px 12px;
    border-radius:999px;
    background:#f0e7f4;
  }
  .site-header .nav a[aria-current="page"]::after{
    display:none;
  }
}

@media (min-width:761px) and (max-width:1100px){
  .site-header{
    align-items:flex-start;
    gap:18px;
  }
  .site-header .nav{
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px 14px;
    font-size:13px;
  }
  .site-header .nav a[aria-current="page"]{
    padding:6px 11px;
    border-radius:999px;
    background:#f0e7f4;
  }
  .site-header .nav a[aria-current="page"]::after{
    display:none;
  }
}

/* V4.4 — Restore homepage Learning Lab / Seven Domains layout and link hit areas */
#learning-lab,
#areas,
#area-research,
#area-education,
#area-clinical,
#area-industry,
#area-service,
#area-advocacy,
#area-consciousness{
  scroll-margin-top:110px;
}

.home-labs,
.areas{
  position:relative;
  z-index:1;
}

.home-labs .section-heading,
.areas .section-heading{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
  gap:42px;
  align-items:end;
  margin-bottom:28px;
}
.home-labs .section-heading h2,
.areas .section-heading h2{
  margin:6px 0 0;
}
.home-labs .section-heading>p,
.areas .section-heading>p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}

/* Learning Loop */
.sera-cycle{
  display:flex;
  align-items:stretch;
  gap:10px;
  margin:28px 0 34px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(145deg,#fcf9fd,#f5eef8);
  overflow-x:auto;
}
.sera-cycle>div{
  flex:1 0 150px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(111,79,134,.10);
  border-radius:16px;
  background:rgba(255,255,255,.80);
}
.sera-cycle>div span{
  display:block;
  margin-bottom:5px;
  color:var(--rose);
  font:700 12px/1 Georgia,serif;
}
.sera-cycle>div strong{
  display:block;
  margin-bottom:5px;
  color:var(--sage-deep);
  font-size:14px;
}
.sera-cycle>div small{
  display:block;
  color:#746a79;
  font-size:11px;
  line-height:1.6;
}
.sera-cycle>b{
  display:flex;
  align-items:center;
  color:#9a8ca0;
  font-weight:600;
}

/* Learning Lab cards */
.home-lab-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:26px;
}
.home-lab-card{
  position:relative;
  z-index:1;
  min-height:270px;
  display:flex;
  flex-direction:column;
  padding:24px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(85,65,98,.04);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.home-lab-card:hover{
  transform:translateY(-3px);
  border-color:rgba(111,79,134,.22);
  box-shadow:0 16px 36px rgba(85,65,98,.08);
}
.home-lab-card.featured{
  background:linear-gradient(145deg,#fff,#f6f0f8);
}
.lab-topline{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.lab-topline span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  color:var(--sage-deep);
}
.lab-topline em{
  font-size:11px;
  font-style:normal;
  color:var(--muted);
}
.home-lab-card h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.45;
}
.home-lab-card p{
  margin:0;
  color:#6d626f;
  font-size:14px;
  line-height:1.8;
}
.home-lab-card a{
  position:relative;
  z-index:5;
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-top:auto;
  padding-top:18px;
  color:var(--sage-deep);
  font-size:13px;
  font-weight:850;
}
.home-lab-card a:hover{
  text-decoration:underline;
}

/* Student / educator entry */
.learning-audience{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.learning-audience>div{
  position:relative;
  padding:24px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fcfbfd;
}
.audience-label{
  display:inline-block;
  margin-bottom:8px;
  color:var(--rose);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.learning-audience h3{
  margin:0 0 8px;
  font-size:20px;
}
.learning-audience p{
  margin:0;
  color:#6d626f;
  font-size:13px;
  line-height:1.75;
}
.learning-audience a{
  position:relative;
  z-index:5;
  pointer-events:auto;
  display:inline-flex;
  margin-top:14px;
  color:var(--sage-deep);
  font-size:12px;
  font-weight:850;
}

/* Seven Domains */
.area-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.area-tile{
  position:relative;
  z-index:1;
  min-width:0;
  padding:26px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 24px rgba(85,65,98,.035);
}
.area-tile-wide{
  grid-column:1/-1;
}
.area-no{
  display:block;
  margin-bottom:8px;
  color:var(--rose);
  font:700 24px/1 Georgia,serif;
}
.area-en{
  margin:0 0 5px!important;
  color:var(--sage-deep)!important;
  font-size:11px!important;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.area-tile h3{
  margin:0 0 10px;
  font-size:24px;
}
.area-tile>p:not(.area-en){
  margin:0;
  color:#6d626f;
  font-size:14px;
  line-height:1.8;
}
.area-links{
  position:relative;
  z-index:4;
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:16px;
}
.area-links a{
  position:relative;
  z-index:5;
  pointer-events:auto!important;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  background:#f3ecf6;
  color:var(--sage-deep);
  font-size:12px;
  font-weight:850;
  transition:background .18s ease,transform .18s ease;
}
.area-links a:hover{
  background:#eadff0;
  transform:translateY(-1px);
}
.area-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
.area-tags li,
.area-status{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:#f7f2f9;
  color:#77687f;
  font-size:11px;
  font-weight:750;
}
.area-status{
  margin-top:16px;
}
.areas-note{
  margin:20px 0 0;
  padding:15px 18px;
  border-left:3px solid var(--rose);
  border-radius:0 14px 14px 0;
  background:#faf7fb;
  color:#776b7c;
  font-size:12px;
  line-height:1.75;
}

/* Protect interactive elements from decorative overlap */
.home-lab-card::before,
.home-lab-card::after,
.area-tile::before,
.area-tile::after{
  pointer-events:none;
}
.home-labs a,
.areas a,
.hero-actions a{
  pointer-events:auto;
}

/* Header home anchor links */
.site-header .nav a{
  position:relative;
  z-index:2;
  pointer-events:auto;
}

@media(max-width:980px){
  .home-labs .section-heading,
  .areas .section-heading{
    grid-template-columns:1fr;
    gap:10px;
  }
  .home-lab-grid{
    grid-template-columns:1fr;
  }
  .learning-audience,
  .area-grid{
    grid-template-columns:1fr;
  }
  .area-tile-wide{
    grid-column:auto;
  }
}
@media(max-width:700px){
  .sera-cycle{
    margin-left:-4px;
    margin-right:-4px;
    padding:12px;
  }
  .sera-cycle>b{
    flex:0 0 auto;
  }
  .home-lab-card,
  .learning-audience>div,
  .area-tile{
    padding:20px;
    border-radius:18px;
  }
  .home-lab-card h3,
  .area-tile h3{
    font-size:20px;
  }
  .area-links{
    display:grid;
    grid-template-columns:1fr;
  }
  .area-links a{
    width:100%;
    justify-content:space-between;
    box-sizing:border-box;
  }
}


/* === Sera.Phina Platform IA v2 · 2026.10 === */
.sp-v2-header{gap:28px}.sp-main-nav{align-items:center;gap:22px}.nav-highlight{color:var(--sage-deep)!important}.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;cursor:pointer;color:var(--muted);font-weight:700}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary::after{content:"⌄";margin-left:6px;font-size:10px}.nav-dropdown[open]>summary{color:var(--sage-deep)}.nav-menu{position:absolute;top:30px;left:-18px;min-width:210px;padding:10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(63,48,75,.14);display:grid;z-index:50}.nav-menu-right{left:auto;right:-10px}.nav-menu a{padding:10px 12px;border-radius:9px;white-space:nowrap;font-size:12px}.nav-menu a:hover{background:#f5eff8}.sp-mobile-menu{display:none;position:relative}.sp-mobile-menu>summary{list-style:none;cursor:pointer;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;font-size:20px}.sp-mobile-menu>summary::-webkit-details-marker{display:none}.sp-mobile-panel{position:absolute;right:0;top:50px;width:min(320px,84vw);padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(63,48,75,.18);display:grid;z-index:70}.sp-mobile-panel a{display:grid;gap:3px;padding:12px;border-radius:10px}.sp-mobile-panel a:hover{background:#f7f2f9}.sp-mobile-panel span{font-size:10px;color:var(--muted)}
.sp-v2-footer{display:grid!important;grid-template-columns:1.5fr repeat(2,minmax(140px,.65fr)) 1.1fr!important;gap:34px!important;padding:48px clamp(24px,7vw,108px) 26px!important}.sp-v2-footer p{font-size:12px!important;line-height:1.7}.footer-brand span,.footer-system span{display:block!important;margin:6px 0 0!important;color:#cbbbd3!important;font-size:10px!important;line-height:1.5}.footer-col,.footer-system{display:grid;align-content:start;gap:8px}.footer-col strong,.footer-system strong{font-size:11px!important;text-transform:uppercase;letter-spacing:.12em;color:#f5eef8}.footer-col a{font-size:11px;color:#ded1e5}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:9px;color:#bbaac4}
.sp-home-hero{min-height:auto}.sp-home-intro{padding-bottom:60px}.sp-home-lab-entry{padding-top:0}.sp-entry-card{max-width:1120px;margin:auto;padding:34px;border:1px solid rgba(111,79,134,.14);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f0e8f5 100%);display:flex;justify-content:space-between;align-items:end;gap:34px;box-shadow:0 14px 40px rgba(85,65,98,.08)}.sp-entry-card h2{margin:8px 0 10px}.sp-entry-card p{max-width:760px;color:var(--muted);line-height:1.8}.sp-category-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.sp-category-pills span{padding:7px 10px;border:1px solid rgba(111,79,134,.14);border-radius:999px;background:rgba(255,255,255,.7);font-size:11px;color:#66536f}.sp-domain-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.sp-domain-grid a{min-height:150px;padding:20px 15px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s}.sp-domain-grid a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.sp-domain-grid span{font-size:10px;color:#927fa0;margin-bottom:auto}.sp-domain-grid strong{font-size:17px}.sp-domain-grid small{margin-top:5px;color:var(--muted);font-size:9px}.sp-home-paths{padding-top:0}.sp-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sp-path-grid a{padding:27px;border:1px solid var(--line);border-radius:22px;background:#fff}.sp-path-grid span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep);font-weight:800}.sp-path-grid h3{font-size:23px;margin:14px 0 8px}.sp-path-grid p{color:var(--muted);line-height:1.7}.sp-path-grid b{display:block;margin-top:20px;font-size:12px;color:var(--sage-deep)}
.sp-lab-hub-hero{padding:72px clamp(24px,7vw,108px) 54px;background:radial-gradient(circle at 88% 12%,rgba(185,152,200,.22),transparent 24%),linear-gradient(180deg,#fcfafe 0%,#f4edf8 100%)}.sp-lab-hub-hero .lab-wrap{max-width:1120px;margin:auto}.sp-lab-hub-hero h1{font-size:clamp(42px,6vw,72px);margin:10px 0 12px;letter-spacing:-.04em}.sp-lab-hub-hero p{max-width:760px;color:#665a6d;font-size:16px;line-height:1.85}.sp-hub-jumps{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.sp-hub-jumps a{padding:8px 12px;border-radius:999px;border:1px solid rgba(111,79,134,.16);background:rgba(255,255,255,.72);font-size:11px;font-weight:800;color:#66536f}.sp-hub-actions{margin-top:18px}.sp-lab-hub-main{max-width:1160px;margin:0 auto;padding:46px 24px 90px}.sp-tool-category{scroll-margin-top:92px;margin-top:62px}.sp-category-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:18px}.sp-category-head span{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--sage-deep)}.sp-category-head h2{margin:5px 0 0;font-size:32px}.sp-category-head p{max-width:420px;margin:0;color:var(--muted);font-size:13px}.sp-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-category-grid .lab-card{min-height:240px}.sp-simple-hero{padding:76px clamp(24px,7vw,108px) 54px;background:linear-gradient(180deg,#fcfafe,#f5eef8);border-bottom:1px solid var(--line)}.sp-simple-hero>div{max-width:1120px;margin:auto}.sp-simple-hero h1{font-size:clamp(42px,6vw,68px);margin:10px 0}.sp-simple-hero p{max-width:760px;color:var(--muted);font-size:16px;line-height:1.8}.sp-update-page{max-width:1120px;margin:auto}.sp-version-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.sp-version-card>span{font-size:10px;letter-spacing:.14em;color:var(--sage-deep);font-weight:900}.sp-version-card h2{margin:8px 0}.sp-version-card ul{line-height:1.8;color:var(--muted)}.sp-update-list{margin-top:24px}.sp-update-list article{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line)}.sp-update-list time{font-weight:900;color:var(--sage-deep)}.sp-update-list h3{margin:0 0 5px}.sp-update-list p{margin:0;color:var(--muted)}
@media(max-width:1050px){.sp-main-nav{display:none!important}.sp-mobile-menu{display:block}.sp-domain-grid{grid-template-columns:repeat(4,1fr)}.sp-v2-footer{grid-template-columns:1.3fr 1fr 1fr!important}.footer-system{grid-column:1/-1}}
@media(max-width:760px){.sp-entry-card{display:block;padding:26px}.sp-entry-card .button{margin-top:22px}.sp-domain-grid{grid-template-columns:repeat(2,1fr)}.sp-path-grid,.sp-category-grid{grid-template-columns:1fr}.sp-category-head{display:block}.sp-category-head p{margin-top:8px}.sp-v2-footer{grid-template-columns:1fr 1fr!important}.footer-brand,.footer-system,.footer-bottom{grid-column:1/-1}.footer-bottom{display:grid}.sp-update-list article{grid-template-columns:1fr;gap:6px}.sp-lab-hub-main{padding:34px 18px 70px}}


/* V4.5 — Desktop dropdown auto-collapse visual behavior */
@media (min-width:1051px){
  .sp-main-nav .nav-dropdown[open]:not(:hover):not(:focus-within) .nav-menu{
    display:none;
  }
  .sp-main-nav .nav-dropdown[open]:not(:hover):not(:focus-within)>summary{
    color:var(--muted);
  }
}


/* V4.6 — Learning Lab hub visual hierarchy & category colors */
.sp-lab-hub-hero{
  position:relative;
  overflow:hidden;
  padding-top:64px;
  padding-bottom:44px;
}
.sp-lab-hub-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-120px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(154,131,173,.16),rgba(154,131,173,0) 68%);
  pointer-events:none;
}
.sp-lab-hub-hero .lab-wrap{position:relative;z-index:1}
.sp-lab-hub-hero h1{
  max-width:720px;
  font-size:clamp(38px,5.1vw,64px);
  line-height:1.08;
}
.sp-hub-jumps{
  gap:10px;
  margin-top:24px;
}
.sp-hub-jumps a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  background:#fff;
  box-shadow:0 5px 18px rgba(85,65,98,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.sp-hub-jumps a:hover{
  transform:translateY(-2px);
  border-color:rgba(111,79,134,.28);
  box-shadow:0 9px 24px rgba(85,65,98,.08);
}
.sp-lab-hub-main{
  max-width:1200px;
  padding-top:34px;
}
.sp-lab-hub-main>.sp-learning-loop{
  margin-top:0;
  margin-bottom:12px;
  border-style:dashed;
  box-shadow:none;
}
.sp-tool-category{
  --cat:#7b6790;
  --cat-soft:#f4eff7;
  --cat-border:rgba(123,103,144,.22);
  position:relative;
  margin-top:48px;
  padding:28px;
  border:1px solid var(--cat-border);
  border-radius:28px;
  background:linear-gradient(180deg,var(--cat-soft) 0%,rgba(255,255,255,.86) 46%,#fff 100%);
}
.sp-tool-category::before{
  content:"";
  position:absolute;
  left:0;
  top:28px;
  bottom:28px;
  width:4px;
  border-radius:0 99px 99px 0;
  background:var(--cat);
}
.sp-tool-category#teaching{
  --cat:#4f78b8;
  --cat-soft:#eaf2ff;
  --cat-border:rgba(79,120,184,.34);
}
.sp-tool-category#research{
  --cat:#7650a8;
  --cat-soft:#f2eafd;
  --cat-border:rgba(118,80,168,.34);
}
.sp-tool-category#clinical{
  --cat:#3f8b6e;
  --cat-soft:#e8f7f0;
  --cat-border:rgba(63,139,110,.34);
}
.sp-tool-category#creative{
  --cat:#c56f4f;
  --cat-soft:#fff0e8;
  --cat-border:rgba(197,111,79,.34);
}
.sp-tool-category#self{
  --cat:#a67a32;
  --cat-soft:#fbf3df;
  --cat-border:rgba(166,122,50,.34);
}
.sp-category-head{
  align-items:flex-start;
  margin-bottom:22px;
  padding:0 4px;
}
.sp-category-head span{color:var(--cat)}
.sp-category-head h2{
  font-size:30px;
  letter-spacing:-.03em;
}
.sp-category-head p{
  max-width:460px;
  padding-top:4px;
  line-height:1.7;
}
.sp-category-grid{
  gap:16px;
}
.sp-category-grid .lab-card{
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:23px;
  border-color:var(--cat-border);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 22px rgba(63,48,75,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.sp-category-grid .lab-card:hover{
  transform:translateY(-3px);
  border-color:var(--cat);
  box-shadow:0 15px 32px rgba(63,48,75,.09);
}
.sp-category-grid .lab-card.primary{
  background:linear-gradient(145deg,#fff,var(--cat-soft));
}
.sp-category-grid .lab-card .lab-kicker{
  display:inline-flex;
  align-self:flex-start;
  width:auto;
  margin-bottom:12px;
  padding:5px 9px;
  border-radius:999px;
  background:var(--cat-soft);
  color:var(--cat);
  font-size:9px;
  letter-spacing:.1em;
  font-weight:900;
}
.sp-category-grid .lab-card h2{
  margin:0 0 9px;
  font-size:21px;
  line-height:1.42;
  letter-spacing:-.025em;
}
.sp-category-grid .lab-card p{
  margin:0 0 18px;
  color:#716777;
  font-size:13px;
  line-height:1.78;
}
.sp-category-grid .lab-actions{
  margin-top:auto;
  padding-top:4px;
}
.sp-category-grid .lab-btn{
  min-height:38px;
  padding:9px 14px;
  border-radius:999px;
  background:var(--cat);
  color:#fff!important;
  box-shadow:none;
  font-size:11px;
}
.sp-category-grid .lab-btn:hover{
  filter:brightness(.96);
  transform:translateY(-1px);
}
.sp-lab-hub-main>.lab-note{
  margin-top:34px;
  border-radius:18px;
  background:#faf8fb;
}
@media(max-width:760px){
  .sp-lab-hub-hero{padding-top:44px;padding-bottom:34px}
  .sp-lab-hub-hero h1{font-size:38px}
  .sp-tool-category{
    margin-top:32px;
    padding:22px 18px;
    border-radius:22px;
  }
  .sp-tool-category::before{top:22px;bottom:22px}
  .sp-category-head h2{font-size:27px}
  .sp-category-grid .lab-card{
    padding:20px;
    border-radius:18px;
  }
}


/* V4.7 — Learning Lab flagship polish */
.sp-hub-stats{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.sp-hub-stats>div{
  min-width:120px;
  padding:13px 16px;
  border:1px solid rgba(111,79,134,.14);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 24px rgba(85,65,98,.045);
}
.sp-hub-stats strong{
  display:block;
  font:700 24px/1 Georgia,serif;
  color:var(--sage-deep);
}
.sp-hub-stats span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
}
.sp-category-head h2{
  display:flex;
  align-items:center;
  gap:10px;
}
.sp-cat-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  background:var(--cat);
  color:#fff;
  font-size:15px;
  font-weight:900;
  box-shadow:0 6px 16px color-mix(in srgb,var(--cat) 18%,transparent);
}
.sp-tool-category#research .sp-category-grid,
.sp-tool-category#creative .sp-category-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.sp-tool-category#self .sp-category-grid{
  grid-template-columns:minmax(0,720px);
}
.sp-category-grid .lab-card{
  position:relative;
  overflow:hidden;
}
.sp-category-grid .lab-card::after{
  content:"";
  position:absolute;
  right:-34px;
  top:-34px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--cat) 15%,transparent),transparent 70%);
  pointer-events:none;
}
.sp-category-grid .lab-card>*{
  position:relative;
  z-index:1;
}
.sp-category-grid .lab-card h2{
  max-width:92%;
}
.sp-category-grid .lab-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.sp-category-grid .lab-btn::after{
  content:"→";
  margin-left:8px;
  transition:transform .18s ease;
}
.sp-category-grid .lab-btn:hover::after{
  transform:translateX(3px);
}
.sp-tool-category#clinical .lab-card.primary{
  border-width:1.5px;
  box-shadow:0 12px 30px rgba(63,48,75,.07);
}
.sp-lab-hub-main>.sp-learning-loop{
  padding:22px 24px;
  border-radius:20px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(247,242,250,.96)),
    repeating-linear-gradient(90deg,transparent 0 39px,rgba(111,79,134,.025) 40px);
}
.sp-lab-hub-main>.sp-learning-loop h3{
  font-size:20px;
  letter-spacing:-.015em;
}
.sp-lab-hub-main>.sp-learning-loop p{
  max-width:880px;
}
.sp-lab-hub-main .sp-history-list:empty{
  display:none;
}
@media(max-width:980px){
  .sp-tool-category#research .sp-category-grid,
  .sp-tool-category#creative .sp-category-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:760px){
  .sp-hub-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
  }
  .sp-hub-stats>div{
    min-width:0;
    padding:11px 10px;
    text-align:center;
  }
  .sp-hub-stats strong{
    font-size:21px;
  }
  .sp-tool-category#research .sp-category-grid,
  .sp-tool-category#creative .sp-category-grid,
  .sp-tool-category#self .sp-category-grid{
    grid-template-columns:1fr;
  }
  .sp-cat-icon{
    width:28px;
    height:28px;
    border-radius:9px;
    font-size:13px;
  }
}


/* V4.8 — Stronger category differentiation */
.sp-tool-category{
  box-shadow:0 10px 28px color-mix(in srgb,var(--cat) 7%,transparent);
}
.sp-tool-category .sp-category-head{
  border-bottom:1px solid var(--cat-border);
  padding-bottom:18px;
}
.sp-tool-category .sp-category-head h2{
  color:color-mix(in srgb,var(--cat) 76%,#2f2834);
}
.sp-tool-category .sp-category-head p{
  color:color-mix(in srgb,var(--cat) 42%,#756b79);
}
.sp-category-grid .lab-card{
  border-top:3px solid var(--cat);
}
.sp-category-grid .lab-card:hover{
  background:linear-gradient(180deg,#fff 0%,var(--cat-soft) 100%);
}
.sp-category-grid .lab-btn{
  box-shadow:0 7px 18px color-mix(in srgb,var(--cat) 20%,transparent);
}
.sp-category-grid .lab-kicker{
  border:1px solid color-mix(in srgb,var(--cat) 22%,transparent);
}
.sp-hub-jumps a[href="#teaching"]{border-color:rgba(79,120,184,.28);color:#4f78b8;background:#f6f9ff}
.sp-hub-jumps a[href="#research"]{border-color:rgba(118,80,168,.28);color:#7650a8;background:#faf7ff}
.sp-hub-jumps a[href="#clinical"]{border-color:rgba(63,139,110,.28);color:#3f8b6e;background:#f5fbf8}
.sp-hub-jumps a[href="#creative"]{border-color:rgba(197,111,79,.28);color:#c56f4f;background:#fff8f4}
.sp-hub-jumps a[href="#self"]{border-color:rgba(166,122,50,.28);color:#a67a32;background:#fffaf0}


/* V4.9 — Sera.Phina secret passage to AML */
.sp-secret-passage{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:26px;
  align-items:center;
  margin-top:34px;
  padding:28px 30px;
  border:1px solid rgba(178,145,88,.28);
  border-radius:24px;
  background:
    radial-gradient(circle at 10% 50%,rgba(199,167,106,.16),transparent 24%),
    linear-gradient(135deg,#352a3e 0%,#44334f 56%,#2e2535 100%);
  color:#f8f3fb;
  box-shadow:0 18px 42px rgba(63,48,75,.14);
}
.sp-secret-passage::after{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(231,207,155,.14);
  border-radius:18px;
  pointer-events:none;
}
.sp-secret-gate{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:118px;
  height:118px;
  margin:auto;
  border:1px solid rgba(231,207,155,.38);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  box-shadow:
    inset 0 0 0 7px rgba(231,207,155,.035),
    0 0 32px rgba(199,167,106,.11);
}
.sp-secret-gate::before{
  content:"";
  position:absolute;
  inset:13px;
  border:1px solid rgba(231,207,155,.26);
  border-radius:15px;
  box-shadow:0 0 18px rgba(231,207,155,.08);
  transition:box-shadow .28s ease,border-color .28s ease;
}
.sp-secret-gate::after{
  content:"";
  position:absolute;
  top:13px;
  bottom:13px;
  left:50%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,239,201,.7),transparent);
  box-shadow:0 0 9px rgba(255,239,201,.35);
  transition:box-shadow .28s ease,transform .28s ease;
}
.sp-secret-gate__core{
  position:relative;
  z-index:2;
  color:#e7cf9b;
  font:700 16px/1 Georgia,"Times New Roman",serif;
  letter-spacing:.14em;
}
.sp-secret-copy{
  position:relative;
  z-index:1;
}
.sp-secret-kicker{
  color:#d9bd80;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.sp-secret-copy h2{
  margin:7px 0 9px;
  color:#fff;
  font-size:clamp(22px,2.8vw,30px);
  line-height:1.35;
  letter-spacing:-.025em;
}
.sp-secret-copy p{
  max-width:760px;
  margin:0;
  color:#ded3e3;
  font-size:12.5px;
  line-height:1.78;
}
.sp-secret-cta{
  display:inline-flex;
  align-items:center;
  margin-top:16px;
  padding:10px 14px;
  border:1px solid rgba(231,207,155,.28);
  border-radius:999px;
  background:rgba(231,207,155,.09);
  color:#f3ddb0!important;
  font-size:11.5px;
  font-weight:900;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.sp-secret-cta:hover{
  transform:translateX(3px);
  background:rgba(231,207,155,.15);
  border-color:rgba(231,207,155,.48);
}
.sp-secret-passage:hover .sp-secret-gate::before{
  border-color:rgba(255,239,201,.48);
  box-shadow:0 0 28px rgba(231,207,155,.16);
}
.sp-secret-passage:hover .sp-secret-gate::after{
  transform:scaleY(.82);
  box-shadow:0 0 16px rgba(255,239,201,.56);
}
@media(max-width:700px){
  .sp-secret-passage{
    grid-template-columns:1fr;
    gap:16px;
    padding:24px 20px;
  }
  .sp-secret-gate{
    width:86px;
    height:86px;
    margin:0;
    border-radius:18px;
  }
  .sp-secret-gate::before{
    inset:10px;
  }
  .sp-secret-gate::after{
    top:10px;
    bottom:10px;
  }
}