/* University of Alberta 2025/26 identity, in the established Bauhaus layout. */
:root{--site-font:Roboto,Arial,sans-serif;--green:#275D38;--accent:#275D38;--gold:#F2CD00;--ink:#2B292A;--text:#2B292A;--muted:#2B292A;--paper:#F5F5F5;--white:#F5F5F5;--sage:#F5F5F5;--soft:#F5F5F5;--accent-light:#F5F5F5;--line:#b6b6b6}
body,.content,.site-header{background:var(--paper);color:var(--ink)}
a{color:var(--green)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}
h1,h2,h3{letter-spacing:-.02em}
.university-mark{display:block;flex-shrink:0;width:max-content;line-height:0}
.university-mark img{display:block;width:168px;height:auto;max-width:none;object-fit:contain;animation:none!important;transform:none!important;filter:none!important}
.profile{background:var(--paper);border-right:3px solid var(--green);padding-top:38px}
.profile-main>.university-mark{margin:0 auto 38px}
.profile::before{width:28px;height:28px}
.portrait{width:144px;margin-bottom:20px}
.identity h1{font-size:29px;line-height:1.14;letter-spacing:-.025em;font-weight:700;margin-bottom:22px}
.position-title{font-weight:700;font-size:15px}
.position-detail{font-size:13px;line-height:1.5}
.position-group{margin-bottom:17px}
.position-university{margin-top:20px;font-size:13px}
.profile-main{padding-bottom:28px}
.intro{padding-top:30px;padding-bottom:30px}
.intro p,.prose p,.prose p.prose-lead{font-size:16px;font-weight:400;line-height:1.8;letter-spacing:0;color:var(--ink)}
.intro p{margin-bottom:24px}
.intro p:last-child{margin-bottom:0}
.intro a,.prose a{color:var(--green);font-weight:400}
.intro a:hover,.prose a:hover{box-shadow:0 2px 0 var(--gold)}
.header{border-bottom:1px solid var(--green)}
.navigation a{font-size:13px;color:var(--green)}
.research-focus{background:var(--paper);border-top:3px solid var(--gold);padding:22px 0 0}
.research-focus h2{font-size:22px;font-weight:700;margin-bottom:18px}
.research-focus h2::before{display:none}
.focus-keywords{gap:12px 30px}
.focus-keywords li{font-size:14px;line-height:1.5;color:var(--ink)}
.sidebar-contacts{border-top:3px solid var(--gold)}
.sidebar-contacts a{font-size:14px}
.search-panel{background:var(--paper);box-shadow:none;border:2px solid var(--green)}
.search-panel input,.filter-field input,.filter-field select{background:var(--paper)}

/* The logo has its own clear-space area, separate from the personal name and navigation. */
.top-rule{height:6px;background:var(--green)}
.header-inner{min-height:128px;gap:40px;align-items:center}
.header-inner>.university-mark{margin:38px 0 38px 38px}
.site-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding:18px 0}
.brand{width:fit-content}
.brand-name{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--green)}
.main-nav{gap:22px;align-self:stretch}
.main-nav a{font-size:13px;color:var(--green);min-height:38px}
.main-nav a[aria-current=page]{font-weight:700}
.main-nav a[aria-current=page]::after{background:var(--gold);height:3px}
.page-intro{background:var(--green);border:0;margin:32px 0 40px;padding:30px 36px 32px}
.page-intro h1{color:var(--paper);font-size:44px;font-weight:700;line-height:1.12;letter-spacing:-.025em;margin-bottom:0}
.page-intro>p{color:var(--paper);font-size:16px;line-height:1.6;margin-top:16px}
.page-intro::after{background:var(--gold);width:30px;height:30px}
.section-heading h2{font-size:28px;font-weight:700}
.bio-aside{background:var(--paper);border-top:3px solid var(--gold);border-left:1px solid var(--line);padding:24px}
.timeline-date,.eyebrow{color:var(--green)}
.timeline h3{font-weight:700;font-size:15px}
.timeline p{color:var(--ink);font-size:14px}
.filterbar{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--green);padding:20px}
.filter-field>span{font-size:12px;color:var(--ink)}
.filter-field input,.filter-field select{font-size:14px;border-color:var(--green)}
.year-group{border-top-color:var(--green)}
.year-label{font-weight:700;color:var(--green)}
.record h3{font-size:22px;line-height:1.4;font-weight:500}
.authors,.venue{font-size:14px;color:var(--ink)}
.badge{background:var(--paper);color:var(--green);border:1px solid var(--green);font-size:11px}
.badge-status{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.jump-links a{background:var(--paper);border:1px solid var(--green);border-radius:0;color:var(--green);font-size:14px}
.jump-links a:hover{background:var(--gold);color:var(--ink)}
.course-card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--green)}
.course-card:nth-child(even){border-top-color:var(--gold)}
.course-card h3,.workshop h3{font-weight:500;font-size:23px;line-height:1.35}
.course-meta{font-size:13px;color:var(--ink)}
.course-card>p,.workshop>p:last-child{font-size:15px;line-height:1.7}
.grant-body h3{font-size:22px;font-weight:500}
.grant-amount,.award-amount{font-size:13px;font-weight:400;color:var(--green)}
.contact-card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold)}
.contact-grid h2{font-weight:700}
.contact-send{border-radius:0}
.contact-send:hover{background:var(--gold);color:var(--ink)}
.contact-profiles>div{font-size:15px}
.contact-roles p{font-size:14px;color:var(--ink)}
.button{background:var(--green);color:var(--paper);border-color:var(--green)}
.button:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.button-secondary{background:var(--paper);color:var(--green)}
.site-footer{background:var(--paper);border-top:3px solid var(--green)}
.footer-inner{padding-top:28px;padding-bottom:28px}
.footer-name{font-weight:700;color:var(--green);font-size:20px}
.footer-bottom,.footer-inner p{color:var(--ink);font-size:12px}
.footer-bottom{border-top:1px solid var(--line)}

