/* Stephen Coombes website: single stylesheet, no JavaScript or build tools.
   Colours, widths and type scale can be adjusted here. */
:root { --ink:#1c2935; --muted:#536577; --accent:#205b74; --line:#d8e0e4; --paper:#fff; --wash:#f5f8fa; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
a { color:var(--accent); text-underline-offset:3px; } a:hover { color:#113e55; }
.container { width:min(1100px,calc(100% - 48px)); margin-inline:auto; }
.site-header { border-bottom:1px solid var(--line); background:white; }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:20px 0; }
.site-name { font-size:1.25rem; font-weight:750; text-decoration:none; line-height:1.3; color:var(--ink); white-space:nowrap; }
.site-name span { display:block; font-size:.78rem; font-weight:450; color:var(--muted); }
.site-header nav { display:flex; flex-wrap:wrap; gap:8px 18px; }
nav a { color:var(--ink); font-size:.9rem; text-decoration:none; } nav a[aria-current] { color:var(--accent); font-weight:750; border-bottom:2px solid var(--accent); }
h1,h2 { line-height:1.2; letter-spacing:-.025em; }h1 { font-size:clamp(2.2rem,4vw,3.7rem); margin:.25em 0 .4em; }h2 { font-size:1.5rem; margin:1.6em 0 .65em; }
p { margin:.8em 0 1.1em; } .lead { font-size:1.14rem; color:#344b5c; max-width:65ch; }
.eyebrow { text-transform:uppercase; letter-spacing:.15em; font-weight:750; color:var(--accent); font-size:.75rem; }
.hero { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:60px; align-items:center; padding:70px 0 56px; border-bottom:1px solid var(--line); }
.portrait { display:block; width:100%; border-radius:7px; object-fit:cover; }
.separator { margin:0 10px; color:var(--muted); }
.home-columns { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr); gap:80px; padding-bottom:70px; }
aside { background:var(--wash); padding:0 25px 25px; align-self:start; margin-top:30px; border-radius:5px; }aside p { overflow-wrap:anywhere; }
.news-list { padding-left:20px; } .news-list li { margin:0 0 15px; }
.book-feature { display:flex; align-items:center; gap:25px; }.book-feature img { width:130px; height:auto; }
.page-intro { padding:65px 0 28px; border-bottom:1px solid var(--line); }
.scholar-links { display:flex; flex-wrap:wrap; gap:10px 25px; margin-top:26px; }
.bibliography { padding:5px 0 10px; }.pub-list { list-style:none; padding:0; margin:0; counter-reset:entry; }
.pub-list li { border-bottom:1px solid var(--line); padding:14px 0; overflow-wrap:anywhere; } .pub-list li:last-child { border:0; }
.site-footer { border-top:1px solid var(--line); padding:23px 0; color:var(--muted); font-size:.86rem; margin-top:50px; }
@media(max-width:750px) { .header-inner { align-items:flex-start;flex-direction:column; } .hero,.home-columns { grid-template-columns:1fr;gap:22px; } .hero { padding:35px 0; } .portrait { width:200px; grid-row:1; } aside { margin-top:0; } .container { width:calc(100% - 32px); } }

/* Homepage affiliations: each item is ordinary HTML, easy to copy and edit. */
.affiliations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.affiliation { border:1px solid var(--line); border-radius:5px; padding:14px 18px; }
.affiliation h3 { margin:0 0 6px; font-size:1.05rem; }
.affiliation p { margin:0; font-size:.92rem; color:var(--muted); }
/* Book cover: change width below to make it larger or smaller. */
.book-feature { align-items:flex-start; margin-top:18px; flex-wrap:wrap; }
.book-feature img { width:300px; max-width:100%; height:auto; display:block; }
.book-feature > a { flex:0 0 300px; }
@media(max-width:750px) { .affiliations { grid-template-columns:1fr; } .book-feature { flex-wrap:wrap; } .book-feature > a { flex-basis:200px; } .book-feature img { width:200px; } }

/* Book section: cover and description sit side by side on desktop.
   Original BookFig.jpg image, enlarged. Change 420px below to adjust its width. */
.book-feature { display:grid; grid-template-columns:minmax(0,420px) minmax(0,1fr); gap:24px; align-items:start; flex-wrap:nowrap; }
.book-feature > a.book-cover { flex:auto; min-width:0; }
.book-feature .book-cover img { width:100%; max-width:100%; height:auto; display:block; }
.book-description p:first-child { margin-top:0; font-size:1.08rem; }
/* On small screens, put the description beneath the cover. */
@media (max-width:600px) {
  .book-feature { grid-template-columns:1fr; gap:16px; }
  .book-feature > a.book-cover { width:min(300px,100%); }
  .book-feature .book-cover img { width:100%; }
}

/* Publications: profile links on one horizontal row (wrapping on small screens). */
.scholar-links { display:flex; flex-direction:row; flex-wrap:wrap; gap:8px 24px; }
/* Editorial-board journals: original images from the old website. */
.editorial-journals { padding:14px 0 22px; border-bottom:1px solid var(--line); }
.editorial-journals h2 { margin-top:1em; }
.editorial-journals p { color:var(--muted); margin-top:0; }
.journal-logos { display:flex; flex-wrap:wrap; gap:24px; align-items:center; }
.journal-logos a { display:inline-flex; align-items:center; }
.journal-logos img { max-width:155px; max-height:85px; width:auto; height:auto; object-fit:contain; }
/* Year-based bibliography: no rules between individual papers. */
.publication-year { margin:30px 0 0; }
.publication-year h3 { margin:0 0 10px; padding-bottom:7px; color:var(--muted); font-size:1.06rem; font-weight:650; border-bottom:1px solid var(--line); }
.pub-list { padding-left:0; list-style:none; }
.pub-list li { border:0; padding:6px 0; }

/* Publication page: deliberately minimal. Years are separated only by whitespace. */
.page-intro { padding:22px 0 20px; border-bottom:0; }
.page-intro .scholar-links { margin-top:0; }
.publication-year { margin-top:24px; }
.publication-year:first-of-type { margin-top:8px; }
.publication-year .pub-list li { border:0; padding:5px 0; }
.editorial-journals { padding:16px 0 26px; border:0; }
.journal-logos { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; align-items:center; width:100%; }
.journal-logos a { width:100%; justify-content:center; }
.journal-logos img { display:block; max-width:100%; width:100%; height:215px; max-height:none; object-fit:contain; }
@media (max-width:650px) { .journal-logos { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .journal-logos img { height:175px; } }

/* Journal covers: centred, restrained, and proportional.
   Change 78% below to adjust the row width. */
body.publications-page .journal-logos {
  width: 78%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  align-items: center;
}

body.publications-page .journal-logos a {
  display: block;
  width: 100%;
}

body.publications-page .journal-logos img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
}

@media (max-width: 700px) {
  body.publications-page .journal-logos {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

/* About page: restrained chronological layout, easy to edit. */
.about-content {
  max-width: 980px;
  padding-top: 22px;
}

.about-intro {
  max-width: 75ch;
  margin-bottom: 14px;
  font-size: 1.08rem;
}

.about-intro p {
  margin: 0 0 12px;
}

.career-entry {
  display: grid;
  grid-template-columns: 155px minmax(0, 1fr);
  gap: 20px;
  padding: 12px 0;
  border-top: 1px solid var(--line);
}

.career-entry h2 {
  margin: 0;
  font-size: 1.06rem;
  letter-spacing: normal;
  color: var(--accent);
}

.career-entry p {
  margin: 0 0 6px;
}

.career-entry p:last-child {
  margin-bottom: 0;
}

@media (max-width: 620px) {
  .career-entry {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* Conferences: understated list with compact spacing. */
.conferences-content {
  max-width: 980px;
  padding-top: 22px;
}

.conferences-content h1 {
  font-size: 1.35rem;
  margin: 0 0 18px;
  line-height: 1.4;
}

.conference-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.conference-list li {
  padding: 9px 0;
  line-height: 1.55;
}

.conference-list li + li {
  border-top: 1px solid var(--line);
}

/* Teaching: compact module listing, lecture notes and public talks. */
.teaching-content {
  max-width: 980px;
  padding-top: 22px;
}

.teaching-content h1 {
  margin: 0 0 16px;
  font-size: 1.35rem;
  letter-spacing: 0;
}

.teaching-content h2 {
  margin: 26px 0 12px;
  font-size: 1.2rem;
}

.module-list {
  display: grid;
  gap: 8px;
}

.module {
  display: grid;
  grid-template-columns: 9ch minmax(0, 1fr);
  column-gap: 24px;
}

.module strong,
.activity-year {
  color: var(--muted);
}

.teaching-resource {
  margin: 0 0 17px;
}

.teaching-resource p {
  margin: 0 0 6px;
}

.lecture-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 22px;
}

.public-activity {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 16px;
  margin-bottom: 12px;
}

.activity-icon {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px;
  max-height: 14px;
  object-fit: contain;
  vertical-align: middle;
  margin-left: 4px;
}

@media (max-width: 540px) {
  .module {
    grid-template-columns: 9ch minmax(0, 1fr);
    column-gap: 12px;
  }
}

/* Public-engagement icons: same visible dimensions for Spotify and YouTube. */
.public-activities img.activity-icon {
    display: inline-block;
    width: 14px !important;
    height: 14px !important;
    max-width: 14px;
    max-height: 14px;
    vertical-align: middle;
    object-fit: contain;
}

/* Research landing page: compact topic sections; edit content in research.html. */
.research-introduction { padding: 34px 0 18px; width: 100%; }
.research-introduction h1 { font-size: 2.35rem; margin: 0 0 14px; }
.research-introduction p { margin: 0 0 14px; }
.research-themes { margin-top: 14px; }
.research-theme {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 245px;
  gap: 36px;
  align-items: center;
  padding: 26px 0;
  border-top: 1px solid var(--line);
}
.research-theme h2 { font-size: 1.3rem; margin: 0 0 10px; }
.research-theme p { margin: 0 0 10px; }
.research-links { font-size: .91rem; }
.research-links span { padding: 0 7px; color: var(--muted); }
.research-theme-figure { display: flex; align-items: center; justify-content: center; min-height: 140px; }
.research-theme-figure img { display: block; width: 100%; max-height: 180px; object-fit: contain; }
.research-figure-placeholder { background: var(--wash); color: var(--muted); font-size: .88rem; border: 1px solid var(--line); border-radius: 4px; }
@media (max-width: 680px) {
  .research-theme { grid-template-columns: 1fr; gap: 12px; }
  .research-theme-figure { justify-content: flex-start; }
  .research-theme-figure img { width: min(250px,100%); }
}

/* Research page: themes, then people and funding. */
body.research-page .research-main { width: 100%; max-width: 1160px; }
body.research-page .research-introduction { max-width: none; width: 100%; padding: 24px 0 10px; }
body.research-page .research-introduction p { width: 100%; max-width: none; line-height: 1.65; }
.research-theme-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 12px 0 34px; }
.theme-card { border: 1px solid var(--line); border-radius: 5px; min-width: 0; }
.theme-card-link { display: grid; grid-template-columns: 120px minmax(0,1fr); height: 100%; color: inherit; text-decoration: none; }
.theme-card-link:hover h2 { text-decoration: underline; }
.theme-card-image { min-height: 150px; background: var(--wash); display: flex; align-items: center; justify-content: center; padding: 12px; }
.theme-card-image img { width: 100%; max-height: 155px; object-fit: contain; }
.theme-placeholder { font-family: Georgia, serif; font-size: 4.8rem; color: var(--muted); }
.theme-card-content { padding: 15px 16px; }
.theme-card-content h2 { margin: 0 0 9px; font-size: 1.08rem; line-height: 1.35; }
.theme-card-content p { margin: 0; font-size: .92rem; line-height: 1.55; }
.research-theme-grid .theme-card:last-child:nth-child(odd) { grid-column: 1 / -1; width: calc(50% - 9px); justify-self: center; }
.research-records { margin: 20px 0 30px; }
.research-records h2 { margin: 0 0 13px; font-size: 1.45rem; }
.research-records h3 { font-size: 1.1rem; margin: 19px 0 9px; }
.research-people, .research-grants { list-style: none; margin: 0; padding: 0; }
.research-people li { display: grid; grid-template-columns: 195px minmax(0, 1fr) 115px; gap: 12px; padding: 5px 0; line-height: 1.45; }
.research-grants li { display: grid; grid-template-columns: 55px minmax(0, 1fr) 95px; gap: 12px; padding: 6px 0; line-height: 1.45; }
.person-years, .grant-year, .grant-value { color: var(--muted); }
.grant-value { text-align: right; white-space: nowrap; }
@media (max-width: 850px) {
  .theme-card-link { grid-template-columns: 90px minmax(0,1fr); }
  .research-people li { grid-template-columns: 140px minmax(0,1fr) 95px; }
}
@media (max-width: 670px) {
  .research-theme-grid { grid-template-columns: 1fr; }
  .research-theme-grid .theme-card:last-child:nth-child(odd) { grid-column: auto; width: 100%; }
  .research-people li, .research-grants li { display: block; padding: 8px 0; }
  .person-name, .person-topic, .person-years, .grant-year, .grant-description, .grant-value { display: block; text-align: left; }
}

/* Research lists: fixed columns keep names, topics and dates aligned. */
.research-people, .research-grants { list-style: none; padding-left: 0; margin: 0 0 1.3rem; }
.research-people li { display: grid; grid-template-columns: minmax(170px, 26%) minmax(0, 1fr) minmax(90px, 15%); gap: 0.9rem; align-items: start; margin: 0; padding: 0.38rem 0; }
.research-grants li { display: grid; grid-template-columns: 8% 22% minmax(0, 1fr) 12%; gap: 0.8rem; align-items: start; margin: 0; padding: 0.4rem 0; }
.research-people li span, .research-grants li span { min-width: 0; }
@media (max-width: 700px) {
  .research-people li, .research-grants li { grid-template-columns: 1fr; gap: 0.12rem; margin-bottom: 0.55rem; }
}


/* Research page: horizontal links next to the heading */
.research-introduction h1 {
    display: inline-block;
    margin-right: 2rem;
}
.research-jump-links {
    display: inline-flex;
    gap: 1.6rem;
    flex-wrap: wrap;
    vertical-align: baseline;
}
.research-jump-links a {
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}
.research-introduction {
    max-width: none;
}
.research-introduction p {
    max-width: none;
    width: 100%;
}


/* Research heading and in-page navigation: equal font sizes */
.research-heading-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.65rem 2rem;
    margin-bottom: 0.85rem;
}
.research-heading-row h1 {
    display: block;
    margin: 0;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    line-height: 1.2;
}
.research-heading-row .research-jump-links {
    display: inline-flex;
    gap: 1.5rem;
    align-items: baseline;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    line-height: 1.2;
}
.research-heading-row .research-jump-links a {
    font-size: inherit;
    font-weight: inherit;
}

/* October 2026: feature size and research navigation. */
.book-feature { grid-template-columns: minmax(0, 530px) minmax(0, 1fr); }
@media (max-width: 750px) { .book-feature { grid-template-columns: 1fr; } }
/* Give the five original journal images more breathing room. */
body.publications-page .journal-logos { width: 78%; gap: 30px; }
@media (max-width: 700px) { body.publications-page .journal-logos { width: 100%; gap: 16px; } }
/* Research, Research group and Research funding occupy thirds. */
.research-heading-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; align-items: baseline; width: 100%; }
.research-heading-row .research-jump-links { display: contents; }
.research-heading-row h1, .research-heading-row .research-jump-links a { font-family: inherit; font-size: clamp(1.4rem,2.7vw,2.1rem); line-height: 1.25; font-weight: 600; margin: 0; }
.research-heading-row .research-jump-links a { text-decoration: none; border: 0; }
@media(max-width:650px) { .research-heading-row { grid-template-columns:1fr; gap:.5rem; } .research-heading-row .research-jump-links { display:flex; gap: 1rem; } }

/* Homepage adjustments: modest heading and book information below the original image. */
.hero h1 { font-size: clamp(1.7rem, 2.6vw, 2.35rem); }
.book-feature {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.book-feature > a.book-cover {
    width: min(530px, 100%);
    flex: none;
}
.book-feature .book-cover img {
    display: block;
    width: 100%;
    height: auto;
}
.book-description { width: 100%; }


/* Research daughter pages: restrained, readable scientific content. */
.theme-detail { max-width: 1050px; padding-top: 1.3rem; padding-bottom: 3rem; }
.theme-detail .back-link { margin: 0 0 1.5rem; font-size: .92rem; }
.theme-detail h1 { max-width: 900px; margin: 0 0 1.2rem; line-height: 1.19; }
.theme-detail h2 { margin: 2rem 0 .65rem; }
.theme-detail p, .theme-detail li { max-width: 940px; line-height: 1.65; }
.theme-detail .theme-lead { font-size: 1.13rem; line-height: 1.58; }
.theme-detail figure { margin: 1.5rem 0; }
.theme-detail figure img { display: block; max-width: 100%; height: auto; border-radius: 5px; }
.theme-detail figcaption { font-size: .85rem; margin-top: .5rem; color: #5d6770; }
.theme-detail .research-figure img { max-height: 440px; object-fit: contain; }
.theme-detail .research-figure-narrow img { max-height: 320px; }
.theme-detail .research-video-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.4rem; }
.theme-detail video { width: 100%; display: block; background: #111; border-radius: 5px; }
.theme-detail .research-publication-links li { margin-bottom: .7rem; }
.theme-detail .research-related { margin-top: 2rem; }
@media(max-width:700px) { .theme-detail .research-video-grid {grid-template-columns:1fr;} }

/* Haken–Lighthouse daughter page: animated brain visualisation. */
.theme-detail .brain-movie-feature { max-width: 500px; margin: 1.0rem auto 1.6rem; }
.theme-detail .brain-movie-feature video { width: 100%; height: auto; aspect-ratio: 640 / 532; object-fit: contain; }

.theme-detail .research-figure-large { max-width: 980px; margin-left: auto; margin-right: auto; }
.theme-detail .research-figure-large img { max-height: none; width: 100%; }

/* Haken–Lighthouse network illustration; full resolution source is linked. */
.theme-detail .lighthouse-schematic {
    max-width: 780px;
    margin: 1.3rem auto 1.5rem;
}
.theme-detail .lighthouse-schematic img {
    width: 100%;
    max-height: none;
    object-fit: contain;
}

.theme-detail .research-figure-medium { max-width: 760px; margin-left: auto; margin-right: auto; }
.theme-detail .research-figure-medium img { max-height: none; width: 100%; }

/* Haken–Lighthouse introduction: original schematic beside the explanation. */
.theme-detail .lighthouse-model-row {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  margin: 1.2rem 0 1.8rem;
}
.theme-detail .lighthouse-model-row .lighthouse-schematic {
  margin: 0;
  max-width: none;
  min-width: 0;
}
.theme-detail .lighthouse-model-row .lighthouse-schematic img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}
.theme-detail .lighthouse-model-explanation h2 { margin: 0 0 .65rem; }
.theme-detail .lighthouse-model-explanation p { margin: 0 0 .75rem; }
.theme-detail .lighthouse-model-explanation .book-reference {
  font-size: .92rem;
  color: var(--muted);
}
@media (max-width: 760px) {
  .theme-detail .lighthouse-model-row { grid-template-columns: 1fr; gap: 12px; }
}

/* Haken–Lighthouse research page — intentionally self-contained styles. */
.hl-content { max-width: 1030px; padding-top: 26px; padding-bottom: 42px; }
.hl-back { margin: 0 0 18px; font-size: .92rem; }
.hl-content h1 { max-width: none; font-size: clamp(1.9rem, 3vw, 2.75rem); line-height: 1.16; margin: 0 0 17px; }
.hl-content h2 { font-size: 1.38rem; margin: 0 0 12px; }
.hl-content p { max-width: none; line-height: 1.62; }
.hl-intro { font-size: 1.09rem; margin: 0 0 28px; }
.hl-model { display: grid; grid-template-columns: 53% minmax(0,1fr); gap: 32px; align-items: center; margin: 4px 0 34px; }
.hl-model-figure { margin: 0; }
.hl-model-figure img { width: 100%; height: auto; display: block; }
.hl-model-text p { margin: 0 0 13px; }
.hl-model-text .hl-reference { font-size: .9rem; color: var(--muted); }
.hl-dynamics { margin: 28px 0 20px; }
.hl-dynamics p { margin: 0 0 15px; }
.hl-pattern { max-width: 900px; margin: 24px auto 18px; }
.hl-pattern img { display: block; width: 100%; height: auto; }
.hl-content figcaption { color: var(--muted); font-size: .85rem; line-height: 1.45; text-align: center; margin-top: 7px; }
.hl-movie { max-width: 390px; margin: 18px auto 20px; }
.hl-movie video { display: block; width: 100%; height: auto; background: #fff; }
.hl-talk { margin: 20px 0 30px; }
.hl-papers h2 { margin-bottom: 14px; }
.hl-papers ul { margin: 0; padding-left: 23px; }
.hl-papers li { margin-bottom: 11px; line-height: 1.55; }
@media (max-width: 720px) {
  .hl-model { grid-template-columns: 1fr; gap: 12px; }
  .hl-model-figure { max-width: 610px; }
  .hl-pattern { margin-top: 18px; }
}
/* Refinements confirmed against the page layout. */
.hl-content h1 { font-size: 2.45rem; }
.hl-model { align-items: start; }
.hl-model-figure { padding-top: 25px; }
@media(max-width:720px) { .hl-content h1 { font-size: 1.9rem; } .hl-model-figure { padding-top: 0; } }

/* Haken–Lighthouse: raster and brain movie shown together. */
.hl-visual-pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 28px;
    margin: 22px 0 26px;
}
.hl-visual-pair .hl-pattern,
.hl-visual-pair .hl-movie {
    width: 100%;
    max-width: none;
    margin: 0;
}
.hl-visual-pair img,
.hl-visual-pair video {
    width: 100%;
    height: 300px;
    display: block;
    object-fit: contain;
    background: #fff;
}
@media (max-width: 720px) {
    .hl-visual-pair {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Coupled oscillators — uses the same page rhythm as the Haken–Lighthouse theme. */
.osc-content { max-width: 940px; padding-bottom: 36px; }
.osc-content h1 { font-size: clamp(1.85rem, 3.1vw, 2.45rem); line-height: 1.16; margin: 14px 0 17px; }
.osc-lead { font-size: 1.13rem; line-height: 1.65; max-width: 810px; margin: 0 0 30px; }
.osc-section { margin: 25px 0 28px; }
.osc-section h2 { font-size: 1.4rem; margin: 0 0 12px; }
.osc-section p { line-height: 1.65; margin: 0 0 14px; }
.osc-figure-text { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 30px; align-items: center; margin: 18px 0; }
.osc-figure, .osc-comparison { margin: 0; }
.osc-figure img, .osc-comparison img { display: block; width: 100%; height: auto; }
.osc-content figcaption { font-size: .87rem; line-height: 1.5; color: #555; margin-top: 7px; }
.osc-equation { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 32px; padding: 15px 8px 9px; font-family: Georgia, 'Times New Roman', serif; font-size: 1.26rem; }
.osc-equation b { font-weight: normal; }
.osc-section .osc-equation-note { text-align: center; font-size: .91rem; color: #565656; margin: 1px auto 6px; max-width: 740px; }
.osc-comparison { max-width: 660px; margin: 13px auto 6px; }
.osc-publications ul { padding-left: 21px; margin: 9px 0 17px; }
.osc-publications li { line-height: 1.55; margin-bottom: 11px; }
.osc-related { margin-top: 18px !important; }
@media (max-width: 720px) {
  .osc-figure-text { grid-template-columns: 1fr; gap: 8px; }
  .osc-figure { max-width: 530px; }
  .osc-equation { font-size: 1.03rem; }
}

/* White-matter computation: consistent spacing with other research daughter pages. */
.wm-content { max-width: 940px; padding-bottom: 38px; }
.wm-content h1 { font-size: clamp(1.85rem, 3.1vw, 2.45rem); line-height: 1.16; margin: 14px 0 17px; }
.wm-lead { font-size: 1.13rem; line-height: 1.65; max-width: 820px; margin: 0 0 29px; }
.wm-section { margin: 25px 0 28px; }
.wm-section h2 { font-size: 1.4rem; margin: 0 0 12px; }
.wm-section p { line-height: 1.65; margin: 0 0 14px; }
.wm-intro-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 26px; align-items: center; }
.wm-figure { margin: 0; }
.wm-figure img { display: block; width: 100%; height: auto; }
.wm-content figcaption { font-size: .87rem; color: #555; line-height: 1.5; text-align: center; margin-top: 6px; }
.wm-principle { margin: 14px auto 16px; text-align: center; padding: 11px 0 9px; display: flex; flex-direction: column; gap: 5px; }
.wm-principle > span:first-child { font-size: .9rem; color: #555; }
.wm-formula { font-family: Georgia,'Times New Roman',serif; font-size: 1.56rem; }
.wm-equation-note { font-size: .89rem; color: #555; }
.wm-publications ul { padding-left: 21px; margin: 9px 0 17px; }
.wm-publications li { line-height: 1.55; margin-bottom: 11px; }
.wm-related { margin-top: 18px !important; }
@media(max-width:720px) { .wm-intro-grid { grid-template-columns: 1fr; gap: 10px; } .wm-figure { max-width: 560px; } .wm-structure-grid { grid-template-columns: 1fr; gap: 12px; } .wm-structure-grid .wm-delay-network { margin: 0 auto; } }

/* Network-delay figure in the adaptive-delay section. */
.wm-delay-network { max-width: 400px; margin: 20px auto 25px; }
.wm-delay-network img { width: 100%; height: auto; display: block; }
.wm-structure-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); gap: 26px; align-items: center; }
.wm-structure-grid p:first-child { margin-top: 0; }
.wm-structure-grid .wm-delay-network { margin: 0; justify-self: center; }


/* Neural fields and population models */
.nf-content { max-width: 940px; padding-bottom: 38px; }
.nf-content h1 { font-size: clamp(1.85rem, 3.1vw, 2.45rem); line-height: 1.16; margin: 14px 0 17px; }
.nf-lead { font-size: 1.13rem; line-height: 1.65; max-width: 820px; margin: 0 0 29px; }
.nf-section { margin: 25px 0 28px; }
.nf-section h2 { font-size: 1.4rem; margin: 0 0 12px; }
.nf-section p { line-height: 1.65; margin: 0 0 14px; }
.nf-intro-grid { display: grid; grid-template-columns: minmax(0,1.22fr) minmax(220px,.78fr); gap: 30px; align-items: center; }
.nf-pattern { margin: 0; justify-self: center; width: 100%; max-width: 310px; }
.nf-pattern img { display: block; width: 100%; height: auto; }
.nf-pattern figcaption { margin-top: 8px; color: #555; text-align: center; font-size: .87rem; }
.nf-talk { margin-top: 18px !important; }
.nf-publications ul { padding-left: 21px; margin: 9px 0 17px; }
.nf-publications li { line-height: 1.55; margin-bottom: 11px; }
.nf-related { margin-top: 18px !important; }
@media (max-width: 720px) { .nf-intro-grid { grid-template-columns: 1fr; gap: 12px; } .nf-pattern { max-width: 280px; } }

/* Brain rhythms and thalamo-cortical dynamics */
.br-content { max-width: 980px; padding-bottom: 38px; }
.br-content h1 { font-size: clamp(1.85rem, 3.1vw, 2.45rem); line-height: 1.16; margin: 14px 0 17px; }
.br-lead { font-size: 1.1rem; line-height: 1.65; max-width: 860px; margin: 0 0 29px; }
.br-section { margin: 25px 0 30px; }
.br-section h2 { font-size: 1.4rem; margin: 0 0 12px; }
.br-section p { line-height: 1.65; margin: 0 0 14px; }
.br-fig { margin: 16px auto 18px; min-width: 0; }
.br-fig img { width: 100%; height: auto; display: block; }
.br-fig figcaption { text-align: center; color: #555; font-size: .84rem; line-height: 1.5; margin-top: 8px; }
.br-fig-wide { max-width: 860px; }
.br-architecture { max-width: 860px; }
.br-rhythms { max-width: 860px; }
.br-stimulation { max-width: 860px; }
.br-publications ul { padding-left: 21px; margin: 9px 0 17px; }
.br-publications li { line-height: 1.55; margin-bottom: 11px; }
.br-related { margin-top: 19px !important; }
@media screen and (max-width:720px) {
  .br-split,.br-figure-left { grid-template-columns: 1fr; gap: 14px; }
  .br-fig { margin: 0 auto; }
}
/* Keep daughter-page title consistent with the established research pages. */
.research-daughter .br-content h1 { font-size: clamp(1.85rem, 3.1vw, 2.45rem); line-height: 1.16; }

/* Research theme icons: one uniform scientific illustration treatment. */
.theme-card-image { padding: 0; overflow: hidden; }
.theme-card-image img { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; }

/* 2026-10-26 audit: consistent journal-cover frames, retaining original artwork and aspect ratios. */
body.publications-page .journal-logos { width:100%; gap:14px; align-items:stretch; }
body.publications-page .journal-logos a { box-sizing:border-box; display:flex; align-items:center; justify-content:center; aspect-ratio:3/4; padding:9px; background:#fafafa; border:1px solid var(--line); }
body.publications-page .journal-logos img { width:100%; height:100%; max-height:none; object-fit:contain; }
body.publications-page .editorial-journals h2 { font-size:1.1rem; margin:0 0 4px; }
body.publications-page .editorial-journals p { margin:0 0 12px; font-size:.88rem; }
.about-service { margin:2rem 0; }
.about-service h2 { font-size:1.2rem; }
@media (max-width:700px) { body.publications-page .journal-logos { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* YouTube link icons are slightly larger than the Spotify icon. */
.public-activities img.activity-icon.youtube-icon { width:19px !important; height:19px !important; max-width:19px; max-height:19px; }

/* Targeted October 2026 adjustments: homepage book, WM network and entorhinal movie. */
body.home-page .book-feature > a.book-cover,
body.index-page .book-feature > a.book-cover,
.book-feature > a.book-cover { width: min(560px, 100%); align-self: center; }
.wm-structure-grid .wm-delay-network { width: min(315px, 100%); max-width: 315px; }
.br-entorhinal-movie { width: min(500px, 100%); margin: 20px auto 26px; }
.br-entorhinal-movie video { width: 100%; height: auto; display: block; }
.br-entorhinal-movie figcaption { text-align:center; color:#555; font-size:.84rem; line-height:1.5; margin-top:8px; }