/* Local copy adjustments; the original page content is preserved. */
html{scroll-behavior:smooth;scroll-padding-top:70px}
.personal-icon{width:15px;height:15px;color:#E75D2A;vertical-align:-.1em}
.navbar{z-index:10}
a:focus-visible{outline:3px solid #E75D2A;outline-offset:3px}
@media(max-width:650px){body>table,body>table>tbody,body>table>tbody>tr,body>table>tbody>tr>td{display:block;width:auto}body>table>tbody>tr>td{padding:12px!important}body>table img{max-width:160px;height:auto}body>table h1{line-height:1.2!important}body>table h4{line-height:1.4}body>table li{line-height:1.5!important}.navbar a{font-size:14px;padding:12px 10px}body>p,body>h3{margin-left:12px;margin-right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.profile-photo{display:block;width:200px;height:auto;max-width:100%;object-fit:contain}@media(max-width:650px){.profile-photo{width:160px}}

/* Preserve the original website portrait dimensions at every breakpoint. */
body>table .profile-photo{display:block;width:200px;height:auto;max-width:none}

/* Teaching: institution groups and course rows inspired by the reference page. */
.teaching-section{padding:16px 16px 28px;scroll-margin-top:64px}.teaching-section>h3{font-size:19px;margin:0 0 24px}.teaching-institution>h4{font-size:22px;color:#003C71;margin:0 0 20px}.course-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;padding:24px 0;border-bottom:1px solid #dadddf}.course-card:last-child{border-bottom:0}.course-code-tile{display:grid;place-items:center;width:150px;height:112px;background:#f1f4f6;border:1px solid #dadddf;color:#003C71;font:600 18px/1.4 Arial,sans-serif;border-left:3px solid #E75D2A}.course-image{width:150px;height:112px;object-fit:cover}.course-copy>h5{font-size:19px;line-height:1.4;margin:0 0 12px;color:#003C71}.course-description{font-size:16px;line-height:1.65;margin:0 0 14px;max-width:1000px}.course-meta{padding:0;margin:0;list-style:none}.course-meta li{display:flex;align-items:flex-start;gap:10px;margin:6px 0;font-size:14px;line-height:1.6}.course-meta .fa-icon,.course-link .fa-icon{width:14px;height:15px;flex-shrink:0;color:#E75D2A;fill:currentColor;margin-top:3px}.course-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#003C71;font-size:13px;margin-top:8px}.course-link .fa-icon{margin:0}@media(max-width:600px){.course-card{grid-template-columns:1fr;gap:16px}.course-code-tile{width:130px;height:76px}.course-copy>h5{font-size:18px}.course-description{font-size:15px}}

/* Personal research mirrors the course-row layout, from shared research.json. */
.personal-research{padding:16px 16px 28px;scroll-margin-top:64px}.personal-research>h3{font-size:19px;margin:0 0 24px}.research-course-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;padding:24px 0;border-bottom:1px solid #dadddf}.research-course-card:last-child{border-bottom:0}.research-image-tile,.research-image-placeholder{display:grid;place-items:center;width:150px;height:112px;box-sizing:border-box;background:#f1f4f6;border:1px solid #dadddf;border-left:3px solid #E75D2A}.research-image-tile img{display:block;width:70px;height:70px;object-fit:contain}.research-image-placeholder{font-size:13px;color:#5b6770}.research-course-copy>h4{font-size:19px;line-height:1.4;margin:0 0 12px;color:#003C71}.research-course-copy>p{font-size:16px;line-height:1.65;max-width:1000px;margin:0 0 12px}.research-course-copy>.research-area-tag{display:inline-block;font-size:12px;color:#5b6770;border:1px solid #dadddf;padding:3px 8px}.research-course-copy a{color:#003C71}@media(max-width:600px){.research-course-card{grid-template-columns:1fr;gap:16px}.research-image-tile,.research-image-placeholder{width:130px;height:90px}.research-image-tile img{width:54px;height:54px}.research-course-copy>h4{font-size:18px}.research-course-copy>p{font-size:15px}}

/* Consistent personal-page section headings. */
#research.personal-research>h3,#teaching.teaching-section>h3,#publications>.section-heading>div>h3{font-family:inherit;font-size:19px;font-weight:700;line-height:1.4;letter-spacing:normal;color:inherit;margin:0 0 24px}#publications>.section-heading{margin:0;display:block}

/* Section titles use the former institution heading style. */
#research.personal-research>h3,#teaching.teaching-section>h3,#publications>.section-heading>div>h3{font-size:22px;color:#003C71;font-weight:700;line-height:1.4;margin:0 0 20px}

/* Personal research areas in a two-by-two grid. */
.personal-research{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.personal-research>h3,.personal-research>p{grid-column:1/-1}.personal-research>h3{margin-bottom:0!important}.personal-research .research-course-card{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid #dadddf;align-items:start}.personal-research .research-image-tile,.personal-research .research-image-placeholder{width:100px;height:100px}.personal-research .research-image-tile img{width:56px;height:56px}@media(max-width:750px){.personal-research{grid-template-columns:1fr;gap:16px}}@media(max-width:380px){.personal-research .research-course-card{grid-template-columns:1fr}}

/* Keep course emblems fully visible. */
.course-image{object-fit:contain;background:#f1f4f6;box-sizing:border-box;padding:8px}

/* Let the deep/RL emblem fill its gray research tile. */
.personal-research .research-image-tile img[src$="deep-reinforcement-learning-v4.webp"]{width:100%;height:100%;max-width:none;object-fit:contain;display:block}

/* Research illustrations blend into the personal page background. */
.personal-research .research-image-tile{background:transparent;border:0}

/* Slightly larger deep/RL emblem without overlapping the text. */
.personal-research .research-course-card:has(img[src$="deep-reinforcement-learning-v4.webp"]){grid-template-columns:120px minmax(0,1fr)}.personal-research .research-image-tile:has(img[src$="deep-reinforcement-learning-v4.webp"]){width:120px;height:120px}@media(max-width:380px){.personal-research .research-course-card:has(img[src$="deep-reinforcement-learning-v4.webp"]){grid-template-columns:1fr}}

/* Agentic data mining matches the 120px deep/RL emblem. */
.personal-research .research-course-card:has(img[src$="agentic-data-mining-emblem-v2.webp"]){grid-template-columns:120px minmax(0,1fr)}.personal-research .research-image-tile:has(img[src$="agentic-data-mining-emblem-v2.webp"]){width:120px;height:120px}.personal-research .research-image-tile img[src$="agentic-data-mining-emblem-v2.webp"]{width:100%;height:100%;object-fit:contain}@media(max-width:380px){.personal-research .research-course-card:has(img[src$="agentic-data-mining-emblem-v2.webp"]){grid-template-columns:1fr}}

/* NLP emblem matches the other 120px transparent research images. */

/* Open NLP emblem fills the same transparent 120px tile. */

/* Transformer-inspired NLP emblem, consistent 120px transparent framing. */
.personal-research .research-course-card:has(img[src$="natural-language-processing-transformer-v2.webp"]){grid-template-columns:120px minmax(0,1fr)}.personal-research .research-image-tile:has(img[src$="natural-language-processing-transformer-v2.webp"]){width:120px;height:120px}.personal-research .research-image-tile img[src$="natural-language-processing-transformer-v2.webp"]{width:100%;height:100%;object-fit:contain}@media(max-width:380px){.personal-research .research-course-card:has(img[src$="natural-language-processing-transformer-v2.webp"]){grid-template-columns:1fr}}

/* Human-AI Collaboration research image */
.personal-research .research-course-card:has(img[src$="human-ai-collaboration-v2.webp"]){grid-template-columns:120px minmax(0,1fr)}.personal-research .research-image-tile:has(img[src$="human-ai-collaboration-v2.webp"]){width:120px;height:120px}.personal-research .research-image-tile img[src$="human-ai-collaboration-v2.webp"]{width:100%;height:100%;object-fit:contain}@media(max-width:380px){.personal-research .research-course-card:has(img[src$="human-ai-collaboration-v2.webp"]){grid-template-columns:1fr}}

/* Data Mining course image matches the research emblems. */
.course-card:has(img[src$="data-mining-course-v2.webp"]){grid-template-columns:120px minmax(0,1fr);gap:18px}.course-image[src$="data-mining-course-v2.webp"]{width:120px;height:120px;object-fit:contain;background:transparent;padding:0}@media(max-width:600px){.course-card:has(img[src$="data-mining-course-v2.webp"]){grid-template-columns:1fr}}

/* Classical AI course emblem */
.course-card:has(img[src$="artificial-intelligence-search-knight.webp"]){grid-template-columns:120px minmax(0,1fr);gap:18px}.course-image[src$="artificial-intelligence-search-knight.webp"]{width:120px;height:120px;object-fit:contain;background:transparent;padding:0}@media(max-width:600px){.course-card:has(img[src$="artificial-intelligence-search-knight.webp"]){grid-template-columns:1fr}}

/* Algorithms course emblem */
.course-card:has(img[src$="algorithms-course.webp"]){grid-template-columns:120px minmax(0,1fr);gap:18px}.course-image[src$="algorithms-course.webp"]{width:120px;height:120px;object-fit:contain;background:transparent;padding:0}@media(max-width:600px){.course-card:has(img[src$="algorithms-course.webp"]){grid-template-columns:1fr}}

/* Personal-page typography hierarchy. */
body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}
.profile-intro .profile-name{font-size:32px;font-weight:700;line-height:1.2!important;color:#003C71;letter-spacing:-.02em;margin:0 0 12px}
.profile-intro td{vertical-align:top!important}
.profile-intro ul{padding-left:0;margin:0 0 20px;list-style:none}
.profile-intro li{line-height:1.6!important}
.profile-intro h4{font-size:17px;font-weight:400;line-height:1.5;color:#5b6770;margin:0 0 6px}
.profile-intro p{font-size:16px;line-height:1.6;margin:16px 0 0}
#research.personal-research,#teaching.teaching-section,#publications{padding-top:36px;padding-bottom:36px}
#research.personal-research>h3,#teaching.teaching-section>h3,#publications>.section-heading>div>h3{font-size:25px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:#003C71;margin:0 0 24px}
#research.personal-research>h3{margin-bottom:0!important}
.personal-research .research-course-copy>h4,.teaching-section .course-copy>h5{font-size:19px;font-weight:600;line-height:1.4;letter-spacing:normal;color:#003C71;margin:0 0 10px}
.personal-research .research-course-copy>p,.teaching-section .course-description{font-size:16px;line-height:1.6}
#publications .publication-type-heading{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 18px}
#publications .personal-citation{font-size:16px;line-height:1.6}
@media(max-width:650px){.profile-intro .profile-name{font-size:27px}#research.personal-research>h3,#teaching.teaching-section>h3,#publications>.section-heading>div>h3{font-size:22px}.profile-intro h4{font-size:17px}}