@media(min-width:701px){.sidebar-contacts{padding-top:22px}.profile-main{padding-bottom:26px}}
@media(min-width:1450px){.identity h1{font-size:32px}.portrait{width:160px}.intro{max-width:1100px}.profile{padding-top:38px}}
@media(min-width:701px) and (max-height:760px){
 .profile{padding-top:38px}.profile-main>.university-mark{margin-bottom:38px}
 .portrait{width:116px;margin-bottom:16px}.identity h1{font-size:27px;margin-bottom:18px}
 .position-group{margin-bottom:14px}.position-university{margin-top:16px}
 .intro{padding-top:24px;padding-bottom:24px}.intro p{line-height:1.8;margin-bottom:20px}
}
@media(max-width:1100px){
 .header-inner{gap:38px}.header-inner>.university-mark{margin-left:38px}
 .main-nav{gap:14px}.main-nav a{font-size:12px}.brand-name{font-size:17px}
 .identity h1{font-size:27px}
}
@media(max-width:1000px){
 .header-inner{min-height:0;flex-wrap:nowrap;padding:0;gap:38px}
 .site-identity{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}
 .main-nav{grid-column:1/-1;flex-basis:auto;padding:12px 0 0;gap:8px 22px}
 .main-nav a{font-size:14px}.menu-toggle{font-size:13px}
}
@media(max-width:760px){
 .page-intro{padding:24px;margin:24px 0 30px}.page-intro h1{font-size:36px}
 .page-intro::after{width:22px;height:22px}.page-intro>p{font-size:15px}
 .header-inner{gap:12px;flex-wrap:wrap;padding-bottom:12px}
 .header-inner>.university-mark{margin:34px 34px 34px}.university-mark img{width:148px}
 .site-identity{flex-basis:100%;padding:0}.brand-name{font-size:17px}
 .bio-aside{border-left:0;padding:24px 0}.intro p,.prose p,.prose p.prose-lead{line-height:1.8}
 .record h3{font-size:21px}.course-card h3{font-size:22px}
}
@media(max-width:700px){
 .profile{grid-template-columns:95px minmax(0,1fr);padding:34px 24px 24px;gap:22px;border-right:0;border-bottom:3px solid var(--green)}
 .profile-main>.university-mark{grid-column:1/-1;margin:0 auto 12px}
 .profile .university-mark img{width:148px}
 .profile::before{width:22px;height:22px}
 .portrait{width:95px;margin:0}.identity h1{font-size:26px;white-space:normal;margin-bottom:18px}
 .sidebar-contacts{margin-top:0;padding-top:18px;gap:16px 22px}
 .intro{padding:26px 0}.research-focus{padding:22px 0 0}
 .research-focus h2{font-size:21px}.focus-keywords li{font-size:14px}
}
@media print{.page-intro{background:none;padding:0}.page-intro h1,.page-intro>p{color:#2B292A}.university-mark{display:none}}

/* A quiet, shared university footer; the official mark retains its clear space. */
.site-header .header-inner{min-height:100px;gap:0}
.site-header .site-identity{padding:22px 0;gap:12px}
.site-footer{margin:0;background:var(--paper);border-top:2px solid var(--green)}
.site-footer .footer-inner{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1320px;min-height:112px;margin:0 auto;padding:34px 40px}
.site-footer .university-mark{margin:0;flex:0 0 auto}
.site-footer .university-mark img{width:148px;height:auto}
.site-footer .footer-copyright{margin:0;font-size:12px;line-height:1.5;color:var(--green)}
@media(min-width:701px){.page{min-height:calc(100svh - 114px)}.profile{padding-top:28px}}
@media(max-width:700px){.site-footer .footer-inner{padding:34px;gap:34px;flex-wrap:wrap}.site-footer .footer-copyright{font-size:11px}.site-header .site-identity{padding:16px 0}.profile{padding-top:26px}}
/* Book covers sit beside, rather than above, their chapter citations. */
.publication.record-with-cover:not([hidden]){display:grid;grid-template-columns:112px minmax(0,1fr);gap:28px;align-items:start}
.chapter-details{min-width:0}
.book-cover{display:block;width:112px;line-height:0;border:0!important;transition:transform .18s ease;box-shadow:0 3px 10px #2b292a16}
.book-cover img{display:block;width:100%;height:auto;max-height:174px;object-fit:contain}
.book-cover:hover{transform:translateY(-3px)}
.book-cover:focus-visible{outline:3px solid var(--green);outline-offset:6px}
@media(max-width:600px){.publication.record-with-cover:not([hidden]){grid-template-columns:78px minmax(0,1fr);gap:18px}.book-cover{width:78px}.book-cover img{max-height:125px}}
@media(prefers-reduced-motion:reduce){.book-cover{transition:none}.book-cover:hover{transform:none}}

@media(min-width:1101px) and (max-height:760px){.intro{padding-top:14px;padding-bottom:14px}.content{padding-bottom:16px}.intro p{margin-bottom:18px}}

/* Deep green footer with the university's official reversed white mark. */
.site-footer{background:var(--green)}
.site-footer .footer-copyright{color:var(--paper)}
.site-footer a:focus-visible{outline-color:var(--gold)}
/* Chapter covers align with the page edge; citation text keeps a shared column. */
@media(min-width:761px){
 .publication-year{display:block}
 .publication-year>.year-label{margin-bottom:24px}
 .publication-year .publication{margin-left:140px}
 .publication-year .publication.record-with-cover{margin-left:0}
}

/* Full-width footer alignment and crisp portrait rendering. */
.site-footer .footer-inner{max-width:none;width:100%;padding-left:34px;padding-right:34px;flex-wrap:nowrap}
.site-footer .footer-copyright{margin-left:auto;text-align:right}
.profile .portrait{filter:none;transform:none;image-rendering:auto;animation:none}
@media(max-width:420px){.site-footer .footer-inner{padding-left:24px;padding-right:24px;gap:24px}.site-footer .footer-copyright{max-width:130px}}