:root{--ink:#283E53;--accent:#365F80;--muted:#536B80;--line:#DFE7EF;--paper:#FAFBFE;--white:#FFFFFF;--gold:#8C5360;--soft:#EFF6FA;--shadow:0 12px 40px #49647E12}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
a{color:var(--accent);text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
button:disabled{opacity:.55;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5F93B4;outline-offset:4px}
h1,h2,h3,p{margin-top:0}
h1{line-height:1.4;font-weight:600;letter-spacing:-.035em}
h2{font-size:24px;font-weight:600;line-height:1.5;margin-bottom:16px}
h3{font-size:19px;font-weight:600}
p{margin-bottom:16px}
small{font-size:12px}
hr{border:0;border-top:1px solid var(--line);margin:26px 0}
[hidden]{display:none!important}
.skip{position:fixed;left:20px;top:-100px;z-index:99;background:white;padding:12px}
.skip:focus{top:12px}
.site-header{background:#FFFFFFED;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.nav-shell{max-width:1400px;margin:auto;min-height:86px;padding:12px 42px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;font:650 25px "Segoe UI",sans-serif;letter-spacing:-.9px;white-space:nowrap;color:var(--ink)}
.brand>span:last-child{color:var(--accent)}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#283E53;font:italic 29px Georgia,serif;border-radius:11px;width:38px;height:38px;margin-right:10px;letter-spacing:-4px;padding-right:5px}
.brand-mark span{color:#587B94}
.nav-shell nav{display:flex;gap:25px;align-items:center;margin-left:auto}
nav a{color:var(--muted);font-size:13px;white-space:nowrap;position:relative;padding:10px 0}
nav a.active{color:var(--accent);font-weight:600}
nav a.active:after{content:"";height:3px;border-radius:3px;background:var(--accent);position:absolute;bottom:1px;left:25%;right:25%}
.quiet{border:0;background:transparent;padding:8px 3px;color:var(--muted)}
.small{font-size:12px;white-space:nowrap}
.text-button{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
main{max-width:1320px;margin:auto;padding:0 42px;min-height:calc(100vh - 200px)}
main:focus{outline:none}
.page{animation:page-in .35s ease both}
.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;min-height:570px;padding:54px 0 50px;gap:32px}
.eyebrow{display:block;color:var(--accent);font-size:10px;letter-spacing:.18em;font-weight:650;line-height:1.8}
.hero .eyebrow{display:flex;align-items:center;gap:9px;font-size:10px}
.live-dot{width:6px;height:6px;flex-shrink:0;background:var(--gold);border-radius:50%}
.hero h1{font-size:clamp(34px,3.2vw,47px);margin:22px 0 19px}
.hero h1>span{display:block;color:var(--accent)}
.hero-subtitle{font-size:15px;color:var(--ink);margin-bottom:12px}
.hero-description{color:var(--muted);font-size:14px;line-height:1.9}
.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:26px}
.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;padding:11px 22px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #49647E12}
.primary{background:var(--accent);color:white}
.primary:hover{background:#315776}
.secondary{background:transparent;border-color:#C6DDEB;color:var(--accent)}
.hero-facts{display:flex;gap:32px;margin-top:32px}
.hero-facts>div{display:flex;align-items:center;gap:10px}
.hero-facts strong{font:28px Georgia,serif;color:var(--accent)}
.hero-facts span{font-size:10px;color:var(--muted);max-width:64px;line-height:1.65}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:18px 0 24px}
.section-heading h2{margin:8px 0 0}
.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 4px}
.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.entry-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:26px;display:block;color:var(--ink);transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden;position:relative}
.entry-card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--accent);transition:width .35s}
.entry-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#B4DCE1}
.entry-card:hover:after{width:100%}
.entry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.entry-number{font-size:9px;letter-spacing:.14em;color:#62788C}
.entry-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#FBE8EA;color:#8C5360;font-size:29px;line-height:1}
.batch-icon{background:#E5F2F9;color:#365F80}
.evidence-icon{background:#E4F4F1;color:#356D6C}
.entry-card h3{margin-bottom:12px;display:flex;justify-content:space-between}
.entry-card h3>span{color:#628498;font-size:20px;font-weight:400}
.entry-card p{font-size:13px;color:var(--muted);line-height:1.85;min-height:48px;margin-bottom:22px}
.entry-link{font-size:12px;color:var(--accent);font-weight:550}
.scope-strip{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:38px 0;padding:22px 0}
.scope-symbol{font-size:30px;color:var(--gold)}
.scope-strip p{font-size:12px;color:var(--muted);margin:0;flex:1}
.scope-strip strong{color:var(--ink)}
.scope-strip a{font-size:11px;white-space:nowrap}
.page-heading{padding:46px 0 28px}
.page-heading h1{font-size:32px;margin:12px 0}
.page-heading p{color:var(--muted);margin:0;font-size:14px}
.workspace-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-bottom:48px}
.panel{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:30px;min-width:0}
.soft-panel{background:#F0F7FC}
.panel h2{margin-top:10px;font-size:22px}
.panel p{font-size:14px}
.tag{display:inline-block;border:1px solid #CCE2EC;color:var(--accent);font-size:11px;padding:3px 10px;border-radius:20px;background:#EBF6FA}
.muted{font-size:12px!important;color:var(--muted)}
.required{color:#945566}
.field-note{font-size:11px!important;color:var(--muted);margin:16px 0 0}
label:not(.upload-zone):not(.search-wrap){display:block;font-size:13px;font-weight:600;margin:22px 0 7px}
input:not([type=file]),textarea,select{background:#FFFFFF;border:1px solid #CBDCE7;border-radius:8px;padding:11px 13px;color:var(--ink);max-width:100%;width:100%}
input::placeholder,textarea::placeholder{color:#6D7F90}
input[type=file]{display:block;max-width:100%;font-size:12px;color:var(--muted);margin-top:15px}
input[type=file]::file-selector-button{background:var(--soft);border:1px solid #CBDCE7;border-radius:5px;padding:8px 12px;color:var(--accent);margin-right:10px;cursor:pointer}
textarea{resize:vertical;font:14px/1.8 monospace}
select{width:auto}
.steps{padding:0;list-style:none;margin:25px 0}
.steps li{display:flex;gap:16px;margin:22px 0}
.steps b{font:16px Georgia,serif;color:#65849C;padding-top:3px}
.steps strong{font-size:14px}
.steps p{font-size:12px;color:var(--muted);margin:3px 0}
.notice{border-left:3px solid #E0AFAF;background:#FCF0EB;color:#78544D;padding:13px 16px;border-radius:0 6px 6px 0;font-size:12px;margin:22px 0;line-height:1.85}
.segmented{display:flex;background:#EDF3F8;border-radius:8px;padding:4px;gap:5px;margin-bottom:25px}
.segmented button{border:0;background:transparent;color:var(--muted);border-radius:6px;flex:1;padding:9px;font-size:13px}
.segmented button.active{color:var(--accent);background:var(--white);box-shadow:0 2px 5px #49647E12}
.upload-zone{display:flex;flex-direction:column;align-items:center;border:1px dashed #A8CFE4;background:#F2F8FC;padding:30px 20px;border-radius:10px;cursor:pointer;margin:20px 0 12px;text-align:center}
.upload-zone strong{font-size:14px}
.upload-zone>span:not(.upload-symbol){font-size:11px;color:var(--muted)}
.upload-symbol{font-size:30px;color:#5B87A3}
.score-formula{border-top:1px solid #D7E6ED;border-bottom:1px solid #D7E6ED;padding:22px 0;margin:20px 0}
.score-formula>span{font-size:11px;color:var(--muted);display:block}
.score-formula strong{font:30px/1.9 Georgia,serif;color:var(--accent)}
.score-formula small{font:20px Georgia,serif}
.library-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0 24px}
.search-wrap{display:flex;align-items:center;gap:12px;flex:1;max-width:530px;min-width:200px;position:relative}
.search-wrap>span{position:absolute;left:13px;font-size:22px;color:#647E91}
.search-wrap input{padding-left:40px}
#search{max-width:340px}
.library-bar select{font-size:12px}
.library-bar>span:last-child{margin-left:auto}
.library-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:48px}
.target-list{max-height:calc(100vh - 150px);overflow-y:auto;position:sticky;top:110px;padding-right:4px;scrollbar-width:thin}
.target-item{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--white);padding:13px 16px;margin-bottom:8px;transition:background .15s,border-color .15s}
.target-item:hover{background:#EEF6FC}
.target-item.active{border-color:#70AACD;background:#EAF4FB;box-shadow:inset 3px 0 var(--accent)}
.target-item-top{display:flex;align-items:center;justify-content:space-between}
.target-item strong{font-size:15px}
.target-item small{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.layer{font:11px/1.8 monospace;border:1px solid #D0E4ED;padding:0 6px;border-radius:4px;color:#365F80;background:#F1F8FC}
.evidence-head{display:flex;align-items:start;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}
.evidence-head h2{font:32px Georgia,serif;margin:0}
.evidence-head p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.evidence-head .layer{margin-left:auto}
.evidence-summary{font-size:14px}
.observation{border:1px solid #D5E9E8;background:#EEF8F7;border-radius:8px;padding:16px 18px;margin:18px 0}
.observation>strong{display:block;font-size:11px;color:#356D6C;letter-spacing:.05em;margin-bottom:5px}
.observation p{margin:0;font-size:13px}
.evidence-detail h3{font-size:17px;margin:26px 0 16px}
.reference{border-top:1px solid var(--line);padding:22px 0 4px;overflow-wrap:anywhere}
.reference h4{font-size:15px;line-height:1.65;margin:10px 0;font-weight:550}
.reference-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.reference-meta span{font-size:11px;color:var(--muted)}
.reference-meta .ref-id{color:var(--gold);font-weight:600}
.reference dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px 16px;font-size:12px}
.reference dt{color:var(--muted)}
.reference dd{margin:0;white-space:pre-line}
.reference dd.observed-result{font-weight:550;color:var(--ink)}
.reference-links{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}
.reference details{font-size:11px;color:var(--muted);margin-top:16px}
.reference details p{white-space:pre-line;font-size:11px;margin-top:12px}
summary{cursor:pointer;font-size:12px}
.empty{text-align:center;padding:60px 24px;color:var(--muted)}
.empty h2{color:var(--ink);margin-top:14px}
.empty p{font-size:13px}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}
.help-grid p{font-size:13px;color:var(--muted)}
.help-grid h2{font-size:19px}
.progress-panel{display:flex;align-items:center;gap:18px;background:#EAF4FB;border:1px solid #B4DCE1;border-radius:12px;padding:20px 24px;margin-bottom:20px}
.progress-panel p{font-size:12px;margin:3px 0 0;overflow-wrap:anywhere}
.spinner{width:26px;height:26px;flex-shrink:0;border:2px solid #A7D1E4;border-top-color:var(--accent);border-radius:50%;animation:orbit 1s linear infinite}
.progress-panel.failed{background:#FCEBEA;border-color:#ECC9CE}
.progress-panel.failed .spinner{display:none}
.job-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.job-button{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:10px 15px;text-align:left;font-size:12px}
.job-button small{display:block;font-size:10px;color:var(--muted)}
.job-button.active{border-color:var(--accent);background:#EDF6FB}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0}
.stats>div{padding:0 15px;border-right:1px solid var(--line)}
.stats>div:last-child{border:0}
.stats strong{display:block;font:30px/1.5 Georgia,serif;color:var(--accent)}
.stats span{font-size:11px;color:var(--muted)}
.downloads{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;margin:24px 0}
.tablebox{max-height:530px;overflow:auto;margin-top:16px;scrollbar-width:thin}
table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
th{padding:12px 13px;background:#EAF3F9;position:sticky;top:0;font-weight:550;white-space:nowrap;z-index:1}
td{padding:13px;border-bottom:1px solid #E1EAF1;vertical-align:top}
tbody tr:hover{background:#F3F8FC}
.name{max-width:280px;overflow-wrap:anywhere}
.score{font-weight:650;color:var(--accent)}
.molecule-link{border:0;background:none;padding:0;text-align:left;color:var(--accent);font-weight:550}
.name small{display:block;font-size:10px;color:var(--muted)}
.target-link{border-bottom:1px dotted #8CB7D0}
.result-detail{margin:24px 0}
#detail-title{overflow-wrap:anywhere}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);font:12px/1.8 monospace;padding:18px;border-radius:8px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(600px,90vw);background:#283E53;color:#FFFFFF;border-radius:10px;padding:14px 22px;box-shadow:var(--shadow);font-size:13px;z-index:40;overflow-wrap:anywhere}
footer{border-top:1px solid var(--line);max-width:1236px;margin:42px auto 0;padding:23px 0 28px;display:flex;gap:24px;align-items:center;font-size:10px;color:var(--muted)}
footer span:last-child{margin-left:auto}
.footer-brand{font:600 17px "Segoe UI",sans-serif}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-paused{scroll-behavior:auto}
.motion-paused *{transition:none!important}
.motion-paused .page{animation:none!important}
@keyframes orbit{to{transform:rotate(360deg)}
}
@keyframes float{50%{transform:translateY(-9px)}
}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
}

@media(min-width:1450px){.hero h1{font-size:47px}
}

@media(max-width:1150px){.nav-shell{padding:12px 25px;gap:18px}
.nav-shell nav{gap:17px}
.brand{font-size:22px}
.hero-facts{gap:22px}
main{padding:0 28px}
.hero{gap:0}
.entry-card{padding:22px}
footer{margin:35px 28px 0}
.nav-shell>.quiet{font-size:10px}
}

@media(max-width:850px){.nav-shell{flex-wrap:wrap;gap:0;padding:13px 24px 0}
.nav-shell nav{width:100%;justify-content:space-between;margin:6px 0 0;gap:16px;overflow:auto}
.nav-shell nav a{font-size:12px;padding:9px 0}
.hero{grid-template-columns:1fr 0.85fr;min-height:500px;padding:35px 0}
.hero h1{font-size:32px}
.hero .eyebrow{font-size:8px}
.hero-description{font-size:13px}
.hero-subtitle{font-size:13px}
.hero-facts{gap:16px}
.hero-facts>div{gap:6px}
.hero-facts strong{font-size:23px}
.hero-facts span{font-size:9px}
.hero .button{padding:10px 14px;gap:10px}
.section-heading>p{display:none}
.entry-grid{gap:12px}
.entry-card{padding:18px}
.entry-number{font-size:8px}
.entry-card h3{font-size:17px}
.entry-card p{font-size:12px}
.workspace-grid{grid-template-columns:1fr 1fr;gap:18px}
.panel{padding:24px}
.library-layout{grid-template-columns:215px minmax(0,1fr);gap:18px}
.target-list{top:130px}
.stats{gap:8px}
.stats>div{padding:0 8px}
}

@media(max-width:650px){main{padding:0 20px}
.nav-shell{padding:12px 20px 0}
.nav-shell nav{gap:18px;justify-content:flex-start}
.brand{font-size:23px}
.brand-mark{width:31px;height:31px;font-size:25px}
.hero{grid-template-columns:1fr;min-height:0;padding:34px 0 26px}
.hero h1{font-size:35px;margin-top:20px}
.hero .eyebrow{font-size:8px}
.hero-facts{gap:27px;margin-top:28px}
.hero-facts span{font-size:10px}
.hero-facts strong{font-size:28px}
.hero-subtitle{font-size:13px}
.hero-description{font-size:13px}
.hero .button{padding:11px 18px}
.section-heading{margin:16px 0 20px}
.section-heading h2{font-size:23px}
.entry-grid{grid-template-columns:1fr;gap:14px}
.entry-card{padding:22px 24px}
.entry-card p{min-height:0;font-size:13px;margin-bottom:18px}
.entry-top{margin-bottom:15px}
.entry-card h3{font-size:20px}
.entry-number{font-size:9px}
.scope-strip{gap:12px;align-items:flex-start;flex-wrap:wrap;margin:28px 0}
.scope-strip p{min-width:220px}
.scope-strip a{margin-left:38px}
.page-heading{padding:30px 0 25px}
.page-heading h1{font-size:27px}
.page-heading p{font-size:13px}
.workspace-grid,.help-grid{grid-template-columns:1fr}
.panel{padding:22px}
.library-layout{grid-template-columns:1fr}
.target-list{position:static;max-height:235px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px}
.target-item{margin:0;padding:12px}
.target-item small{font-size:9px}
.library-bar{gap:10px}
.library-bar>span:last-child{margin-left:0;display:block}
.search-wrap{max-width:none;flex-basis:100%}
.evidence-head h2{font-size:30px}
.reference dl{grid-template-columns:65px minmax(0,1fr);gap:10px}
.reference dd{font-size:12px}
.stats{grid-template-columns:1fr 1fr;gap:16px}
.stats>div:nth-child(2){border:0}
.stats strong{font-size:27px}
.downloads{gap:14px}
.library-bar select{max-width:100%}
#search{max-width:none;flex-basis:100%}
.page-heading .eyebrow{font-size:9px}
footer{margin:30px 20px 0;gap:9px;flex-wrap:wrap;padding:20px 0}
footer span:last-child{margin:0;flex-basis:100%}
}

@media(max-width:650px){.hero{grid-template-columns:minmax(0,1fr)}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hero-facts>div{min-width:0}
.hero-facts span{font-size:9px}
}


/* Pastel research edition: user's palette defines decorative color;
   dark blue-grey text retains contrast on the soft backgrounds. */
:root{
  --blush:#F7CCCD;--peach:#F6D8AE;--ice:#96CFF0;--aqua:#B4DCE1;--mint:#95D1C9;
  --ink:#283E53;--accent:#365F80;--muted:#536B80;--paper:#FAFBFE;
  --panel-gradient:linear-gradient(130deg,#F7CCCD28,#B4DCE120 56%,#96CFF026);
}
body{background:radial-gradient(ellipse at 8% 14%,#F7CCCD21,transparent 31%),radial-gradient(ellipse at 93% 7%,#96CFF020,transparent 34%),var(--paper)}
.site-header{border-bottom-color:#DCE7EF88;background:#FFFFFFDF}
.nav-shell{min-height:82px;gap:22px}
.brand-mark{background:linear-gradient(140deg,var(--blush),#E6E2EB 45%,var(--ice));border:1px solid #FFFFFF;box-shadow:0 3px 14px #7C9CBA1B;color:#34576E;border-radius:13px}
.brand-mark span{color:#4D7A92}
.brand>span:last-child{color:#52758C}
.nav-shell>.quiet{border:1px solid #D8E6EF;border-radius:20px;padding:5px 10px;font-size:10px;white-space:nowrap}
nav a.active:after{background:linear-gradient(90deg,#E1A9B2,var(--ice));left:12%;right:12%;height:3px}
.hero{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:52px;min-height:660px;padding:55px 0 48px}
.hero-copy{min-width:0;padding-bottom:6px}
.hero .eyebrow{font-size:9px;letter-spacing:.15em;color:#526F85}
.live-dot{width:7px;height:7px;background:#CB91A0;box-shadow:0 0 0 5px #F7CCCD3D}
.hero h1{font-size:clamp(35px,3.3vw,48px);line-height:1.48;font-weight:600;margin:22px 0 20px;letter-spacing:-.04em}
.hero h1>span{color:#537A98;position:relative;width:fit-content;isolation:isolate}
.hero h1>span:after{content:"";position:absolute;height:10px;bottom:8px;left:0;right:-10px;background:linear-gradient(90deg,#F7CCCDAD,#96CFF066);z-index:-1;border-radius:10px}
.hero-subtitle{font-size:14px;color:#425C72;letter-spacing:.02em}
.hero-description{font-size:14px;color:var(--muted);line-height:1.9;margin-top:17px}
.hero .actions{margin-top:26px;gap:12px}
.button{border-radius:12px;padding:12px 21px;min-height:46px}
.primary{background:linear-gradient(105deg,#AFD7F0,#B4DCE1 55%,#BEE3DD);color:#294E64;border:1px solid #A7CBDE;box-shadow:0 5px 16px #9FBFD92B}
.primary:hover{background:linear-gradient(105deg,#9FCFEF,#A6D7DB 55%,#ADDCD4);box-shadow:0 6px 19px #91BBD942}
.secondary{background:#FFFFFFAD;border-color:#D0DDE8;color:#3D617B}
.secondary:hover{background:#F0F7FD}
.hero-facts{border-top:1px solid #D8E4ED;padding-top:22px;margin-top:29px;gap:27px}
.hero-facts strong{font:500 30px/1.2 "Segoe UI",sans-serif;letter-spacing:-.06em;color:#496B83}
.hero-facts span{color:#536B80;font-size:10px;max-width:75px}


























.ambient-glow{position:absolute;width:76%;height:66%;border-radius:50%;z-index:-1;filter:blur(35px);opacity:.7;animation:pastel-drift 13s ease-in-out infinite}
.glow-pink{top:0;left:-9%;background:#F7CCCD66}
.glow-blue{bottom:4%;right:-5%;background:#96CFF065;animation-delay:-6s}
@keyframes pastel-drift{0%,100%{transform:translate3d(0,0,0) scale(.94)}50%{transform:translate3d(8px,-10px,0) scale(1.07)}}
.section-heading{margin-top:6px}
.section-heading h2{font-size:25px;color:#314B61}
.entry-grid{gap:20px}
.entry-card{padding:25px;border-radius:21px;border:1px solid #DFE6F0;background:linear-gradient(135deg,#FFFFFF 10%,#FDF1F3 100%);box-shadow:0 8px 30px #9AAEC20A}
.entry-card:nth-child(2){background:linear-gradient(135deg,#FFFFFF 10%,#EAF5FC 100%)}
.entry-card:nth-child(3){background:linear-gradient(135deg,#FFFFFF 10%,#ECF8F4 100%)}
.entry-card:after{background:linear-gradient(90deg,var(--blush),var(--ice),var(--mint));height:3px}
.entry-card:hover{border-color:#BAD4E4;box-shadow:0 13px 35px #8EA9C01E}
.entry-top{margin-bottom:19px}
.entry-icon{width:45px;height:45px;border-radius:14px;border:1px solid #FFFFFF;box-shadow:inset 0 1px white}
.entry-icon svg{width:29px;height:29px}
.molecule-icon{background:linear-gradient(130deg,#F7CCCD9E,#F6D8AE5C);color:#916578}
.batch-icon{background:linear-gradient(130deg,#96CFF078,#B4DCE178);color:#4C7E9B}
.evidence-icon{background:linear-gradient(130deg,#95D1C978,#DCE79C40);color:#4E8179}
.entry-card p{font-size:12px;line-height:1.9;color:#526B80}
.entry-card h3{font-size:19px;color:#2C4A63}
.entry-card:nth-child(1) .entry-link{color:#8C5360}
.entry-card:nth-child(3) .entry-link{color:#356D6C}
.scope-strip{margin:32px 0;padding:23px 22px;border:1px solid #E0E7EF;border-radius:16px;background:linear-gradient(110deg,#F7CCCD25,#FFFFFFAA 48%,#96CFF028)}
.scope-symbol{color:#A47583}
.panel{border-color:#DFE7EF;border-radius:20px;box-shadow:0 8px 35px #A0B5C709}
.soft-panel{background:linear-gradient(145deg,#F7CCCD30,#F7FAFF 42%,#B4DCE146)}
.page-heading{position:relative;padding:43px 0 30px}
.page-heading h1{color:#314D65}
.page-heading .eyebrow{color:#69859C}
.tag{background:linear-gradient(110deg,#F7CCCD38,#96CFF033);border-color:#D8E1ED;color:#456580}
.notice{background:linear-gradient(110deg,#F6D8AE3D,#F7CCCD24);color:#765445;border-left-color:#DCB4B4}
.segmented{background:linear-gradient(105deg,#F7CCCD36,#96CFF036)}
.segmented button.active{box-shadow:0 3px 9px #708FA315}
.upload-zone{background:linear-gradient(140deg,#FFFFFF,#96CFF024);border-color:#ABCFE5}
.observation{background:linear-gradient(120deg,#95D1C920,#B4DCE133);border-color:#D2E5E9}
.layer{background:#EDF6FC;border-color:#CFE4EE;color:#3B6280}
.target-item{border-radius:12px}
.target-item.active{background:linear-gradient(115deg,#96CFF038,#B4DCE128);border-color:#8CBBD5;box-shadow:inset 3px 0 #76ACCA}
.target-item:hover{background:#EFF6FC}
.reference-meta .ref-id{color:#8A596E}
.progress-panel{background:linear-gradient(110deg,#96CFF037,#95D1C92A);border-color:#BCDCE5}
.progress-panel.failed{background:#FCF0F1;border-color:#E6C4CD}
.job-button.active{background:linear-gradient(110deg,#96CFF03D,#B4DCE130);border-color:#8CB8D0}
.stats strong{font-family:"Segoe UI",sans-serif;font-weight:450;letter-spacing:-.05em;color:#4D718D}
.stats{background:linear-gradient(115deg,#F7CCCD12,#96CFF013);border-radius:12px;border:1px solid #E4EAF1}
th{background:#ECF4FA;color:#3D5D76}
.score,.molecule-link{color:#366789}
footer{color:#586F83;border-color:#E0E7EF}
.footer-brand{color:#4A6B83}
@media(min-width:1450px){.hero h1{font-size:49px}.hero{min-height:680px}}
@media(max-width:1150px){.nav-shell{gap:14px}.nav-shell nav{gap:16px}.nav-shell>.quiet{padding:4px 7px;font-size:9px}.hero{gap:30px;min-height:600px;padding-top:40px}.hero h1{font-size:39px}.hero .eyebrow{font-size:8px}.hero-facts{gap:18px}.hero-facts strong{font-size:27px}}
@media(max-width:950px){.nav-shell{flex-wrap:wrap;gap:0;padding:14px 26px 0}.nav-shell>.quiet{margin-left:auto;order:1;padding:5px 10px;font-size:10px}.nav-shell nav{order:2;width:100%;justify-content:space-between;margin:8px 0 0;gap:18px;overflow:auto}.nav-shell nav a{font-size:12px;padding:9px 0}.hero{gap:25px;min-height:530px}.hero h1{font-size:34px}.hero .eyebrow{font-size:7px}.hero-subtitle{font-size:12px}.hero-description{font-size:13px}.hero .button{font-size:12px;padding:10px 14px;gap:12px}.hero-facts{gap:12px}.hero-facts span{font-size:9px}}
@media(max-width:650px){main{padding:0 20px}.nav-shell{padding:13px 20px 0}.nav-shell nav{justify-content:flex-start}.brand{font-size:22px}.brand-mark{border-radius:10px}.hero{grid-template-columns:minmax(0,1fr);padding:32px 0 24px;gap:32px;min-height:0}.hero .eyebrow{font-size:7px;letter-spacing:.12em}.hero h1{font-size:37px;margin-top:19px;margin-bottom:17px}.hero h1>span:after{bottom:8px;height:9px}.hero-subtitle{font-size:12px}.hero-description{font-size:13px;margin-top:13px}.hero .actions{margin-top:23px;gap:10px}.hero .button{font-size:12px;padding:11px 17px;gap:16px}.hero-facts{margin-top:25px;padding-top:19px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-facts strong{font-size:27px}.hero-facts span{font-size:9px}.ambient-glow{width:65%;max-width:100%;left:5%;filter:blur(24px)}.glow-blue{left:auto;right:5%}.section-heading h2{font-size:23px}.entry-card{padding:23px;border-radius:19px}.entry-card p{font-size:13px}.scope-strip{padding:19px 16px}.scope-strip p{min-width:0;flex-basis:calc(100% - 42px)}.scope-strip a{margin-left:35px}.workspace-grid,.help-grid{gap:18px}.panel{padding:21px}.page-heading{padding:31px 0 25px}.page-heading h1{font-size:26px}}
@media(max-width:359px){.hero h1{font-size:33px}.hero .button{font-size:11px;gap:10px;padding:10px 13px}.hero-facts strong{font-size:25px}.hero-facts span{font-size:8px}}

/* Current homepage: evidence shortcuts, no portrait or face imagery. */
.hero{min-height:610px;padding-top:50px;padding-bottom:48px}
.research-stage{position:relative;isolation:isolate;min-width:0;padding:14px 0 14px 10px}
.research-preview{position:relative;overflow:hidden;padding:30px;border:1px solid #FFFFFF;border-radius:30px;background:linear-gradient(132deg,#F7CCCD94 0%,#F9F1F4 31%,#E9F3FC 64%,#B4DCE183 100%);box-shadow:0 20px 55px #93ABC128}
.research-preview:before{content:"";position:absolute;width:230px;height:230px;right:-115px;top:-120px;border:35px solid #FFFFFF55;border-radius:50%;pointer-events:none}
.preview-top{display:flex;align-items:center;justify-content:space-between;position:relative}
.preview-top .eyebrow{color:#536E87;font-size:9px;letter-spacing:.16em}
.preview-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid #FFFFFFB0;background:#FFFFFF6B;border-radius:12px;font-size:26px;color:#7B829D}
.research-preview h2{font-size:30px;font-weight:550;line-height:1.6;letter-spacing:-.025em;margin:16px 0 10px;color:#36546E}
.preview-description{font-size:12px;color:#526B80;margin:0 0 24px}
.spotlight-list{display:grid;gap:11px}
.spotlight-row{display:flex;gap:13px;align-items:center;padding:16px;border-radius:15px;border:1px solid #FFFFFF;background:#FFFFFFC9;backdrop-filter:blur(14px);box-shadow:0 3px 12px #8298B20A;transition:transform .2s,box-shadow .2s}
.spotlight-row:hover{transform:translateX(4px);box-shadow:0 6px 19px #839EB020}
.spotlight-dot{width:34px;height:34px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 1px 5px #FFFFFFA6;border:1px solid #FFFFFF}
.dot-pink{background:linear-gradient(140deg,#FCE6E7,#F7CCCD)}
.dot-blue{background:linear-gradient(140deg,#D5EDFB,#96CFF0)}
.dot-mint{background:linear-gradient(140deg,#D8F1EB,#95D1C9)}
.spotlight-name{min-width:0;display:flex;flex-direction:column;line-height:1.6}
.spotlight-name strong{font-size:15px;font-weight:600;letter-spacing:.03em;color:#355871}
.spotlight-name small{font-size:10px;color:#60758A;overflow-wrap:anywhere}
.spotlight-action{margin-left:auto;display:flex;gap:15px;align-items:center;font-size:10px;white-space:nowrap;color:#536F86}
.spotlight-action b{font-size:17px;font-weight:400;color:#6A8FA7}
.preview-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid #FFFFFF;margin-top:21px;padding-top:17px;font-size:10px;color:#536B80;flex-wrap:wrap}
.preview-bottom a{font-size:11px;color:#3C6480}
@media(max-width:1150px){.hero{min-height:575px;gap:34px}.research-preview{padding:25px}.research-preview h2{font-size:27px}.spotlight-row{padding:13px;gap:10px}.spotlight-action{gap:8px}.spotlight-name small{font-size:9px}}
@media(max-width:950px){.hero{gap:25px}.research-stage{padding-left:0}.research-preview{padding:22px;border-radius:25px}.research-preview h2{font-size:25px}.preview-description{font-size:11px}.spotlight-dot{width:27px;height:27px}.spotlight-row{padding:12px}.spotlight-action{font-size:0;gap:0}.spotlight-action b{font-size:18px}.preview-top .eyebrow{font-size:8px}.spotlight-name strong{font-size:14px}.preview-bottom{gap:8px}}
@media(max-width:650px){.hero{min-height:0;padding:31px 0 24px;gap:28px}.research-stage{padding:0;width:100%;max-width:450px;justify-self:center}.research-preview{padding:24px;border-radius:24px}.research-preview h2{font-size:27px}.preview-description{font-size:11px;margin-bottom:21px}.spotlight-row{padding:13px;gap:12px}.spotlight-dot{width:32px;height:32px}.spotlight-name small{font-size:9px}.spotlight-action{font-size:10px;gap:10px}.spotlight-action b{font-size:17px}.preview-bottom{padding-top:15px;margin-top:18px;font-size:9px}.preview-bottom a{font-size:10px}.preview-top .eyebrow{font-size:8px}}
@media(max-width:359px){.research-preview{padding:20px}.research-preview h2{font-size:25px}.spotlight-row{padding:12px;gap:9px}.spotlight-action{font-size:0}.spotlight-dot{width:27px;height:27px}.spotlight-name small{font-size:8px}}

/* Interactive research homepage. User palette: blush=L1, blue=L2, mint=L3.
   Rings and font sizes encode project tiers, not protein interactions or certainty. */
.illustration-defs{position:absolute;overflow:hidden;pointer-events:none}
nav a small{display:block;font-size:9px;font-weight:400;line-height:1.4;letter-spacing:.01em}
.hero{grid-template-columns:.85fr 1.15fr;gap:32px;padding-top:34px;padding-bottom:34px}
.research-stage{padding:0}
.target-universe{background:radial-gradient(ellipse at 22% 30%,#F7CCCD35,transparent 55%),radial-gradient(ellipse at 90% 75%,#96CFF03D,transparent 65%),#FFFFFF70;border:1px solid #DFE7EF;border-radius:28px;padding:23px 0 13px;overflow:hidden;box-shadow:0 12px 40px #49647E08}
.universe-heading{padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.universe-heading h2{font-size:17px;margin:6px 0 0;letter-spacing:0}
.universe-heading .eyebrow{font-size:8px}
.universe-stamp{font-size:9px;white-space:nowrap;color:#607B8A;border-bottom:1px solid #CADDE5;padding:5px 0}
.orbit-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#BFD3DE transparent}
#target-orbits{display:block;width:100%;min-width:560px;height:auto;overflow:visible}
.orbit-ring{fill:none;stroke-width:1.5}
.orbit-ring.L1{stroke:#D3A4AE;stroke-dasharray:3 6}
.orbit-ring.L2{stroke:#A9CDDF}
.orbit-ring.L3{stroke:#9CCDC4;stroke-dasharray:2 7}
.orbit-track{transform-origin:500px 500px;animation:orbit-turn var(--period) linear infinite}
.orbit-upright{transform-origin:0 0;animation:orbit-counter var(--period) linear infinite}
.orbit-node{cursor:pointer;outline:none}
.orbit-node rect{fill:#F9E4E7;stroke:#DDB8C1;stroke-width:1.3;transition:fill .2s,stroke .2s}
.orbit-node text{font-family:"Segoe UI",sans-serif;font-size:27px;font-weight:650;fill:#765261}
.L2 .orbit-node rect{fill:#E1F1FB;stroke:#B5D7E8}.L2 .orbit-node text{font-size:23px;font-weight:550;fill:#436D86}
.L3 .orbit-node rect{fill:#E7F3F0;stroke:#B8D8D1}.L3 .orbit-node text{font-size:19px;font-weight:500;fill:#426E67}
.orbit-node:hover rect,.orbit-node:focus rect{fill:#FFF;stroke:#365F80;stroke-width:3}
.orbit-node:hover text,.orbit-node:focus text{fill:#283E53}
.orbit-dimmed{opacity:.19}
.orbit-center circle{fill:#FFFFFFDA;stroke:#D8E5EC;stroke-width:1.5}
.orbit-center-title{font-size:21px;font-weight:600;fill:#3C6078;font-family:"Segoe UI",sans-serif}
.orbit-center-caption{font-size:12px;letter-spacing:3px;fill:#6B8395}
.orbit-scroll:hover .orbit-track,.orbit-scroll:hover .orbit-upright,.orbit-scroll:focus-within .orbit-track,.orbit-scroll:focus-within .orbit-upright{animation-play-state:paused}
.orbit-legend{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:6px 12px}
.orbit-filter{border:1px solid #D8E3EB;background:#FFF9;padding:5px 12px;border-radius:30px;font-size:11px;color:#4F697B}
.orbit-filter.L1{background:#F7CCCD60}.orbit-filter.L2{background:#96CFF049}.orbit-filter.L3{background:#95D1C947}
.orbit-filter[aria-pressed="true"]{border-color:#557B91;box-shadow:inset 0 0 0 1px #557B91}
.orbit-note{font-size:10px;line-height:1.8;padding:0 22px;text-align:center;color:#5D7384;margin:8px 0}
.orbit-note span{display:block}.orbit-note .orbit-pan-note{display:none}
.orbit-accessible-list{padding:0 22px;font-size:11px;color:#5D7384}
.orbit-accessible-list summary{cursor:pointer}.orbit-accessible-list summary span{font-size:9px;margin-left:8px}
.orbit-index-group{display:flex;gap:8px;flex-wrap:wrap;padding:9px 0}.orbit-index-group strong{width:100%}.orbit-index-group a{padding:3px 7px;background:#FFF;border:1px solid #DFE7EF;border-radius:7px}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes orbit-counter{to{transform:rotate(-360deg)}}
.research-entry-section{padding:28px 0 32px}
.research-entry-section .section-heading{align-items:center;margin-bottom:20px;gap:20px}
.research-entry-section .section-heading h2{font-size:32px;margin-bottom:3px}
.section-english{font-size:12px;color:#607C91;letter-spacing:.025em;margin-bottom:0}
.guide-intro{display:flex;align-items:center;gap:9px}.guide-intro svg{width:106px;height:106px;flex-shrink:0}
.guide-intro p{font-size:12px;margin:0;line-height:1.9;color:#62788A}.guide-intro strong{color:#3D5F77;font-size:14px}.guide-intro small{display:block;font-size:10px}
.research-flow{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(110deg,#F7CCCD36,#FFF8,#96CFF034);border:1px solid #DFE7EF;border-radius:16px;padding:18px 26px}
.research-flow>span{position:relative;padding-left:41px;font-size:13px;color:#385C75}.research-flow b{position:absolute;left:0;top:1px;font-size:21px;font-weight:400;color:#8099AC}.research-flow small{display:block;font-size:10px;color:#667E90}.research-flow i{font-style:normal;color:#9DB5C5}
.connection-caption{font-size:11px;color:#637889;margin:9px 0 22px}
.research-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.research-cards .entry-card{padding:25px 31px 26px;border-radius:24px;min-width:0;transition:transform .25s,box-shadow .25s}
.research-cards .entry-card:hover{transform:translateY(-5px)}
.research-cards .entry-top{margin-bottom:0;justify-content:flex-end}.entry-arrow{font-size:22px;color:#698AA0}
.entry-art{height:215px;position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:20px;margin:0 0 20px}
.entry-art:before{content:"";position:absolute;width:175px;height:175px;background:radial-gradient(circle,#F7CCCD70,transparent 70%);z-index:0}
.batch-art:before{background:radial-gradient(circle,#96CFF055,transparent 70%);width:280px}
.entry-art svg{width:100%;height:100%;position:relative}.entry-art .large-skeleton{width:315px;max-width:100%;height:195px;animation:molecule-breathe 7s ease-in-out infinite}
.art-caption{position:absolute;bottom:0;font-size:8px;letter-spacing:.14em;color:#677E90;text-align:center}
.research-cards .entry-card h3{font-size:26px;margin:0 0 2px;font-weight:600}
.entry-english{display:block;font-size:12px;letter-spacing:.03em;color:#667F92;margin-bottom:17px}
.research-cards .entry-card p{font-size:13px;line-height:1.9;margin-bottom:23px;max-width:380px}
.research-cards .entry-link{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid #DCE4ED;width:100%;font-size:12px}.entry-link b{font-size:18px;font-weight:400}
.molecule-team{animation:team-drift 6s ease-in-out infinite}.team-b{animation-duration:7s;animation-delay:-3s}.team-c{animation-duration:8s;animation-delay:-5s;animation-direction:reverse}.team-d{animation-duration:6.5s;animation-delay:-1.5s}.team-center{animation:molecule-breathe 7s ease-in-out infinite;transform-origin:215px 88px}
.collaboration-trail{animation:trail-flow 10s linear infinite}
.mascot-wave{transform-origin:112px 70px;animation:mascot-wave 3.6s ease-in-out infinite}
.mascot-eyes{transform-box:fill-box;transform-origin:center;animation:mascot-blink 6s infinite}
.teacher-pointer{transform-origin:128px 98px;animation:teacher-point 5s ease-in-out infinite}
.classroom-page{animation:team-drift 7s ease-in-out infinite}
.classroom-section{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:center;position:relative;padding:27px 36px;border:1px solid #D2E4E4;border-radius:25px;background:linear-gradient(115deg,#E2F1EE,#F8FBFA 60%,#EAF3FA)}
.classroom-illustration svg{width:100%;display:block}
.classroom-copy h2{font-size:25px;margin:5px 0 3px}.classroom-copy>p:not(.section-english){font-size:13px;color:#536F81;max-width:540px;margin:15px 0 18px}.classroom-copy .button{font-size:12px;padding:10px 17px}
.classroom-copy .eyebrow{font-size:8px}.classroom-badge{position:absolute;right:25px;top:20px;text-align:right;font-size:10px;color:#69877F}.classroom-badge small{display:block;font-size:8px}
.guide-intro:hover *,.guide-intro:focus-within *,.entry-card:hover *,.entry-card:focus-within *,.classroom-section:hover *,.classroom-section:focus-within *{animation-play-state:paused}
.admet-form-note{padding:15px 17px;background:linear-gradient(110deg,#95D1C930,#96CFF022);border:1px solid #D7E6E9;border-radius:13px;margin-bottom:23px;font-size:12px}.admet-form-note p{margin:5px 0 7px;color:#5C7484}.admet-form-note strong{font-size:12px}
.admet-plan h2{margin-top:19px}.admet-plan h2 small,.endpoint-group span{display:block;font-size:11px;font-weight:400;color:#688394}.admet-plan .steps small{display:block;font-size:10px;color:#637B8E;font-weight:400}.admet-plan .steps{margin-top:27px}.admet-plan .steps p{font-size:13px}
.endpoint-group{border-bottom:1px solid #DFE7EF;margin:21px 0;padding-bottom:5px}.endpoint-group p{font-size:13px;margin-top:9px}
@keyframes molecule-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes team-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(5px,-7px)}}
@keyframes trail-flow{to{stroke-dashoffset:-110}}
@keyframes mascot-wave{0%,65%,100%{transform:rotate(0)}75%,90%{transform:rotate(-12deg)}82%,96%{transform:rotate(8deg)}}
@keyframes mascot-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
@keyframes teacher-point{0%,100%{transform:rotate(0)}50%{transform:rotate(-9deg)}}
@media(max-width:1150px){.hero{grid-template-columns:.8fr 1.2fr;gap:20px}.hero h1{font-size:36px}.universe-heading{padding:0 18px}.universe-heading h2{font-size:15px}.universe-stamp{display:none}.classroom-section{grid-template-columns:280px 1fr}.classroom-badge{display:none}}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:24px}.hero-copy{max-width:620px}.research-stage{width:100%;max-width:700px;justify-self:center}.hero h1{font-size:40px}.target-universe{max-width:700px}.universe-heading h2{font-size:19px}.universe-stamp{display:block}.classroom-section{grid-template-columns:210px 1fr;gap:20px;padding:25px}.research-cards .entry-card{padding:23px}.research-flow{padding:17px}.research-entry-section .section-heading h2{font-size:28px}}
@media(max-width:650px){.hero{padding-top:29px}.hero h1{font-size:37px}.research-stage{max-width:none}.universe-heading h2{font-size:15px}.universe-stamp{display:none}.orbit-note{padding:0 16px}.orbit-note .orbit-pan-note{display:block}.target-universe{border-radius:21px;padding-top:18px}.orbit-legend{gap:6px}.orbit-filter{padding:5px 10px;font-size:10px}.research-entry-section{padding-top:21px}.research-entry-section .section-heading{display:block}.research-entry-section .section-heading h2{font-size:28px}.guide-intro{margin-top:12px}.guide-intro svg{width:90px;height:90px}.guide-intro p{max-width:none}.research-flow{gap:10px;align-items:flex-start;padding:15px 13px}.research-flow>span{padding-left:0;font-size:11px;flex:1}.research-flow b{position:static;display:block;font-size:19px}.research-flow small{font-size:8px}.research-flow i{padding-top:18px}.research-cards{grid-template-columns:1fr;gap:18px}.entry-art{height:196px}.research-cards .entry-card{padding:24px}.research-cards .entry-card h3{font-size:25px}.classroom-section{grid-template-columns:1fr;gap:10px;padding:22px}.classroom-illustration{max-width:290px;width:100%;margin:auto}.classroom-copy h2{font-size:24px}.classroom-copy .eyebrow{font-size:7px}.classroom-copy>p:not(.section-english){font-size:12px}.classroom-section .button{width:100%;justify-content:space-between}.scope-strip{margin-top:23px}.admet-plan .actions .button{font-size:11px}.orbit-accessible-list{padding:0 16px}}
@media(max-width:359px){.hero h1{font-size:33px}.orbit-filter{padding:4px 7px}.universe-heading h2{font-size:14px}.research-flow{gap:5px}.guide-intro strong{font-size:12px}.art-caption{font-size:7px;letter-spacing:.06em}.entry-english{font-size:11px}}
.motion-paused *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readability pass: shorter copy, one English subtitle per section, original headings. */
.eyebrow,.hero .eyebrow,.page-heading .eyebrow,.universe-heading .eyebrow{font-size:13px;line-height:1.6;letter-spacing:.07em;color:#526F85}
.section-english,.page-heading .section-english,.entry-english{font-size:17px;line-height:1.55;color:#526F85;letter-spacing:.01em}
.entry-english{margin-bottom:18px}
.hero-subtitle{font-size:16px;line-height:1.8;max-width:30em}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hero-facts>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.hero-facts span{font-size:13px;max-width:none}
nav a{font-size:14px}nav a small{font-size:12px;line-height:1.6;color:#5A7386}
.nav-shell nav{gap:20px}.nav-shell>.quiet{font-size:12px;padding:6px 10px}
.entry-number{font-size:14px;letter-spacing:.03em}
.entry-art{margin-bottom:16px;padding-bottom:0}
.research-cards .entry-card p{font-size:16px;min-height:0;margin-bottom:23px;line-height:1.8;max-width:none}
.research-cards .entry-link,.classroom-copy .button{font-size:14px}
.classroom-copy>p:not(.section-english){font-size:16px;line-height:1.8;margin:16px 0 22px}
.guide-intro strong{font-size:16px}.guide-intro small{font-size:14px;line-height:1.7}
.research-flow>span{font-size:15px}.research-flow small{font-size:14px;line-height:1.5;margin-top:3px}
.connection-caption{font-size:13px;margin:11px 0 24px}
.orbit-note{font-size:13px;margin:12px 0}
.orbit-filter{font-size:13px;padding:6px 12px}
.orbit-accessible-list,.orbit-accessible-list summary,.orbit-accessible-list summary span{font-size:13px}
.orbit-context{margin:12px 0;color:#5D7384;line-height:1.8}
.universe-heading{align-items:flex-start}.universe-heading h2{line-height:1.8;max-width:27em}
.universe-stamp{display:none}
.scope-strip p,.scope-strip a{font-size:14px;line-height:1.8}
.page-heading p{font-size:16px;line-height:1.8}
.page-heading .section-english{margin-bottom:7px}
.panel p,.steps p,.admet-plan .steps p,.endpoint-group p,.help-grid p{font-size:15px;line-height:1.85}
.muted{font-size:14px!important}.field-note{font-size:13px!important;line-height:1.8}
.notice{font-size:14px;line-height:1.8}
.admet-form-note{font-size:14px;padding:14px 17px}.admet-form-note p{font-size:14px}.admet-form-note strong{font-size:14px}
.steps strong{font-size:16px}.admet-plan h2 small,.soft-panel h2 small[lang="en"],.admet-plan .steps small,.endpoint-group span{display:block;font-size:15px;line-height:1.5;color:#526F85;font-weight:400}
.tag{font-size:13px}.button{font-size:14px}.upload-zone>span:not(.upload-symbol){font-size:13px}
label:not(.upload-zone):not(.search-wrap){font-size:15px}input[type=file],.library-bar select{font-size:14px}
.copy-details{margin:12px 0 18px;border-top:1px solid #DFE7EF;padding-top:12px;color:#526F85}
.copy-details summary{font-size:14px;padding:4px 0;line-height:1.6}
.copy-details p{margin:12px 0 0}
.target-item small{font-size:12px}.evidence-head p,.reference dl,.reference dd,.reference-links,.reference-meta span,.reference details,.reference details p{font-size:14px}
.reference h4{font-size:16px}.observation>strong{font-size:14px}.observation p{font-size:15px}
.job-button,.downloads,table{font-size:14px}.job-button small,.stats span,.name small{font-size:12px}
.progress-panel p{font-size:14px}.score-formula>span{font-size:14px}
footer{font-size:12px;flex-wrap:wrap;row-gap:8px}
@media(max-width:1200px){.nav-shell{flex-wrap:wrap;gap:0;padding:14px 26px 0}.nav-shell>.quiet{margin-left:auto;order:1;font-size:12px}.nav-shell nav{order:2;width:100%;justify-content:space-between;margin:8px 0 0;gap:22px;overflow:auto}.nav-shell nav a{font-size:14px;padding:9px 0}}
@media(max-width:650px){
.eyebrow,.hero .eyebrow,.page-heading .eyebrow,.universe-heading .eyebrow{font-size:12px;letter-spacing:.045em}
.section-english,.page-heading .section-english,.entry-english{font-size:16px}
.hero-subtitle{font-size:15px}.hero-facts span{font-size:12px}.hero-facts{gap:10px}
.nav-shell{padding:13px 20px 0}.nav-shell nav{justify-content:flex-start}.nav-shell nav a{font-size:14px}.nav-shell>.quiet{font-size:12px}
.research-flow{gap:8px;padding:16px 12px}.research-flow>span{font-size:13px;min-width:0}.research-flow small{font-size:12px;line-height:1.6}.research-flow i{font-size:12px}
.guide-intro strong{font-size:15px}.guide-intro small{font-size:14px}.guide-intro svg{width:78px;height:78px}
.research-cards .entry-card p,.classroom-copy>p:not(.section-english){font-size:15px}.research-cards .entry-link{font-size:14px}
.orbit-note{font-size:13px}.orbit-legend{gap:6px}.orbit-filter{font-size:12px;padding:6px 9px}
.scope-strip p,.scope-strip a{font-size:14px}.scope-strip{align-items:flex-start}
.admet-plan .actions .button{font-size:14px;width:100%;justify-content:center}
.page-heading p{font-size:15px}.hero .button,.classroom-copy .button{font-size:14px}
footer{padding-left:20px;padding-right:20px}
}
/* Keep decorative light inside the stage at tablet widths. */
.research-stage .glow-pink{left:0}
.research-stage .glow-blue{right:0}

/* English-only edition: one label per control, natural wrapping, readable copy. */
html[lang="en"] .hero h1{line-height:1.2;letter-spacing:-.035em}
html[lang="en"] .hero h1>span{margin-top:8px}
html[lang="en"] .hero h1>span:after{display:none}
html[lang="en"] .hero-facts span{line-height:1.5}
html[lang="en"] .research-entry-section .section-heading h2{max-width:15em}
html[lang="en"] .research-cards .entry-card h3{margin-bottom:16px;line-height:1.3}
html[lang="en"] .guide-intro p{max-width:230px;line-height:1.6}
html[lang="en"] .research-flow>span{min-width:0;line-height:1.5}
html[lang="en"] .page-heading h1,html[lang="en"] .panel h2{overflow-wrap:break-word}
html[lang="en"] .reference dl{grid-template-columns:110px minmax(0,1fr)}
html[lang="en"] .reference dd{overflow-wrap:anywhere}
html[lang="en"] .original-citation{white-space:pre-line}
html[lang="en"] .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
html[lang="en"] .stats>div{min-width:0}
html[lang="en"] .stats span{display:block;overflow-wrap:break-word;line-height:1.5}
html[lang="en"] .admet-plan .actions{align-items:stretch}
@media(max-width:950px){html[lang="en"] .research-flow{gap:12px}}
@media(max-width:650px){
html[lang="en"] .hero h1{font-size:36px}
html[lang="en"] .hero-facts span{font-size:12px}
html[lang="en"] .research-flow>span{font-size:13px;overflow-wrap:break-word}
html[lang="en"] .reference dl{grid-template-columns:1fr;gap:4px}
html[lang="en"] .reference dt{margin-top:10px}
html[lang="en"] .reference dd{margin-bottom:8px}
html[lang="en"] .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
html[lang="en"] .scope-strip a{white-space:normal}
html[lang="en"] .library-bar{flex-wrap:wrap}
}
@media(max-width:359px){html[lang="en"] .hero h1{font-size:32px}}

/* Independent ADMET entry and an explicit, user-selected candidate handoff. */
a.guide-intro{padding:6px 14px 6px 4px;border-radius:20px;text-decoration:none;transition:background .2s,box-shadow .2s}
a.guide-intro:hover,a.guide-intro:focus-visible{background:#EAF4FB;box-shadow:0 0 0 2px #B4DCE1}
.guide-link{display:block;font-size:14px;margin-top:4px;color:#42647C}
.research-flow>span{font-weight:700;color:#385C75;font-size:16px}.research-flow b{font-weight:800;color:#486D86;font-size:25px}
.admet-review{margin-top:28px}.admet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 16px;flex-wrap:wrap}
.check-label{display:flex;align-items:center;gap:10px;margin:0}.admet-review input[type=checkbox]{width:20px;height:20px;accent-color:#577F98;flex-shrink:0}
.admet-table{min-width:660px}.admet-table td{vertical-align:top}.admet-table td:nth-child(2){min-width:150px;max-width:240px;overflow-wrap:anywhere}
.admet-table small{display:block;margin-top:6px;overflow-wrap:anywhere}.admet-endpoints{display:grid;gap:12px;min-width:260px}.admet-endpoint{padding:10px 12px;background:#F1F7FA;border-radius:10px}.admet-endpoint p{margin:3px 0;font-size:14px;overflow-wrap:anywhere}.admet-review tr[data-selected=true]{background:#95D1C91F}
.batch-selection{padding:20px;margin:16px 0;background:linear-gradient(120deg,#95D1C928,#96CFF020);border:1px solid #C9E0E4;border-radius:16px}.batch-selection h3{margin:12px 0}.batch-selection table{min-width:380px}.batch-selection td{overflow-wrap:anywhere}
@media(max-width:650px){.research-flow>span{font-size:15px}.guide-link{font-size:14px}.admet-review{padding:20px 16px}.batch-selection{padding:15px}}

/* Larger workflow labels; natural reading order is explanation, then input. */
html[lang="en"] .research-flow>span{display:flex;align-items:center;gap:12px;padding-left:0;flex:1;min-width:0;font-size:20px;line-height:1.45}
.research-flow b{position:static;flex-shrink:0;white-space:nowrap;font-size:17px;font-weight:800;line-height:1.5;color:#9B526A}
.research-flow>span>strong{font-size:inherit;font-weight:700}
.research-flow>i{flex-shrink:0;padding:0}
@media(max-width:1100px){html[lang="en"] .research-flow>span{flex-direction:column;align-items:flex-start;gap:4px}}
@media(max-width:650px){.research-flow{flex-direction:column;align-items:stretch;gap:8px;padding:18px}html[lang="en"] .research-flow>span{flex-direction:row;align-items:center;gap:14px;font-size:18px}.research-flow b{font-size:16px}.research-flow>i{align-self:center;transform:rotate(90deg);font-size:16px;line-height:1}}

/* Autoplay background illustrations, using the user's pastel website palette.
   Qualitative process only: no prediction scores, thresholds or safety verdicts. */
.admet-workspace>.panel{position:relative;isolation:isolate;overflow:hidden}
.admet-workspace>.panel>.panel-cinema{position:absolute;inset:50% -5% auto;transform:translateY(-50%);margin:0;z-index:-1;pointer-events:none;user-select:none}
.panel-cinema svg{display:block;width:100%;height:auto;opacity:.18}
.panel-cinema .assessment-molecule{animation:assessment-travel 9s ease-in-out infinite;opacity:.8}
.panel-cinema .assessment-molecule-b{animation-delay:-4.5s}
.panel-cinema .assessment-scan{animation:assessment-sweep 4.5s ease-in-out infinite}
.panel-cinema .assessment-guide-track{animation:assessment-track 9s linear infinite}
.panel-cinema .assessment-endpoint{animation:assessment-readout 4.5s ease-in-out infinite}
.panel-cinema .endpoint-two{animation-delay:-.35s}.panel-cinema .endpoint-three{animation-delay:-.7s}
.panel-cinema .assessment-review-lens{animation:assessment-review 4.5s ease-in-out infinite;transform-origin:490px 93px}
.panel-cinema .pigment-formation{animation:pigment-formation 9s ease-in-out infinite;transform-origin:82px 97px}
.panel-cinema .pigment-cargo{animation:pigment-journey 9s linear infinite;transform:translate(116px,100px)}
.panel-cinema .cargo-two{animation-delay:-3s}.panel-cinema .cargo-three{animation-delay:-6s}
.panel-cinema .pigment-transfer-track{animation:assessment-track 12s linear infinite}
.panel-cinema .pigment-lysosome-ring{animation:pigment-processing 9s ease-in-out infinite;transform-origin:474px 116px}
.panel-cinema .pigment-fragments{animation:pigment-fragments 9s ease-in-out infinite;transform-origin:474px 116px}
.admet-workspace>.panel .panel-cinema *{animation-play-state:running}
@keyframes assessment-travel{0%{transform:translateX(-25px);opacity:0}12%{opacity:1}42%,62%{transform:translateX(180px);opacity:1}84%{transform:translateX(266px);opacity:0}100%{transform:translateX(266px);opacity:0}}
@keyframes assessment-sweep{0%,100%{transform:translateX(0);opacity:.15}45%,60%{transform:translateX(91px);opacity:.8}}
@keyframes assessment-track{to{stroke-dashoffset:-104}}
@keyframes assessment-readout{0%,20%,100%{opacity:.4;transform:translateX(4px)}45%,80%{opacity:1;transform:translateX(0)}}
@keyframes assessment-review{0%,35%,100%{transform:translate(0,0)}60%,80%{transform:translate(-6px,-3px)}}
@keyframes pigment-formation{0%,100%{opacity:.35;transform:scale(.75)}30%,70%{opacity:1;transform:scale(1)}}
@keyframes pigment-journey{0%{transform:translate(104px,91px) scale(.3);opacity:0}9%{transform:translate(116px,98px) scale(1);opacity:.9}24%{transform:translate(182px,84px) scale(1);opacity:.9}39%{transform:translate(261px,89px) scale(1);opacity:.9}50%{transform:translate(307px,82px) scale(1);opacity:.9}60%{transform:translate(350px,54px) scale(1);opacity:.9}72%{transform:translate(415px,56px) scale(1);opacity:.9}86%{transform:translate(470px,112px) scale(.9);opacity:.9}96%,100%{transform:translate(474px,116px) scale(.15);opacity:0}}
@keyframes pigment-processing{0%,65%,100%{transform:scale(.96);opacity:.4}82%,92%{transform:scale(1.08);opacity:.9}}
@keyframes pigment-fragments{0%,68%,100%{transform:scale(.7);opacity:0}85%{transform:scale(1);opacity:.8}96%{transform:scale(1.35);opacity:0}}
@media(prefers-reduced-motion:reduce){.admet-workspace>.panel .panel-cinema *{animation:none!important}.panel-cinema .assessment-molecule-b{transform:translateX(167px)}.panel-cinema .cargo-one{transform:translate(143px,93px)}.panel-cinema .cargo-two{transform:translate(278px,85px)}.panel-cinema .cargo-three{transform:translate(433px,75px)}}

/* Keep the next section discoverable within the homepage introduction. */
.scroll-cue{display:flex;align-items:center;gap:12px;margin-top:30px;padding:8px 12px 8px 0;border:0;border-radius:24px;background:transparent;color:#486D86;font-size:15px;font-weight:500;text-align:left}
.scroll-cue-icon{display:grid;place-items:center;width:38px;height:44px;border:1px solid #B4DCE1;border-radius:20px;background:linear-gradient(150deg,#F7CCCD33,#96CFF026);flex-shrink:0}
.scroll-cue svg{width:18px;height:24px;animation:scroll-cue-down 2.4s ease-in-out infinite}
.scroll-cue:hover{color:#365F80;background:#96CFF014}
#research-entry-title{scroll-margin-top:24px}
@keyframes scroll-cue-down{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
