:root{--dark:#292929;--nav:#424242;--blue:#16a6c9;--ink:#2d2d2d;--muted:#777;--line:#dedede;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;color:var(--ink);background:#fff;font:1rem/1.65 var(--sans)}a{color:#168bb0}.skip{position:fixed;top:-4rem;left:1rem;z-index:50;background:#fff;padding:.6rem 1rem}.skip:focus{top:1rem}.topnav{position:sticky;top:0;z-index:20;min-height:3rem;background:var(--nav);display:flex;justify-content:center}.topnav #links{width:min(980px,100%);display:flex;justify-content:center}.topnav a{padding:.9rem 1.15rem;color:#fff;text-decoration:none;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.18em}.topnav a:hover,.topnav a:focus-visible{background:#333;color:#5ed3ef}.menu{display:none}.profile{background:var(--dark);color:#ddd;padding:2.25rem max(1.5rem,calc((100vw - 980px)/2));display:grid;grid-template-columns:220px 1fr;gap:2.5rem}.portrait{width:220px;height:280px;background:linear-gradient(145deg,#3a3a3a,#1f1f1f);border:1px solid #555;display:grid;place-items:center}.portrait span{color:var(--blue);font:italic 4.5rem var(--serif)}.profile h1{margin:0;color:#fff;font:italic 2.3rem var(--serif);font-weight:400}.roles p{margin:.1rem 0;color:#1db4db;font-size:1.15rem;font-weight:750}.profile h2{margin:1.5rem 0 .6rem;color:#fff;font-size:1.15rem}.about{max-width:780px;color:#bbb}.contact-grid{display:grid;grid-template-columns:1fr 220px;gap:2rem;margin-top:1rem}.contact-grid p{white-space:pre-line;color:#aaa;font-size:.9rem}.profile-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}.cv-button{padding:.85rem 1.1rem;background:#444;color:#fff;text-decoration:none;font-weight:750}.content{max-width:980px;margin:auto;padding:3rem 1.5rem 7rem}.section{display:grid;grid-template-columns:145px 1fr;gap:2.2rem;padding:2.2rem 0;border-bottom:1px solid #eee}.section>header h2{display:inline-block;margin:0;padding-bottom:.35rem;border-bottom:3px solid var(--blue);font-size:.9rem;line-height:1.35;text-transform:uppercase;letter-spacing:.07em}.section-body{min-width:0}.entry{display:grid;grid-template-columns:3rem 1fr;gap:.75rem;padding:.42rem 0}.entry-id{color:#aaa;font-size:.7rem;padding-top:.25rem}.entry p{margin:0;font-size:.91rem}.entry a{font-weight:700}.subhead{margin:1.65rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--line);font-size:1rem}.subhead:first-child{margin-top:0}footer{padding:2rem max(1.5rem,calc((100vw - 980px)/2));background:#222;color:#aaa;display:flex;justify-content:space-between}footer a{color:#55c5df}:focus-visible{outline:3px solid #55c5df;outline-offset:2px}@media(max-width:760px){.topnav{justify-content:flex-start;flex-direction:column}.menu{display:block;align-self:flex-end;margin:.4rem 1rem;border:1px solid #777;background:#333;color:#fff;padding:.45rem .8rem}.topnav #links{display:none;flex-direction:column}.topnav #links.open{display:flex}.topnav a{padding:.65rem 1.2rem}.profile{grid-template-columns:1fr}.portrait{width:150px;height:180px}.contact-grid{grid-template-columns:1fr}.section{grid-template-columns:1fr;gap:1rem}.entry{grid-template-columns:2.4rem 1fr}.content{padding-top:1rem}}@media(max-width:420px){.profile{padding:1.5rem 1rem}.content{padding-inline:1rem}.profile h1{font-size:2rem}.entry p{font-size:.88rem}}
/* Profile photo and unnumbered CV entries */
.portrait{background:#1f1f1f url("song-chong.jpg") center 38%/cover no-repeat!important;overflow:hidden!important}
.portrait span{display:none!important}
.entry{display:block!important}
.entry-id{display:none!important}