/* Connected PC pages, using the approved cool-white detail direction. */
.site-header nav{gap:26px;margin-right:26px}.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}.hero-links{gap:22px;flex-wrap:wrap}.research-item a:hover{text-decoration:underline;text-underline-offset:5px}
.list-head{padding:24px var(--gutter) 42px;max-width:1440px;margin:auto}.list-head h1{margin:34px 0 20px}.list-description{font-size:20px;line-height:1.6;color:var(--muted)}
.area-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;padding:0 var(--gutter) 75px;max-width:1440px;margin:auto}.area-directory article{padding:27px 0 0;border-top:1px solid var(--line)}.area-directory h2{font-size:26px;margin-bottom:20px;word-break:keep-all}.area-directory p{font-size:18px;line-height:1.7;word-break:keep-all;color:var(--muted)}.area-directory .directory-keywords{font-size:14px;margin-top:20px}
.area-links{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center}.area-links a{font-size:14px;color:#405e70;min-height:36px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.other-research .area-links a{font-size:18px;min-height:44px}.reading-section .topic-line{font-size:16px;margin-top:20px}
.catalog-section{padding:0 var(--gutter) 70px;max-width:1440px;margin:auto}.publication-filters{display:flex;align-items:end;gap:18px;margin-bottom:22px;padding:24px;background:#f3f6f9;border-radius:4px}.publication-filters label{display:flex;flex-direction:column;gap:10px;font-size:14px}.publication-filters label:first-child{flex:1;min-width:170px}.publication-filters input,.publication-filters select,.publication-filters button{border:1px solid #a6b9c4;border-radius:3px;background:white;color:#182e35;font:inherit;min-height:46px;padding:10px 12px}.publication-filters input{width:100%;font-size:17px}.publication-filters input:focus-visible{outline:3px solid #3b6e84;outline-offset:3px}.publication-filters button{cursor:pointer;font-size:15px}.publication-filters button:hover{background:#e7eff4}.catalog-count{font-size:15px;color:var(--muted);margin-bottom:20px}.catalog-paper{display:grid;grid-template-columns:55px minmax(0,1fr);gap:28px;padding:27px 0;border-top:1px solid var(--line)}.catalog-paper :is(h2,h3){font-size:24px;line-height:1.4;letter-spacing:-.02em;font-weight:460;text-wrap:pretty}.catalog-paper .paper-journal{font-size:14px;line-height:1.6;margin-bottom:10px;color:var(--muted)}.catalog-year{font-size:15px;padding-top:3px}.catalog-paper .catalog-authors{font-size:15px;line-height:1.7;margin-top:13px;color:var(--muted)}.catalog-paper .area-links{margin-top:7px}.catalog-end{border-top:1px solid var(--line);padding-top:25px;font-size:16px}.catalog-end a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:5px}#catalog-empty{padding:40px 0;font-size:18px;color:var(--muted)}
.people-directory{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:0 var(--gutter) 90px;max-width:1440px;margin:auto}.person-tile{display:grid;grid-template-columns:minmax(150px,.9fr) 1fr;gap:30px;align-items:end}.person-tile .photo-empty{max-height:330px}.person-tile :is(h2,h3){font-size:36px;margin:12px 0}.person-tile p{font-size:16px;line-height:1.6;color:var(--muted)}.researcher .affiliation{font-size:14px;line-height:1.6;margin-top:5px}.researcher{grid-template-columns:100px minmax(0,1fr)}.researcher .role{word-break:keep-all}.researchers{gap:28px}.publication-related{padding:38px var(--gutter) 45px;background:#f8fafc}.publication-related>h2{margin-bottom:20px}.publication-related>.area-links{margin-bottom:35px}.publication-related>.catalog-list{max-width:1000px}.publication-category .area-links a{font-size:15px}.publication-head .authors a{text-decoration:underline;text-decoration-color:#b3c5ce;text-underline-offset:4px}
.profile-head{padding:24px var(--gutter) 50px;max-width:1440px;margin:auto}.profile-intro{display:grid;grid-template-columns:250px 1fr;gap:60px;align-items:center;margin-top:32px}.profile-intro h1{margin:15px 0 10px}.profile-native{font-size:18px;color:var(--muted)}.profile-affiliation{font-size:20px;line-height:1.65;margin-top:25px}.profile-intro .area-links{margin-top:20px;max-width:720px}.profile-intro>.photo-empty{max-width:250px}.profile-page .reading-layout{border-top:1px solid var(--line)}.timeline{margin:0}.timeline>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:20px;padding:17px 0;border-top:1px solid var(--line);font-size:18px;line-height:1.65}.timeline dt{color:var(--muted);font-size:16px;font-variant-numeric:tabular-nums}.timeline dd{margin:0;word-break:keep-all}.profile-page .toc a{font-size:15px}.profile-page .reading-section h2{margin-bottom:22px}.profile-page .reading-body{min-width:0}
.about-intro{padding:35px var(--gutter) 55px;background:#f8fafc}.about-intro h2{font-size:40px;line-height:1.3;margin-bottom:24px}.about-intro p{font-size:21px;color:var(--muted);line-height:1.7}.about-links{padding:38px var(--gutter) 70px;display:flex;gap:55px;flex-wrap:wrap}.about-links a{font-size:24px;min-height:48px;display:flex;align-items:center}.contact-layout{padding:15px var(--gutter) 60px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-layout h2{font-size:34px;margin-bottom:22px}.contact-layout p{font-size:20px;line-height:1.8;color:var(--muted)}.contact-details{margin:0}.contact-details>div{display:grid;grid-template-columns:80px 1fr;gap:30px;border-top:1px solid var(--line);padding:20px 0}.contact-details dt{font-size:16px;color:var(--muted)}.contact-details dd{margin:0;font-size:22px;overflow-wrap:anywhere}.contact-source{padding:0 var(--gutter) 65px;font-size:15px}.contact-source a{text-decoration:underline;text-underline-offset:5px}
.connected-footer{background:#f8fafc;border-top:1px solid #d7e0e5;padding:35px var(--gutter);display:flex;justify-content:space-between;gap:35px;align-items:center}.connected-footer p{font-size:13px;color:var(--muted);margin-top:12px}.connected-footer nav{display:flex;gap:25px;flex-wrap:wrap}.connected-footer nav a{display:flex;align-items:center;min-height:44px;font-size:15px}
@media(max-width:1100px){.site-header nav,.detail-page .site-header nav{gap:17px;margin-right:10px}.profile-intro{gap:35px}.people-directory{gap:35px}.person-tile{grid-template-columns:1fr;gap:25px}.person-tile .photo-empty{max-width:230px}.publication-filters{flex-wrap:wrap}.area-directory{gap:26px}.area-directory h2{font-size:23px}.connected-footer{align-items:start;flex-direction:column}}
@media(max-width:760px){.area-directory{grid-template-columns:1fr}.profile-intro{grid-template-columns:1fr}.people-directory{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}.timeline>div{grid-template-columns:100px 1fr}.publication-filters label{max-width:100%}.publication-filters select{max-width:100%}.catalog-paper{gap:15px;grid-template-columns:45px minmax(0,1fr)}.connected-footer nav{gap:15px}.detail-hero-copy{width:80%}}

.catalog-paper :is(h2,h3)>a{display:block}.catalog-paper :is(h2,h3)>a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* Editorial placeholders requested for the review prototype. */
.photo-empty{display:grid;place-items:center;color:#60727e;font-size:16px;font-weight:400}.photo-empty>span{line-height:1;letter-spacing:0}

/* PC navigation aligns to the right edge, including over the hero artwork. */
@media(min-width:1001px){
 .site-header{align-items:baseline}
 .site-header .wordmark,.site-header .wordmark span{font-size:32px;line-height:1;letter-spacing:-1.4px}
 .site-header nav{align-items:baseline}
 .site-header nav a{font-size:18px;font-weight:550;line-height:24px;min-height:44px;padding-top:12px;white-space:nowrap}
 .site-header .language{align-items:baseline;font-size:18px;line-height:24px}
 .site-header .language button{font-size:18px;line-height:24px;min-height:44px;padding:12px 4px 0}
 .site-header .brand-pair{align-items:baseline}
 body:not(.detail-page)>.site-header{gap:32px}
 body:not(.detail-page)>.site-header nav{margin-left:auto;margin-right:0;gap:20px}
 body:not(.detail-page)>.site-header nav a{font-size:18px;font-weight:550;letter-spacing:-.025em;color:#18353e;white-space:nowrap}
 body:not(.detail-page)>.site-header .language{font-size:18px}
 body:not(.detail-page)>.site-header .language button{color:#334f59}
 body:not(.detail-page)>.site-header .language [aria-pressed=true]{color:#18353e}
}

/* Original university assets stay separate from the lab wordmark. */
.brand-pair{display:flex;align-items:center;gap:16px;flex:none}
.university-mark{display:flex;align-items:center;min-height:44px;color:var(--ink)}
/* The transparent PNG's symbol occupies x=0..78; the official wordmark begins at x=97.
   Mask only that symbol, preserving its proportions, and match CAMP's ink color. */
.university-symbol{display:block;width:53px;height:29px;background:currentColor;-webkit-mask:url('./assets/uos-logo-white.png') left center / 170px 28.6667px no-repeat;mask:url('./assets/uos-logo-white.png') left center / 170px 28.6667px no-repeat}
.university-signature{display:inline-flex;align-items:center;min-height:44px;margin-top:8px}
.university-signature img{display:block;width:210px;height:auto}
.site-footer>.admin-link{color:#d1dfdc}

/* JS prepares only off-screen entries; without JS every section remains visible. */
[data-reveal=pending]{opacity:0;transform:translateY(28px)}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}}
html[data-keyboard=true] [data-reveal]{opacity:1!important;transform:none!important}

/* Shared line-breaking rules: preserve Korean words and keep short titles balanced. */
body:not(.detail-page)>.site-header nav{justify-content:flex-end}
h1,h2,h3{word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}
p,dd{word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
html[lang=en] :is(h1,h2,h3,p,dd),[lang=en]{word-break:normal}
.paper h3,.catalog-paper :is(h2,h3){text-wrap:pretty;word-break:normal;overflow-wrap:break-word}
.paper-outbound{display:inline;white-space:nowrap;font-size:.75em;color:var(--muted)}
.paper{grid-template-columns:65px minmax(0,1fr)}
.paper-authors,.catalog-authors{line-height:1.7}
.paper-authors a,.catalog-authors a{white-space:nowrap}
#hero-title{white-space:normal;font-size:clamp(46px,4.35vw,68px);line-height:1.2;text-wrap:balance}
.hero-copy{width:43%;max-width:620px}
.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.footer-main .contact-info{max-width:none;justify-self:start}
.footer-bottom{align-items:center;gap:32px;margin-top:52px}
.footer-lockup{display:flex;align-items:center;gap:18px}
.footer-lockup .university-mark{color:inherit;flex:none}
.footer-lockup .wordmark{white-space:nowrap}
.footer-identity{flex:none}
.footer-identity>p{margin:10px 0 0 71px;font-size:13px;line-height:1.6;color:inherit}
.site-footer .footer-identity{color:#d1dfdc}
.site-footer .footer-lockup{color:#eff9f5}
.connected-footer .footer-identity>p{margin-left:71px}
.footer-affiliation{display:flex;justify-content:flex-end;align-items:center;gap:32px;margin-top:12px}
.footer-affiliation:empty{display:none}
.footer-affiliation .university-signature{margin:0;min-height:44px}
.footer-affiliation .university-signature img{width:190px}
.footer-affiliation .admin-link{color:#d1dfdc;display:inline-flex;min-height:44px;align-items:center}
@media(min-width:1001px) and (max-width:1150px){body:not(.detail-page)>.site-header{gap:22px}body:not(.detail-page)>.site-header nav{gap:16px}}
@media(max-width:1000px){.hero-copy{width:54%}}
@media(max-width:760px){.footer-main{grid-template-columns:1fr}.footer-brand{gap:12px}.footer-bottom{align-items:start}}

/* Preserve authored phrase/sentence breaks across both language switches. */
p[data-ko],#hero-title{white-space:pre-line}
.hero-description{line-height:1.75;text-wrap:pretty}
@media(max-width:760px){.footer-identity{flex:initial;min-width:0}.footer-identity>p{max-width:230px}}