/* Legacy look: the old WordPress site (theme Monstroid2 Lite, 2017-2026), rebuilt on the current pages.
   Values taken from the old theme settings: header #3f5e84, text #383838, links #a83d00,
   body Open Sans 15px/1.6, headings Libre Franklin, dates Open Sans italic bold 12px, content width 1080px.
   Active when <html data-look="legacy">. */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/open-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/open-sans-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/open-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/open-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/open-sans-latin-700-italic.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/libre-franklin-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/libre-franklin-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/libre-franklin-latin-600-normal.woff2) format('woff2')}

html[data-look="legacy"]{
  --color-scheme:light;
  --fs:15px;--lh:1.6;--fs-lede:16px;--fs-h2:22px;--maxw:1080px;
  --head-weight:500;--card-head-weight:500;--btn-weight:600;--nav-weight:700;--nav-fs:15px;
  --bg:#ffffff;--card:#ffffff;--card-hover:#ffffff;--fig-bg:#ffffff;--thumb-bg:#f4f4f5;--topline-bg:#3f5e84;--band-bg:#f6f6f7;
  --ink:#383838;--muted:#5f5f5f;--rule:#ececee;--rule-strong:#d6d6da;--axis:#383838;
  --accent:#3f5e84;--accent-hover:#2f4866;--on-accent:#ffffff;
  --link:#a83d00;--link-hover:#000000;--warm:#a83d00;--env:#a83d00;--comb:#3f5e84;
  --nav-ink:#ffffff;--btn-ink:#a83d00;--btn-border:#a83d00;
  --mark-a:#e0662a;--mark-b:#ffffff;--mark-disc:#8fb1db;
  --foot-bg:#3f5e84;--foot-ink:#e5eeff;--foot-head:#ffffff;--foot-rule:rgba(255,255,255,.25);
  --join-bg:#3f5e84;--join-ink:#ffffff;--join-muted:#e5eeff;--join-btn:#ffffff;--join-btn-ink:#3f5e84;
  --font-body:'Open Sans',Arial,sans-serif;--font-ui:'Open Sans',Arial,sans-serif;--font-head:'Libre Franklin','Open Sans',Arial,sans-serif;
  --head-track:0;--h1-track:0;--brand-weight:700;--brand-track:0;
  --radius:0;--radius-sm:0;--gap:30px;--sect-pad:36px;
  --s0:#3f5e84;--s1:#3f5e84;--s2:#3f5e84;--s3:#3f5e84;--s4:#3f5e84;--s5:#3f5e84;--s6:#3f5e84;--s7:#3f5e84;
}
html[data-look="legacy"] h1,html[data-look="legacy"] h2,html[data-look="legacy"] h3{color:#000}
html[data-look="legacy"] a{text-decoration:none}
html[data-look="legacy"] a:hover{text-decoration:underline}

/* Header: one blue band (top panel + logo + menu) */
html[data-look="legacy"] .topline{border:0;color:#fff;font-size:12.5px}
html[data-look="legacy"] .topline .wrap{padding-block:9px 0}
html[data-look="legacy"] .topline a{color:#fff;padding-right:22px;border-right:1px solid rgba(255,255,255,.75)}
html[data-look="legacy"] .masthead{background:#3f5e84}
html[data-look="legacy"] .masthead .wrap{padding-block:16px 30px;align-items:center}
html[data-look="legacy"] .brand{color:#fff;gap:12px}
html[data-look="legacy"] .brand:hover{text-decoration:none}
html[data-look="legacy"] .logo-mark{color:#fff;filter:drop-shadow(-1px 1px 0 rgba(20,20,40,.45))}
html[data-look="legacy"] .brand-text b{font-family:'Open Sans',Arial,sans-serif;font-weight:700;font-size:34px;text-shadow:-1px 2px #331f09}
html[data-look="legacy"] .brand-text span{color:#e5eeff;font-weight:700;font-size:15px;letter-spacing:.5px;text-shadow:-1px 1px #331f09}
html[data-look="legacy"] .masthead nav{gap:0;border-top:1px solid rgba(255,255,255,.6);align-self:center}
html[data-look="legacy"] .masthead nav a{color:#fff;border:0;padding:9px 10px;letter-spacing:.2px}
html[data-look="legacy"] .masthead nav a:hover,html[data-look="legacy"] .masthead nav a[aria-current]{background:#34506f;color:#fff;text-decoration:none;border:0}
html[data-look="legacy"] .navtoggle{color:#fff;border-color:rgba(255,255,255,.6)}
@media (max-width:760px){
  html[data-look="legacy"] .jsnav .masthead nav{border-top-color:rgba(255,255,255,.4)}
  html[data-look="legacy"] .jsnav .masthead nav a{border-bottom:1px solid rgba(255,255,255,.2)}
  html[data-look="legacy"] .jsnav .masthead nav a[aria-current]{color:#fff}
  html[data-look="legacy"] .brand-text b{font-size:26px}
}

/* Headings: centred section titles with a thin rule above, as on the old site */
html[data-look="legacy"] .page-head h1{font-size:24px;font-weight:600}
html[data-look="legacy"] .page-head .wrap{padding-block:30px 0}
html[data-look="legacy"] .hero h1{font-size:26px;font-weight:500;line-height:1.3}
html[data-look="legacy"] .shead{justify-content:center;border-top:1px solid var(--rule);padding-top:22px;margin-inline:14px}
html[data-look="legacy"] .shead h2,html[data-look="legacy"] .gh,html[data-look="legacy"] .yearhead{font-size:22px;font-weight:500;text-align:center}
html[data-look="legacy"] .gh,html[data-look="legacy"] .yearhead{border-bottom:0;border-top:1px solid var(--rule);padding:22px 0 0;margin-top:36px}
html[data-look="legacy"] .gh:first-child,html[data-look="legacy"] .yearhead:first-of-type{border-top:0;padding-top:0}
html[data-look="legacy"] .lede{color:var(--ink)}

/* Dates: italic, bold, rust */
html[data-look="legacy"] .nbody time,html[data-look="legacy"] .meta{font-style:italic;font-weight:700;font-size:12px;color:#a83d00}

/* News: no boxes, titles in Libre Franklin */
html[data-look="legacy"] .ncard{border:0;background:none}
html[data-look="legacy"] .nbody strong{font-size:21px;font-weight:400;color:#000;line-height:1.25}
html[data-look="legacy"] .nrow{border-bottom:0;padding:14px 0}
html[data-look="legacy"] .nrow .thumb,html[data-look="legacy"] .thumb{border:0}
html[data-look="legacy"] .nrow:hover strong{color:#a83d00}
html[data-look="legacy"] .nx{color:var(--ink)}

/* Home: banner across the full width, news below it */
html[data-look="legacy"] .show-grid{grid-template-columns:minmax(0,1fr)}
html[data-look="legacy"] .b-stage{aspect-ratio:16/7;border:0}
html[data-look="legacy"] .show-news .shead{margin-top:6px}

/* Research cards, icons and figures: square corners, light rules, icons kept */
html[data-look="legacy"] .theme{border-color:var(--rule)}
html[data-look="legacy"] .theme:hover{border-color:#3f5e84}
html[data-look="legacy"] .theme h3{font-size:19px}
html[data-look="legacy"] .theme p{color:var(--ink)}
html[data-look="legacy"] .theme .ticon{background:#eef2f7;border-radius:0}

/* Buttons */
html[data-look="legacy"] .btn{font-size:14px;padding:9px 18px}
html[data-look="legacy"] .btn:hover{text-decoration:none}
html[data-look="legacy"] .btn.fill{background:#a83d00;border-color:#a83d00}
html[data-look="legacy"] .btn.fill:hover{background:#000;border-color:#000}

/* Publications: bold titles, plain authors, rust links, like the old list */
html[data-look="legacy"] .pub{border-top:0;padding:10px 0}
html[data-look="legacy"] .pubs .pub:last-child{border-bottom:0}
html[data-look="legacy"] .pmain{gap:2px}
html[data-look="legacy"] .pauthors{order:-1;color:var(--ink);font-size:15px}
html[data-look="legacy"] .ptitle{font-family:'Open Sans',Arial,sans-serif;font-weight:700;font-size:15px;color:#383838}
html[data-look="legacy"] .pl{font-size:15px}
html[data-look="legacy"] .yearnav a{font-family:var(--font-ui)}

/* People */
html[data-look="legacy"] .pbody h3{font-family:'Open Sans',Arial,sans-serif;font-weight:700;font-size:15px;color:#383838}
html[data-look="legacy"] .pbody .role{font-weight:700;color:#383838}
html[data-look="legacy"] .pphoto{border:0}
html[data-look="legacy"] .alumni thead th{color:#383838}

/* Footer */
html[data-look="legacy"] .sitefoot{margin-top:50px}
html[data-look="legacy"] .sitefoot h2{font-family:'Open Sans',Arial,sans-serif;font-weight:700;font-size:15px}

/* Fit logo and menu on one row, as on the old site */
html[data-look="legacy"] .masthead .wrap{gap:14px 20px}
html[data-look="legacy"] .logo-mark{width:88px}
html[data-look="legacy"] .brand-text b{font-size:28px}
html[data-look="legacy"] .brand-text span{font-size:13.5px}
html[data-look="legacy"] .masthead nav a{padding:9px 7px}
/* Home in the old order: picture banner, welcome text, then news in two columns.
   The banner and the news box are lifted out of their shared row (display:contents) so they can be reordered. */
html[data-look="legacy"] main{display:flex;flex-direction:column}
html[data-look="legacy"] .showcase,html[data-look="legacy"] .showcase>.wrap{display:contents}
html[data-look="legacy"] .showcase .banner,html[data-look="legacy"] .showcase .show-news{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:16px}
html[data-look="legacy"] .showcase .banner{order:-2;padding-top:26px}
html[data-look="legacy"] .hero{order:-1}
html[data-look="legacy"] .hero .wrap{padding-block:22px 6px}
html[data-look="legacy"] .hero h1{font-size:15px;font-family:var(--font-body);font-weight:400;color:var(--ink)}
html[data-look="legacy"] .hero .lede{margin-top:6px;font-size:15px;max-width:none}
html[data-look="legacy"] .show-news{padding-bottom:20px}
html[data-look="legacy"] .show-news .shead{margin-top:18px}
html[data-look="legacy"] .show-news>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
@media (max-width:700px){html[data-look="legacy"] .show-news>div:last-child{grid-template-columns:1fr}}
/* People: one person per row, as on the old site */
html[data-look="legacy"] .pgrid{grid-template-columns:minmax(0,1fr);gap:34px}
html[data-look="legacy"] .person{grid-template-columns:200px minmax(0,1fr);gap:30px}
html[data-look="legacy"] .pphoto{width:200px;aspect-ratio:1/1}
@media (max-width:560px){html[data-look="legacy"] .person{grid-template-columns:96px minmax(0,1fr);gap:14px}html[data-look="legacy"] .pphoto{width:96px}}
@media (max-width:560px){html[data-look="legacy"] .brand-text b{font-size:22px}html[data-look="legacy"] .brand-text span{font-size:12px}html[data-look="legacy"] .logo-mark{width:72px}}
/* Buttons on the blue join band stay white */
html[data-look="legacy"] .join .btn.fill{background:#fff;border-color:#fff;color:#3f5e84}
html[data-look="legacy"] .join .btn.fill:hover{background:#a83d00;border-color:#a83d00;color:#fff}
html[data-look="legacy"] .join h2,html[data-look="legacy"] .sitefoot h2{color:#fff}