/* IDAS reference-layout design: shared public styles. */
.empty-page{min-height:45vh;background:#fff}
:root{--ref-ink:#20252d;--ref-band:#1c2029;--ref-soft:#f2f3f4;--ref-blue:#12538c;--ref-title-height:clamp(136px,11vw,148px)}
body{background:#fff;color:var(--ref-ink);font-size:16px}
.nav,.page-header .nav{min-height:98px;padding-top:10px;padding-bottom:10px;gap:24px;background:#fff}
.brand{font-size:11px;line-height:1.16}.brand-mark{width:92px;margin-bottom:3px}.brand>span{max-width:32ch}.brand .translation{font-size:10px;margin-top:1px}
.navlinks{gap:18px}.navlinks a{font-size:13px;font-weight:600}.navcta{display:none}
.hero{min-height:0;background:#fff}.hero-body{width:100%;max-width:none;background:var(--ref-band);color:#fff;min-height:var(--ref-title-height);padding:16px var(--gutter) 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}
.hero-main{max-width:850px}.hero-main h1{font-size:clamp(38px,4.5vw,64px);line-height:1.04;letter-spacing:-.055em;margin:0 0 11px;color:#fff}
.hero-main h1 .translation{font-size:.36em;line-height:1.25;letter-spacing:-.025em;margin-top:8px;color:#dce8f2}
.hero-main .sub{font-size:16px;line-height:1.45;margin:0 auto;max-width:70ch;color:#e5edf2}
.hero-main .sub .translation{font-size:14px;color:#c9d9e5;margin-top:4px}
.hero-main .button{margin-top:19px;min-height:38px;padding:7px 16px;background:#fff;color:var(--ref-ink);font-size:13px}
.hero-side{margin:0;order:1;color:#c9d9e5;font-size:13px;font-weight:400}.hero-side p{margin:0}.hero-foot{display:none}
#main:has(>.research){display:flex;flex-direction:column}
#main>.research{order:1}#main>.about{order:2}#main>.diagram-band{order:3}#main>.publications{order:4}#main>.contact{order:5}
.section{padding-top:70px;padding-bottom:75px}
.research{background:#fff}.research-intro{display:block;margin:0 0 36px}.research-intro>div:last-child{display:block}.research-intro h2{font-size:31px;margin:0 0 6px;color:var(--ref-ink)}.research-intro h2 .translation{font-size:.56em;margin-top:2px;color:var(--ref-blue)}.research-intro p{font-size:15px;max-width:75ch;color:#4b5560}
.topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,4.5vw,72px)}
.topic,.topic:nth-child(1),.topic:nth-child(2),.topic:nth-child(3){grid-column:auto;min-height:0;padding:0;background:none;color:var(--ref-ink);display:block}
.topic h3{font-size:21px;line-height:1.25;letter-spacing:-.035em;color:var(--ref-blue);margin:0 0 13px}.topic h3 .translation{font-size:.78em;line-height:1.45;margin-top:5px;color:var(--ref-ink)}.topic p{font-size:15px;line-height:1.58;color:#414b55}.topic p .translation{font-size:.95em;color:#5a6571;margin-top:10px}
.topic-figure{margin:20px 0 0;max-width:100%}.topic-figure a,.topic-figure img{display:block;width:100%}.topic-figure img{height:auto}
.about{background:var(--ref-soft)}.about .axis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,7vw,110px)}.about .axis>div:last-child{grid-column:1;grid-row:1}.about .side{grid-column:2;grid-row:1;padding-top:0}
.about h2,.diagram-band h2,.publications h2,.contact h2{font-size:clamp(30px,3.3vw,46px);margin-bottom:19px}.about .lead{font-size:21px}.bodycopy p{font-size:16px}.facts{grid-template-columns:1fr;gap:18px}.facts div{border:0;padding:0}.facts dd{font-size:17px}
.diagram-band{background:#fff;color:var(--ref-ink);padding-top:66px;padding-bottom:65px}.diagram-band h2{max-width:none}.diagram-band .axis{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.diagram-band p{font-size:16px}.concept-figure img{max-height:490px}
.publications{background:var(--ref-soft)}.publication-head>div:last-child{display:block}.publication-head p{font-size:16px}.publication-list{margin-top:25px}.publication-list li,.publication-list li:first-child{border-color:#ced5d9;border-width:1px;padding:18px 0}.publication-list strong{font-size:18px}.publication-list .venue{font-size:14px}
.contact{background:#fff;color:var(--ref-ink);padding-top:75px}.contact h2{max-width:none}.contact p{font-size:16px}.contact footer{border-color:#cbd4da;border-width:1px;color:var(--ref-ink)}
/* Secondary pages keep their content, with the same quiet strip/alternating rhythm. */
.page-header{background:#fff}.page-title{width:100%;max-width:none;background:var(--ref-band);color:#fff;display:block;text-align:center;padding:16px var(--gutter) 17px}.page-title p{color:#dbe4ed;font-size:15px;margin:0 auto 8px}.page-title h1{color:#fff;font-size:clamp(45px,5vw,72px);line-height:1.04}.page-title h1 .translation{font-size:.38em;color:#dce8f2;margin-top:8px}
.page-title:not(:has(h1 .translation)){min-height:var(--ref-title-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.page-title:not(:has(h1 .translation)) p{margin:8px auto 0}
.page-title:not(:has(>p)){padding-top:21px;padding-bottom:21px}
.page-title:has(h1 .translation){padding-top:9px;padding-bottom:9px}
.page-section{padding-top:75px;padding-bottom:75px;background:#fff}.page-section:nth-child(even){background:var(--ref-soft)}.reading-grid h2,.page-section h2{font-size:clamp(32px,3.6vw,48px)}
.page-footer{background:var(--ref-soft)}
footer .footer-mark{width:clamp(100px,10vw,140px);max-width:100%;height:auto}
.research .topic:nth-child(1) h3{color:#A81919}
.research .topic:nth-child(2) h3{color:#274B9B}
.research .topic:nth-child(3) h3{color:#5F935D}
@media(max-width:1100px){.nav,.page-header .nav{min-height:98px}.navlinks{top:98px}.navlinks.open{display:flex;background:#fff}.navlinks a{font-size:17px}.hero-body{padding-top:16px;padding-bottom:16px}.topics{grid-template-columns:repeat(3,minmax(0,1fr))}.topic,.topic:nth-child(1),.topic:nth-child(2),.topic:nth-child(3){min-height:0}.about .axis{display:grid}}
/* Keep English copy naturally wrapped and widen dense entries on small screens. */
.research-intro p,.topic p,.research-language p,.pi-copy p{text-wrap:pretty;word-break:normal;overflow-wrap:normal}
.reading-grid h2,.topic h3{text-wrap:balance}
@media(min-width:721px) and (max-width:960px){.pi-profile{grid-template-columns:150px minmax(0,1fr);gap:24px}}
@media(max-width:720px){.pub-index li{grid-template-columns:32px minmax(0,1fr);gap:12px;padding-inline:10px}.pub-index .authors{overflow-wrap:break-word}.pub-index .pub-data>strong{font-size:clamp(18px,5vw,22px);line-height:1.3}}
@media(max-width:390px){.pub-index li{grid-template-columns:25px minmax(0,1fr);gap:8px;padding-inline:8px}}
@media(max-width:720px){.nav,.page-header .nav{min-height:90px}.brand-mark{width:82px}.brand>span{font-size:10px}.brand .translation{font-size:9px}.navlinks{top:90px}.hero-body{min-height:var(--ref-title-height);padding:18px 20px}.hero-main h1{font-size:clamp(38px,10vw,52px)}.hero-main h1 .translation{font-size:.4em}.hero-main .sub{font-size:14px}.hero-main .sub .translation{font-size:13px}.hero-side{font-size:12px}.section{padding-top:52px;padding-bottom:58px}.research-intro{margin-bottom:28px}.research-intro h2{font-size:29px}.topics{display:block}.topic,.topic:nth-child(1),.topic:nth-child(2),.topic:nth-child(3){margin:0 0 32px;padding:0;min-height:0}.topic:last-child{margin-bottom:0}.topic h3{font-size:22px}.about .axis{display:flex;flex-direction:column;gap:28px}.about .axis>div:last-child{order:0}.about .side{order:1}.diagram-band{padding-top:52px;padding-bottom:55px}.page-title{padding-top:16px;padding-bottom:17px}.page-title h1{margin:0;font-size:clamp(40px,10vw,60px)}.page-section{padding-top:55px;padding-bottom:58px}}