*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fdfdfb;color:#202b31;font:16px/1.75 system-ui,-apple-system,"Noto Sans",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#315f75;text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}header{border-bottom:1px solid #dfe3e1;background:#fdfdfbf5;position:sticky;top:0;z-index:10}.bar{max-width:1160px;margin:auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-family:Georgia,serif;font-size:20px}nav{display:flex;align-items:center;gap:24px;font-size:13px}.languages{display:flex;border-left:1px solid #ccd4d4;padding-left:20px;gap:4px}.languages button{border:0;background:none;color:#637176;padding:5px 8px;font-size:12px}.languages button[aria-pressed=true]{color:#244f66;background:#e9eff0;border-radius:3px}main{max-width:1160px;padding:0 32px;margin:auto}.hero{padding:90px 0 76px;display:grid;grid-template-columns:1fr 290px;gap:80px;border-bottom:1px solid #dfe3e1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600;color:#4e6d77}.hero h1{font:normal clamp(42px,5.4vw,68px)/1.12 Georgia,"Noto Serif",serif;letter-spacing:-.04em;margin:23px 0}.lead{font:normal 26px/1.5 Georgia,serif;max-width:700px}.sub{color:#66767b;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:14px}.primary{background:#244f66;color:white;padding:10px 20px}.primary:hover{color:white;background:#1b3e51}.aside{align-self:center;border-top:2px solid #244f66;padding-top:23px;font-size:14px}.aside h2{font:26px/1.35 Georgia,serif}.aside p{color:#59686c}section{padding:64px 0;border-bottom:1px solid #dfe3e1}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:32px}h2{font:normal 34px/1.3 Georgia,serif;margin:8px 0 16px;letter-spacing:-.02em}.section-head a{font-size:13px;color:#315f75}.about{display:grid;grid-template-columns:240px 1fr;gap:80px}.about p{margin-top:0;max-width:750px}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.research-grid article{border-top:1px solid #99aeb5;padding-top:20px}.number{font:italic 21px Georgia,serif;color:#748c95}.research-grid h3{font:23px/1.35 Georgia,serif}.research-grid p{font-size:14px;color:#58686e}.paper{display:grid;grid-template-columns:72px 1fr;gap:24px;padding:27px 0;border-top:1px solid #dfe3e1}.paper-year{font:22px Georgia,serif;color:#687f89}.paper h3{font:normal 24px/1.35 Georgia,serif;margin:7px 0 8px;max-width:860px}.paper .authors,.paper .venue{font-size:13px;color:#607176}.paper .summary{font-size:14px;margin:10px 0}.paper-links{display:flex;gap:18px;font-size:12px;color:#315f75}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:60px}.timeline article{padding:20px 0;border-top:1px solid #dfe3e1}.timeline h3{margin:4px 0;font-size:16px;font-weight:500}.timeline p{margin:0;font-size:14px;color:#617277}.contact{display:flex;justify-content:space-between;gap:30px;padding:65px 0}.contact p{max-width:560px}.contact>a{align-self:center;font:24px Georgia,serif;color:#244f66}footer{border-top:1px solid #dfe3e1;padding:24px 32px;font-size:11px;color:#718086;display:flex;justify-content:space-between;gap:20px;max-width:1160px;margin:auto}.pub-hero{padding:60px 0 36px}.pub-hero h1{font:normal 50px Georgia,serif;margin:15px 0}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.filters input{flex:1;min-width:200px}.filters input,.filters select{padding:10px 13px;border:1px solid #ccd6d8;background:white;border-radius:3px}.count{font-size:13px;color:#64777e}.empty{padding:40px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:99}@media(max-width:800px){.bar{flex-wrap:wrap;padding:14px 20px;gap:12px}nav{flex-wrap:wrap;gap:14px}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;padding:52px 0}.aside{max-width:450px}.about{grid-template-columns:1fr;gap:10px}.research-grid{grid-template-columns:1fr;gap:20px}.timeline{grid-template-columns:1fr;gap:24px}.contact{flex-direction:column}.contact>a{align-self:flex-start}.paper{grid-template-columns:47px 1fr;gap:12px}.paper h3{font-size:21px}section{padding:42px 0}.section-head{align-items:flex-start;flex-direction:column;gap:0}.languages{padding-left:10px}footer{flex-direction:column;padding:20px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.portrait{display:block;width:180px;height:225px;object-fit:cover;margin:0 0 22px}.hero{grid-template-columns:1fr 290px;gap:65px}.aside{align-self:start}.research-figure{margin:25px 0 10px;border:1px solid #e2e8e8;background:white;padding:16px}.research-figure img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain}.research-figure figcaption{font-size:12px;line-height:1.65;color:#596b75;margin-top:14px}.caption-draft{display:inline-block;padding:1px 6px;border-radius:3px;background:#fbf0d6;color:#765b23;font-size:10px}.more-figures{margin:15px 0 0}.more-figures summary{cursor:pointer;color:#315f75;font-size:13px}.logo-heading{font-size:17px;font-weight:500;margin:38px 0 20px}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.logo-item{display:flex;align-items:center;gap:13px;min-height:72px}.logo-item img{width:62px;height:56px;object-fit:contain}.logo-item span{font-size:11px;line-height:1.5;color:#62717b}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px}.portrait{width:160px;height:200px}.logo-grid{grid-template-columns:repeat(2,1fr)}.research-figure{padding:8px}.research-figure img{max-height:340px}}@media(max-width:450px){.logo-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.logo-item{flex-direction:column;align-items:flex-start;gap:8px}.logo-item img{width:72px;height:48px}}
/* Academic background: compact CV entries with institutional marks. */
.background-summary{display:grid;grid-template-columns:1fr 1fr;gap:44px}.background-group{margin:0 0 32px}.background-group>h3{font:normal 23px/1.35 Georgia,serif;margin:0 0 18px}.background-group>.sub{margin-top:-8px;margin-bottom:22px}.background-entry{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-top:1px solid #dfe3e1;min-width:0}.background-entry>img{width:66px;height:60px;object-fit:contain;flex-shrink:0;margin-top:5px}.background-entry>div{min-width:0}.entry-year{font-size:11px;letter-spacing:.06em;color:#657b85}.background-entry h4{font-size:15px;line-height:1.45;font-weight:600;margin:4px 0}.entry-institution{font-size:14px;line-height:1.5;margin:5px 0 0}.entry-detail{font-size:12px;color:#6c7d83;line-height:1.6;margin:4px 0}.membership-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.membership-grid .background-entry{flex-direction:column;gap:10px}.membership-grid .background-entry>img{width:85px;height:54px}.membership-grid .entry-institution{font-size:11px;color:#60737a}.affiliation-grid,.funding-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}#experience .background-group:last-child{margin-bottom:0}
/* Both figures are visible; preserve each complete figure and its caption. */
.figure-grid{display:grid;gap:20px;margin-top:24px;align-items:start}.figure-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.figure-single{grid-template-columns:1fr}.figure-grid .research-figure{margin:0;padding:12px;min-width:0}.figure-grid .research-figure img{height:300px;max-height:none;object-fit:contain}.figure-single .research-figure img{height:auto;max-height:440px}.figure-grid figcaption{font-size:11px;line-height:1.7}
@media(max-width:1000px){.membership-grid{grid-template-columns:repeat(2,1fr)}.figure-grid .research-figure img{height:250px}}
@media(max-width:800px){.background-summary,.affiliation-grid,.funding-grid{grid-template-columns:1fr;gap:0}.figure-pair{grid-template-columns:1fr}.figure-grid .research-figure img{height:auto;max-height:480px}.figure-grid figcaption{font-size:12px}.background-entry>img{width:60px;height:55px}.membership-grid{gap:0 24px}}

/* Refined introduction and membership line breaks. */
.hero{grid-template-columns:minmax(0,1fr) 330px;gap:52px;padding:56px 0 48px}.hero h1{font-size:clamp(34px,3.8vw,46px);letter-spacing:-.025em;margin:16px 0 18px}.hero .actions{margin-top:24px;align-items:center;gap:17px;font-size:13px}.hero .sub{font-size:13px}.hero-about{padding-top:28px}.hero-about h2{font-size:24px;margin:0 0 14px}.hero-about p{font-size:14px;line-height:1.85;margin:0 0 14px}.aside h2{font-size:18px;letter-spacing:-.015em;white-space:nowrap;margin:12px 0}.aside p{font-size:12px;line-height:1.65}.hero-qualification{display:flex;align-items:center;gap:13px;margin-top:18px}.hero-qualification>img{width:50px;height:46px;object-fit:contain;flex-shrink:0}.hero-qualification p{margin:0}.hero-qualification p>span{display:block}.membership-name>span{display:block}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.hero h1{font-size:36px}.hero-about{padding-top:26px}.aside{max-width:360px;width:100%}.aside h2{font-size:17px}.hero .actions{gap:15px}.hero .sub{font-size:12px}}
@media(max-width:360px){.aside h2{font-size:15px}.hero h1{font-size:32px}}

