/* Shared information structure for the design directions. */
body{--section-tint:#f3f7fa;--section-line:#dce6ed;--section-accent:#467188}
body[data-layout=photo]{--section-tint:#f4f7f4;--section-line:#dde7df;--section-accent:#467a65}
body[data-layout=field]{--section-tint:#f6f5fa;--section-line:#e5e3ee;--section-accent:#756ca0}
.header-nav{gap:22px}.header-nav a{font-size:11px;white-space:nowrap}.header-nav a:last-child{padding-left:0;border:0;gap:0}
.header-row{gap:25px}.header-tools{display:flex;gap:12px;align-items:center}.language-nav{display:flex;gap:10px;font:12px Outfit,sans-serif}.language-nav a{display:flex;align-items:center;min-height:44px;min-width:24px;color:#7a8790}.language-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.field-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;border-top:1px solid #e3e9ed}
.field-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:62px;padding:15px 0;font-size:13px;color:#526875}.field-links .arrow{font-size:13px;opacity:.55}.field-links a:hover{color:var(--accent)}
.word[data-topic=cg]{font-size:.77em;line-height:1.45}.stage-photo img[data-photo=cg]{object-fit:contain;background:#f2f5f8}
.lab-intro{padding:35px 0 28px;margin-top:14px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.7fr);gap:25px 55px}
.intro-summary h2{font-size:19px}.intro-summary>p{font-size:14px;line-height:1.95;color:#455b69;max-width:740px;margin-top:12px}
.audience-shortcuts{display:flex;flex-direction:column;justify-content:center}.audience-shortcuts a{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e3e9ed;margin:0;padding:13px 0;font-size:12px;min-height:48px}
.about-more{grid-column:1/-1;border-top:1px solid #e3e9ed}.about-more>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:50px;font-size:12px;color:#627887}.about-more>summary::-webkit-details-marker{display:none}.about-more .plus{font:300 22px Outfit,sans-serif}.about-more[open]>summary .plus{transform:rotate(45deg)}.about-more-content{padding:16px 0 22px}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.process-item{border-top:1px solid #dce6eb;padding-top:18px}.process-number{font:300 32px Outfit,sans-serif;color:var(--section-accent)}.process-item h3{font-size:17px;font-weight:500;margin:12px 0 8px}.process-item p{font-size:13px;line-height:1.95;color:#657984}
.environment-slot{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center;margin-top:30px}.environment-slot h3{font-size:18px;font-weight:500}.environment-slot p{font-size:13px;color:#627480;line-height:1.9;margin-top:9px}.environment-slot .media-slot{height:160px}
.page-section{padding:57px 0;border-top:1px solid #e3e9ed;scroll-margin-top:14px}.page-heading{margin-bottom:30px}.page-heading>p{font:400 12px Outfit,sans-serif;color:var(--section-accent);letter-spacing:.045em;margin-bottom:7px}.page-heading h2{font-size:27px;font-weight:500;letter-spacing:.025em}.page-heading>span{display:block;font-size:13px;color:#637783;margin-top:10px}
.research-list .research-detail summary{padding:20px 0;display:grid;grid-template-columns:42px 1fr 1fr 25px;gap:18px}.area-number{font:400 12px Outfit,sans-serif;color:#7b8e99}.area-name h3{font-size:17px;font-weight:500}.area-name small{font:400 11px Outfit,sans-serif;color:#72858f}.area-summary{font-size:12px;color:#607480}.research-list .detail-copy{padding:0 43px 24px 60px;max-width:900px;font-size:14px}.detail-links{display:flex;gap:30px;flex-wrap:wrap}.detail-links .text-link{margin-top:12px}
.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;min-height:44px;color:#426478;margin-top:12px}.text-link:hover{color:var(--accent)}
.media-slot{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--section-tint);border:1px solid var(--section-line);height:208px}
.slot-label{position:absolute;left:14px;right:14px;bottom:15px;text-align:center;font-size:11px;color:#6a7d87;z-index:1}.slot-art{display:block;position:relative;width:84px;height:64px;opacity:.6;color:var(--section-accent);border:1px solid currentColor}
.slot-project .slot-art{transform:rotate(-9deg);box-shadow:8px 8px 0 -1px var(--section-tint),8px 8px 0 0 currentColor}.slot-project .slot-art:after{content:'';position:absolute;inset:14px;border:1px solid currentColor;transform:rotate(25deg)}
.slot-exhibition .slot-art{border:0;border-left:1px solid;border-right:1px solid;transform:perspective(180px) rotateY(-18deg);width:102px}.slot-exhibition .slot-art:before{content:'';position:absolute;inset:7px 16px;border:1px solid;box-shadow:7px 7px 0 -1px var(--section-tint),7px 7px 0 0 currentColor}
.slot-report .slot-art{border:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 12px,currentColor 12px,currentColor 13px);height:52px;width:70px;transform:rotate(-5deg)}.slot-environment .slot-art{width:100px;height:64px;transform:skewY(-8deg);background:linear-gradient(90deg,transparent 48%,currentColor 49%,transparent 50%)}
.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.work-meta{display:flex;justify-content:space-between;gap:10px;margin:18px 0 9px;color:var(--section-accent);font-size:11px}.work-meta>span:last-child{color:#73828c;font-size:10px}.work-card h3{font-size:19px;font-weight:500}.work-card>p{font-size:13px;color:#657984;line-height:1.9;margin-top:10px}
.members-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.member-card .media-slot{height:auto;aspect-ratio:1 / 1.12;background:#f5f7f8}.faculty-card .media-slot{background:var(--section-tint)}
.slot-portrait .slot-art{width:96px;height:115px;border:0;opacity:.28}.slot-portrait .slot-art:before{content:'';position:absolute;width:43px;height:43px;border-radius:50%;border:1px solid currentColor;top:0;left:26px}.slot-portrait .slot-art:after{content:'';position:absolute;bottom:0;left:0;right:0;height:62px;border:1px solid currentColor;border-radius:55px 55px 0 0}
.member-role{font-size:10px;color:var(--section-accent);margin-top:17px;letter-spacing:.035em}.member-card h3{font-size:23px;font-weight:450;margin-top:5px;letter-spacing:.04em}.student-card h3{color:#72828e;font-size:20px}.member-english{font:12px Outfit,sans-serif;color:#657b88;margin-top:3px}.member-description{font-size:12px;line-height:1.85;margin-top:13px;color:#697d88}.member-card .text-link{font-size:11px;margin-top:9px}.section-note{font-size:11px;color:#697c88;line-height:1.8;margin-top:21px}.student-card .member-role{color:#73838f}
.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.connect-card{padding:32px 34px;background:var(--section-tint);border-top:2px solid var(--section-accent);scroll-margin-top:105px;display:flex;flex-direction:column;align-items:flex-start}.student-connect{background:#f8f9fa;border-color:#93a2ad}.connect-card h3{font-size:26px;font-weight:450;line-height:1.55;letter-spacing:.01em;margin:12px 0 17px}.connect-card>p:not(.eyebrow):not(.section-note){font-size:13px;line-height:1.95;color:#586f7e;max-width:34em}.connect-steps{list-style:none;padding:0;margin:20px 0 24px;width:100%;counter-reset:steps}.connect-steps li{counter-increment:steps;display:flex;align-items:baseline;gap:15px;border-top:1px solid #dce4e9;min-height:48px;font-size:12px;color:#607887}.connect-steps li:before{content:'0' counter(steps);font:11px Outfit,sans-serif;color:#6b8190}.connect-steps .text-link{margin:0;justify-content:space-between;flex:1;padding:9px 0}.connect-steps li>span{padding:12px 0}.outline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 17px;border:1px solid #bdcdd6;color:#355a70;font-size:12px;background:#ffffff9c;width:100%;margin-top:auto}.outline-link:hover{background:#fff}.connect-card .section-note{font-size:10px;margin-top:12px}
.campus-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.campus-photo img{height:auto;aspect-ratio:1.82;object-fit:cover}.campus-photo figcaption{font:400 10px Outfit,sans-serif;color:#72858f;margin-top:10px;letter-spacing:.03em}.access-copy h3{font-size:22px;font-weight:450;line-height:1.65;margin-top:9px}.access-copy address{font-size:13px;font-style:normal;color:#465f70;line-height:1.9;margin-top:17px}.access-copy>p:not(.eyebrow){font-size:12px;color:#657984;line-height:1.9;margin-top:14px}.access-links{display:flex;gap:22px;flex-wrap:wrap}.access-links a{font-size:11px;margin-top:9px}.contact-block{margin-top:44px;padding-top:32px;border-top:1px solid #e3e9ed;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;scroll-margin-top:115px}.contact-block h3{font-size:22px;font-weight:500;margin:6px 0 11px}.contact-block>div>p:not(.eyebrow):not(.section-note){font-size:12px;color:#657984}.contact-email{display:inline-flex;align-items:center;gap:25px;font:400 clamp(25px,2.8vw,38px) Outfit,sans-serif;letter-spacing:-.025em;color:#345c73;min-height:55px}.contact-email .arrow{font-size:25px}.contact-block .section-note{margin-top:8px;font-size:10px}
.page-footer{border-top:1px solid #e4eaee;padding:36px 0 25px;background:#fafcfd}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-brand{font:400 42px Outfit,sans-serif;letter-spacing:-.06em}.footer-brand>span{color:var(--accent)}.footer-top>.text-link{margin:0}.footer-site-nav{display:flex;flex-wrap:wrap;gap:10px 32px;margin-top:20px}.footer-site-nav a{font-size:12px;min-height:44px;display:flex;align-items:center}.footer-links{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:17px;padding-top:20px;border-top:1px solid #e6ecef;font-size:11px;color:#637b89}.footer-links nav{display:flex;flex-wrap:wrap;max-width:100%;gap:0 18px;align-items:center}.footer-links nav a{min-width:30px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.footer-links nav a[aria-current]{color:var(--accent);border-bottom:1px solid currentColor}.prototype-note{font-size:10px;line-height:1.9;color:#697e8b;margin-top:15px}.prototype-note a{text-decoration:underline;text-underline-offset:3px}
html[lang=en] .brand strong{font:450 22px Outfit,sans-serif;letter-spacing:-.025em}html[lang=en] .field-links a{font-size:12px}html[lang=en] .area-summary{font-size:13px}html[lang=en] .member-card h3{letter-spacing:0}
@media(max-width:1100px){.header-nav{gap:15px}.header-nav a{font-size:10px}.header-row{gap:18px}.lab-intro{gap:22px 30px}.members-grid{gap:20px}.connect-card{padding:28px}.campus-layout{gap:35px}.contact-email{font-size:30px}}
@media(max-width:980px){.header-nav{display:none}.menu{display:block}.header-tools{gap:20px}.menu nav a{font-size:13px}.menu nav{padding-inline:34px}.members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.member-card .media-slot{aspect-ratio:1.3}.contact-block{grid-template-columns:1fr}.contact-email{font-size:34px}}
@media(max-width:760px){.lab-intro{grid-template-columns:1fr;gap:16px}.audience-shortcuts{flex-direction:row;gap:24px}.audience-shortcuts a{flex:1}.works-grid{gap:18px}.work-card h3{font-size:16px}.work-card>p{font-size:12px}.connect-grid{gap:20px}.connect-card{padding:24px}.connect-card h3{font-size:23px}.campus-layout{gap:25px}.access-copy h3{font-size:20px}.field-links{gap:15px}}
@media(max-width:620px){
 .header-tools{gap:12px}.language-nav{font-size:11px;gap:7px}.menu summary{font-size:11px;padding-left:4px}.menu nav{padding-inline:22px}.brand strong{font-size:12px}.brand small{font-size:8px}
 .field-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.field-links a{min-height:44px;padding:11px 0;font-size:11px;gap:4px}.field-links .arrow{font-size:11px}html[lang=en] .field-links a{font-size:11px}
 .lab-intro{margin-top:17px;padding:25px 0 20px;gap:14px}.intro-summary h2{font-size:17px}.intro-summary h2 small{font-size:10px;margin-left:10px}.intro-summary>p{font-size:13px;line-height:1.95;margin-top:12px}.audience-shortcuts{flex-direction:column;gap:0}.audience-shortcuts a{font-size:12px;min-height:44px;padding:10px 0}.about-more{border-top:0}.about-more>summary{font-size:11px}
 .process-grid{grid-template-columns:1fr;gap:22px}.process-item{display:grid;grid-template-columns:32px 1fr;gap:0 14px;padding-top:15px}.process-number{font-size:24px;grid-row:1/3}.process-item h3{font-size:16px;margin:0 0 6px}.process-item p{font-size:12px}.environment-slot{grid-template-columns:1fr;gap:18px}.environment-slot p{font-size:12px}
 .page-section{padding:37px 0}.page-heading{margin-bottom:23px}.page-heading>p{font-size:11px}.page-heading h2{font-size:24px}.page-heading>span{font-size:12px}
 .research-list .research-detail summary{grid-template-columns:24px 1fr 20px;gap:10px;padding:17px 0}.area-number{font-size:11px}.area-name h3{font-size:16px}.area-name small{font-size:11px}.area-summary{display:none}.research-list .detail-copy{padding:0 20px 20px 34px;font-size:13px}.detail-links{gap:0 22px}
 .works-grid{grid-template-columns:1fr;gap:30px}.media-slot{height:188px}.work-meta{margin-top:13px}.work-card h3{font-size:19px}.work-card>p{font-size:13px;margin-top:7px}
 .members-grid{gap:26px 16px}.member-card .media-slot{aspect-ratio:1 / 1.2}.slot-portrait .slot-art{transform:scale(.72)}.slot-label{font-size:10px;left:8px;right:8px;bottom:12px}.member-role{font-size:9px;margin-top:12px}.member-card h3{font-size:21px}.student-card h3{font-size:17px}.member-english{font-size:10px}.member-description{font-size:11px;margin-top:9px}.member-card .text-link{font-size:10px;gap:8px;margin-top:5px}.section-note{font-size:11px}
 .connect-grid{grid-template-columns:1fr;gap:24px}.connect-card{padding:26px 23px}.connect-card h3{font-size:25px}.connect-card>p:not(.eyebrow):not(.section-note){font-size:13px}.connect-steps{margin:19px 0 23px}.connect-steps li{font-size:12px}.connect-card .outline-link{font-size:12px;padding-inline:13px;gap:15px}
 .campus-layout{grid-template-columns:1fr;gap:24px}.access-copy h3{font-size:22px}.access-copy address{font-size:13px}.access-copy>p:not(.eyebrow){font-size:12px}.access-links{gap:8px 20px}.contact-block{margin-top:30px;padding-top:27px;gap:18px}.contact-email{font-size:27px;gap:18px}.contact-email .arrow{font-size:20px}
 .page-footer{padding-top:27px}.footer-brand{font-size:35px}.footer-top>.text-link{font-size:11px}.footer-site-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.footer-site-nav a{font-size:11px}.footer-links{align-items:flex-start;flex-direction:column;gap:8px;margin-top:16px}.footer-links nav{gap:18px}.prototype-note{font-size:10px}
}
/* D: begin with information, using small research images as orientation cues. */
body:is([data-layout=index],[data-layout=hybrid]){--accent:#286e72;--section-tint:#f2f7f6;--section-line:#dce8e6;--section-accent:#397c77}
body:is([data-layout=index],[data-layout=hybrid]) .lab-intro{border-top:0;margin-top:0;padding-top:27px;padding-bottom:12px;gap:14px 50px}
body:is([data-layout=index],[data-layout=hybrid]) .intro-summary h1{font-size:21px;font-weight:500;letter-spacing:.02em}body:is([data-layout=index],[data-layout=hybrid]) .intro-summary h1 small{font:11px Outfit,sans-serif;color:#70848d;margin-left:16px}
body:is([data-layout=index],[data-layout=hybrid]) .intro-summary>p{font-size:15px;margin-top:9px;max-width:48em}
body:is([data-layout=index],[data-layout=hybrid]) .about-more>summary{min-height:42px}
body:is([data-layout=index],[data-layout=hybrid]) .page-section{padding:32px 0 37px}
body:is([data-layout=index],[data-layout=hybrid]) .page-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 20px;margin-bottom:20px}
body:is([data-layout=index],[data-layout=hybrid]) .page-heading>p{margin:0;font-size:11px}body:is([data-layout=index],[data-layout=hybrid]) .page-heading h2{font-size:23px}body:is([data-layout=index],[data-layout=hybrid]) .page-heading>span{width:100%;margin-top:3px;font-size:12px}
body:is([data-layout=index],[data-layout=hybrid]) .research-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;align-items:start}
body:is([data-layout=index],[data-layout=hybrid]) .research-detail{border:1px solid #dfe8e8;background:#fff;transition:border-color .2s}
body:is([data-layout=index],[data-layout=hybrid]) .research-detail:hover{border-color:#91b5b0}
body:is([data-layout=index],[data-layout=hybrid]) .research-detail>summary{display:grid;grid-template-columns:64px minmax(0,1fr) 16px;grid-template-rows:auto auto;gap:1px 13px;padding:13px;min-height:105px}
body:is([data-layout=index],[data-layout=hybrid]) .area-number{display:none}.research-thumb{grid-row:1/3;width:64px;height:76px;background:#f0f4f5;overflow:hidden}.research-thumb img{height:100%;object-fit:cover}.thumb-cg img,.thumb-ai img{object-fit:contain;transform:scale(1.4)}.thumb-ai img{filter:hue-rotate(40deg)}
body:is([data-layout=index],[data-layout=hybrid]) .area-name{grid-column:2;align-self:end}body:is([data-layout=index],[data-layout=hybrid]) .area-name h3{font-size:16px}body:is([data-layout=index],[data-layout=hybrid]) .area-name small{display:none}
body:is([data-layout=index],[data-layout=hybrid]) .area-summary{display:block;grid-column:2;grid-row:2;font-size:10px;line-height:1.75;align-self:start;margin-top:4px}body:is([data-layout=index],[data-layout=hybrid]) .research-detail .plus{grid-column:3;grid-row:1/3;font-size:19px}
body:is([data-layout=index],[data-layout=hybrid]) .research-list .detail-copy{padding:0 18px 19px;font-size:12px}.research-detail[open] .research-thumb{opacity:.8}
body:is([data-layout=index],[data-layout=hybrid]) .works-grid{gap:22px}body:is([data-layout=index],[data-layout=hybrid]) .works-grid .media-slot{height:135px}body:is([data-layout=index],[data-layout=hybrid]) .works-grid .slot-art{transform:scale(.68)}body:is([data-layout=index],[data-layout=hybrid]) .works-grid .slot-label{bottom:10px;font-size:10px}
body:is([data-layout=index],[data-layout=hybrid]) .work-meta{margin-top:12px}body:is([data-layout=index],[data-layout=hybrid]) .work-card h3{font-size:18px}
@media(max-width:1100px){body:is([data-layout=index],[data-layout=hybrid]) .research-list{gap:12px}body:is([data-layout=index],[data-layout=hybrid]) .research-detail>summary{grid-template-columns:52px minmax(0,1fr) 14px;gap:1px 10px;padding:11px}body:is([data-layout=index],[data-layout=hybrid]) .research-thumb{width:52px;height:70px}body:is([data-layout=index],[data-layout=hybrid]) .area-name h3{font-size:14px}body:is([data-layout=index],[data-layout=hybrid]) .area-summary{font-size:10px}}
@media(max-width:760px){body:is([data-layout=index],[data-layout=hybrid]) .research-list{grid-template-columns:repeat(2,minmax(0,1fr))}body:is([data-layout=index],[data-layout=hybrid]) .lab-intro{gap:12px}body:is([data-layout=index],[data-layout=hybrid]) .intro-summary>p{font-size:14px}}
@media(max-width:620px){body:is([data-layout=index],[data-layout=hybrid]) .lab-intro{padding-top:23px}body:is([data-layout=index],[data-layout=hybrid]) .intro-summary h1{font-size:20px}body:is([data-layout=index],[data-layout=hybrid]) .intro-summary h1 small{font-size:10px;margin-left:9px}body:is([data-layout=index],[data-layout=hybrid]) .intro-summary>p{font-size:13px}body:is([data-layout=index],[data-layout=hybrid]) .page-section{padding:27px 0 32px}body:is([data-layout=index],[data-layout=hybrid]) .page-heading{gap:2px 14px;margin-bottom:17px}body:is([data-layout=index],[data-layout=hybrid]) .page-heading>p{font-size:10px}body:is([data-layout=index],[data-layout=hybrid]) .page-heading h2{font-size:21px}body:is([data-layout=index],[data-layout=hybrid]) .research-list{grid-template-columns:1fr;gap:10px}body:is([data-layout=index],[data-layout=hybrid]) .research-detail>summary{min-height:84px;grid-template-columns:62px minmax(0,1fr) 18px;gap:1px 15px;padding:10px 14px}body:is([data-layout=index],[data-layout=hybrid]) .research-thumb{width:62px;height:62px}body:is([data-layout=index],[data-layout=hybrid]) .area-name h3{font-size:16px}body:is([data-layout=index],[data-layout=hybrid]) .area-summary{font-size:11px}body:is([data-layout=index],[data-layout=hybrid]) .works-grid .media-slot{height:160px}}
@media(min-width:761px){body:is([data-layout=index],[data-layout=hybrid]) .lab-intro{padding-top:20px;gap:11px 45px}body:is([data-layout=index],[data-layout=hybrid]) .about-more>summary{min-height:36px}body:is([data-layout=index],[data-layout=hybrid]) .page-section{padding:24px 0 28px}body:is([data-layout=index],[data-layout=hybrid]) .page-heading{margin-bottom:16px}body:is([data-layout=index],[data-layout=hybrid]) .research-detail>summary{min-height:88px;padding:10px 13px}body:is([data-layout=index],[data-layout=hybrid]) .research-thumb{height:62px}}

/* Keep related content close, and give each section a consistent breathing space. */
.header-row{height:72px}
.field-links a{min-height:54px;padding-block:11px}
.lab-intro{margin-top:0;padding:28px 0 14px;gap:20px 42px}
.about-more>summary{min-height:44px}
.page-section{padding:40px 0 42px}.page-heading{margin-bottom:24px}
.works-grid .media-slot{height:180px}.work-meta{margin-top:13px}
.members-grid{gap:24px}.member-card .media-slot{height:178px;aspect-ratio:auto}
.member-role{margin-top:13px}.member-description{margin-top:9px}
.connect-card{padding:26px 28px}.connect-card h3{margin:10px 0 13px}
.connect-steps{margin:17px 0 20px}.campus-layout{gap:40px}
.contact-block{margin-top:30px;padding-top:26px}
body:is([data-layout=index],[data-layout=hybrid]) .shell{max-width:1240px;padding-inline:40px}
body:is([data-layout=index],[data-layout=hybrid]) .lab-intro{padding:28px 0 10px;gap:17px 42px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr)}
body:is([data-layout=index],[data-layout=hybrid]) .intro-summary>p{font-size:14px;line-height:1.95;max-width:46em}
body:is([data-layout=index],[data-layout=hybrid]) .about-more>summary{min-height:44px}
body:is([data-layout=index],[data-layout=hybrid]) .page-section{padding:28px 0 32px}
body:is([data-layout=index],[data-layout=hybrid]) .page-heading{margin-bottom:19px}
body:is([data-layout=index],[data-layout=hybrid]) .page-heading>span{margin-top:4px}
body:is([data-layout=index],[data-layout=hybrid]) .research-list{gap:14px 18px}
body:is([data-layout=index],[data-layout=hybrid]) .research-detail>summary{padding:14px;min-height:100px;grid-template-columns:56px minmax(0,1fr) 16px;column-gap:13px}
body:is([data-layout=index],[data-layout=hybrid]) .research-thumb{width:56px;height:64px}
body:is([data-layout=index],[data-layout=hybrid]) .area-summary{font-size:11px;line-height:1.7;margin-top:5px}
body:is([data-layout=index],[data-layout=hybrid]) .works-grid .media-slot{height:116px}
body:is([data-layout=index],[data-layout=hybrid]) .works-grid .slot-art{margin-top:-8px}
body:is([data-layout=index],[data-layout=hybrid]) .member-card .media-slot{height:156px}
body:is([data-layout=index],[data-layout=hybrid]) .slot-portrait .slot-art{transform:scale(.65);margin-top:-8px}
@media(max-width:980px){
 body:is([data-layout=index],[data-layout=hybrid]) .research-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .member-card .media-slot{height:178px}
}
@media(max-width:760px){body:is([data-layout=index],[data-layout=hybrid]) .lab-intro{grid-template-columns:1fr;gap:12px}}
@media(max-width:620px){
 .header-row{height:66px}.page-section{padding:30px 0 32px}.page-heading{margin-bottom:21px}
 .field-links a{min-height:44px}.lab-intro{margin-top:0;padding:22px 0 14px;gap:12px}
 .works-grid .media-slot{height:172px}.member-card .media-slot{height:140px}
 .slot-portrait .slot-art{transform:scale(.6);margin-top:-8px}
 .connect-card{padding:23px 21px}.campus-layout{gap:23px}
 body:is([data-layout=index],[data-layout=hybrid]) .shell{padding-inline:22px}
 body:is([data-layout=index],[data-layout=hybrid]) .lab-intro{padding-top:22px}
 body:is([data-layout=index],[data-layout=hybrid]) .research-list{grid-template-columns:1fr;gap:10px}
 body:is([data-layout=index],[data-layout=hybrid]) .research-detail>summary{min-height:84px;padding:11px 13px}
 body:is([data-layout=index],[data-layout=hybrid]) .research-thumb{height:58px}
 body:is([data-layout=index],[data-layout=hybrid]) .page-section{padding:26px 0 30px}
 body:is([data-layout=index],[data-layout=hybrid]) .works-grid .media-slot{height:148px}
 body:is([data-layout=index],[data-layout=hybrid]) .member-card .media-slot{height:136px}
}