.research-grid .research-keywords{font-size:11px;line-height:1.8;color:#315f75;margin:12px 0 16px;font-weight:500}.research-grid h3{margin-bottom:10px}.research-grid article>p:last-child{margin-top:0}

/* Compact framed selected works; bibliography retains its list layout. */
#featured .paper{border:1px solid #d7e1e3;border-radius:14px;background:#fff;padding:18px 20px;margin:0 0 16px;grid-template-columns:48px minmax(0,1fr);gap:16px}#featured .paper-year{font-size:18px;padding-top:3px}#featured .paper h3{font-size:18px;line-height:1.35;max-width:none;margin:4px 0 7px;letter-spacing:-.015em}#featured .paper .eyebrow{font-size:10px}#featured .paper .authors,#featured .paper .venue{font-size:12px;line-height:1.65}#featured .paper .summary{font-size:13px;line-height:1.65;margin:8px 0}#featured .paper-links{font-size:11px;line-height:1.5}#featured .figure-grid{gap:14px;margin-top:14px}#featured .research-figure{padding:8px;border-radius:8px}#featured .figure-pair .research-figure img{height:240px}#featured .research-figure figcaption{margin-top:8px;font-size:11px;line-height:1.6}.languages{gap:1px}.languages button{padding:5px 6px}
@media(min-width:1100px){#featured .paper h3{font-size:17px}}
@media(max-width:800px){#featured .paper{grid-template-columns:1fr;gap:5px;padding:16px;margin-bottom:14px}#featured .paper-year{font-size:15px}#featured .paper h3{font-size:18px;overflow-wrap:break-word}#featured .figure-pair .research-figure img{height:auto;max-height:440px}}


/* Smaller introductory name and single-line desktop research headings. */
.hero h1{font-size:clamp(30px,3.2vw,40px)}.research-grid{grid-template-columns:1fr 1.25fr 1fr;gap:24px}.research-grid h3{font-size:14px;line-height:1.5;letter-spacing:-.02em;white-space:nowrap;margin-top:15px}.research-grid .research-keywords{font-size:10.5px}
@media(max-width:1100px){.research-grid{grid-template-columns:1fr}.research-grid h3{font-size:16px}}
@media(max-width:800px){.hero h1{font-size:32px}.research-grid h3{font-size:14px;white-space:normal;line-height:1.5}}
@media(max-width:360px){.hero h1{font-size:29px}}

/* Picture-book ornaments stay entirely inside the outer reading margins. */
.botanical-margins{display:block;pointer-events:none;user-select:none}.botanical-corner{position:fixed;z-index:0;height:auto;object-fit:contain;pointer-events:none}.botanical-upper-left{left:4px;top:88px}.botanical-lower-right{right:4px;bottom:12px}main,footer{position:relative;z-index:1}
/* Fixed illustration sizes; independent of the available margins. */
.botanical-corner{max-height:none}
.botanical-upper-left{width:var(--botanical-upper-left-width)}
.botanical-lower-right{width:var(--botanical-lower-right-width)}
/* A desktop canvas also on phones; the browser scales it to fit and allows pinch zoom. */
body{min-width:1360px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media print{.botanical-margins{display:none!important}}

/* Editable appearance settings. */
:root {
  --page-background: #fdfdfb;
  --selected-work-background: #deece7;
  --hero-top-space: 110px;
  --research-title-size: 14px;
  --research-keyword-size: 10.5px;
}
body { background: var(--page-background); }
header { background: var(--page-background); }
.hero { padding-top: var(--hero-top-space); }
.hero-qualification > img { width: 76px; height: 70px; }
#featured .paper { background: var(--selected-work-background); border-color: #bfd5cf; }
.research-grid { grid-template-columns: 1fr 1.35fr 1fr; }
.research-grid h3 { font-size: var(--research-title-size); font-weight: 700; }
.research-grid .research-keywords { font-size: var(--research-keyword-size); font-weight: 700; }
.ieee-journals { margin-top: 22px; padding-top: 16px; border-top: 1px solid #dfe3e1; }
.ieee-journals h3 { font-size: 12px; font-weight: 600; margin: 0 0 10px; color: #315f75; }
.ieee-journals ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 24px; list-style: none; padding: 0; margin: 0; }
.ieee-journals li { font-size: 10px; line-height: 1.6; color: #59686c; }

/* Illustration size settings; the true/false switch is in dist/settings.js. */
:root {
  --botanical-upper-left-width: 250px;
  --botanical-lower-right-width: 250px;
}
html[data-botanical-overflow="false"] .botanical-upper-left {
  width: min(var(--botanical-upper-left-width), max(0px, calc((100vw - 1160px)/2 - 12px)));
}
html[data-botanical-overflow="false"] .botanical-lower-right {
  width: min(var(--botanical-lower-right-width), max(0px, calc((100vw - 1160px)/2 - 12px)));
}

/* Introduction columns: reduce the photo column to give About more room. */
:root {
  --hero-photo-column-width: 280px;
  --hero-column-gap: 36px;
}
.hero {
  grid-template-columns: minmax(0, 1fr) var(--hero-photo-column-width);
  gap: var(--hero-column-gap);
}

/* Transparent vector icons for the introduction and contact links. */
.icon-link { display: inline-flex; align-items: center; gap: 8px; }
.action-icon { display: block; width: 22px; height: 22px; object-fit: contain; flex-shrink: 0; }
.explore-link .action-icon { width: 32px; height: 32px; }
.hero .primary { padding: 8px 14px; }
.nav-email .action-icon { width: 17px; height: 17px; }
.contact > .icon-link .action-icon { width: 27px; height: 27px; }

/* Equal membership spacing with more room for the IEICE name. */
:root { --membership-column-gap: 8px; }
.membership-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--membership-column-gap); }
.membership-grid .background-entry:nth-child(3) .membership-name > span:last-child {
  font-size: 10px;
  letter-spacing: -.2px;
  white-space: nowrap;
}

#selected {
  scroll-margin-top: 50px;
}

#about {
  scroll-margin-top: 90px;
}

#research {
  scroll-margin-top: 50px;
}

.pub-hero {
  padding-top: 150px;
}

.aside {
  border-top: none;
}

.background-summary > .background-group:first-child .background-entry > img {
  width: 100px;
  height: 88px;
}

/* Keep long bibliography text inside the shared desktop canvas. */
#publist .paper > div { min-width: 0; }
#publist .paper h3, #publist .authors, #publist .venue { overflow-wrap: anywhere; }
#experience { scroll-margin-top: 50px; }

/* Full-width journal list below both introductory columns. */
.hero > .ieee-journals { grid-column: 1 / -1; margin-top: 0; }
.ieee-journals ul { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.35fr) minmax(0, 0.9fr); }

/* Scholarly Index rankings beneath Research Directions. */
.scholar-ranking{margin-top:45px;padding-top:27px;border-top:1px solid #dfe3e1}
.scholar-ranking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}
.scholar-ranking-head h3{font-size:12px;font-weight:600;line-height:1.5;color:#315f75;letter-spacing:normal;margin:0 0 5px}
.scholar-ranking-head p{font-size:12px;color:#63747b;margin:0;line-height:1.65}
.ranking-source{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;line-height:1.4;color:#315f75;border:1px solid #ccd8dc;border-radius:5px;padding:7px 11px;margin-top:2px;background:#fff}
.ranking-source:hover{background:#eff5f5;text-decoration:none}
.ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ranking-card{background:#f5f7f6;border:1px solid #e2e9e7;border-radius:10px;padding:19px 17px;min-width:0}
.ranking-card h4{font:600 14px/1.5 system-ui,-apple-system,"Noto Sans",sans-serif;min-height:0;margin:0 0 11px;color:#25363d}
.ranking-period{padding-top:10px;margin-top:10px;border-top:1px solid #dce5e3}
.ranking-period>span{font-size:11px;font-weight:600;color:#72838a}
.ranking-period p{font-size:12px;line-height:1.65;white-space:normal;margin:5px 0 1px;color:#374a51}
.ranking-period strong{color:#244f66;font-weight:700}
@media(max-width:800px){.ranking-grid{grid-template-columns:1fr;gap:12px}.ranking-card h4{min-height:0;margin-bottom:11px}.scholar-ranking{margin-top:32px}.scholar-ranking-head h3{font-size:12px}}
@media(max-width:450px){.scholar-ranking-head{flex-wrap:wrap;gap:11px}.ranking-card{padding:15px}}