[VatsalSy]

Summary

The body panels .research-content on /research and .join-content on /join still used leftover styles.css chrome: a 10px radius, a legacy shadow, and a cool fill (rgba(255,255,255,0.25) in light, rgba(30,30,30,0.4) in dark) instead of the warm paper family. /join also kept a purple h1 and blue h2s.

/join now uses the design-system .panel surface, border, --r-lg radius, and shadow tokens in both themes, with in-panel headings on --fg-strong at --t-weight-semi. /research drops that outer box instead: the publication list already sits on --c-paper beside a TOC and year rules, so a second glass rectangle was a frame around a frame. The in-body Research h1 in _research/index.md is left alone and stays visible in ink.

Type of Change

• Bug fix
• New feature
• Content update (Team/Publication)
• Documentation update
• Other (please describe)

Changes

• assets/css/join-us.css: restyle .join-content with --c-surface-glass, --c-border, --r-lg, --shadow-soft. Headings inside the panel use --fg-strong / --t-weight-semi. Internships blockquote colour from Fix internships callout contrast in dark mode on /join #125 and .card / .panel / .btn cards from Rebuild /join project and position cards on the design system #128 are unchanged.
• assets/css/research-v2.css: reset leftover glass chrome on .research-content (transparent, no radius, no shadow). Restyle the in-body h1 to --fg-strong without hiding it.
• tokens.css and _research/index.md are not edited.

Testing

• npx prettier --check on the two CSS files
• npx stylelint on the two CSS files
• ./scripts/lint-check.sh (pass; pre-existing ESLint warnings only)
• npm test -- --runInBand (210 tests passed)
• bundle exec jekyll build for before (/tmp/comphy-site-before) and after (/tmp/comphy-site-after)
• Chromium against those builds: /research and /join, light and dark, 1440 and 390

Computed styles (after):

Surface	Light	Dark
/join .join-content	rgba(255,253,249,0.72), 28px, --shadow-soft	rgba(43,37,29,0.78), 28px, --shadow-soft
/join h1 / h2	#0f0c08 / 600	#f8f4ec / 600
/join internships quote	#625648 on panel	#e6dfd0 on panel
/join .project-card	#fffdf9, 18px	#2b251d, 18px
/research .research-content	transparent, 0 radius, no shadow	same
/research in-body h1	#0f0c08 / 600, display:block	#f8f4ec / 600, display:block

GitHub on 3d05a15:

• build: success
• PR hygiene — dependency/security separation: success
• deploy: skipped on pull_request
• CodeRabbit check: success, description "Review rate limited"; 0 unresolved threads. The App did not review this range. Local CodeRabbit CLI was not installed.
• Copilot: quota limit on this user; no review posted.

Screenshots

/research, desktop 1440

Before (light)

After (light)

Before (dark)

After (dark)

/research, mobile 390

Before (light)

After (light)

Before (dark)

After (dark)

/join, desktop 1440

Before (light)

After (light)

Before (dark)

After (dark)

/join, mobile 390

Before (light)

After (light)

Before (dark)

After (dark)

/join internships callout (kept from #125 / #128)

After (light, 1440)

After (dark, 1440)

Related Issues

Live design audit of comphy-lab.org, 12 Oct 2026, finding 3. Sister work: internships callout #125, join cards #128. The duplicate Research h1 in _research/index.md is left for Coulomb (#141).

Checklist

• Code follows the project's style guidelines
• All links are valid and working
• Images are optimized and properly sized
• Content is properly formatted
• Documentation has been updated (if needed)
• Changes have been tested locally
• This PR is single-purpose and does not mix dependency/security updates with unrelated formatting or content cleanups
• All review threads are resolved or have an explicit won't-fix / follow-up disposition before merge
• Every accepted review finding that identifies a reproducible bug or edge case either lands a regression test in this PR or has a linked follow-up issue referenced in the thread resolution

  

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[coderabbitai]

Warning

Review limit reached

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

• Ask an admin to enable usage-based reviews

Open in CodeRabbit

Reviews can continue after your included limit without a manual trigger. An admin must approve usage-based billing.

Next included review available in 49 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used all 5 included reviews currently available. Your 29 included PR review attempts over the past 7 days set your current allowance at 5 reviews per hour.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

• Configuration used: Organization UI
• Review profile: CHILL
• Plan: Essentials
• Run ID: 04894a9c-a1b5-4535-a291-b45939ef03a4

---

📥 Commits

Reviewing files that changed from the base of the PR and between 2711e98 and 3d05a15.

---

📒 Files selected for processing (2)

• assets/css/join-us.css
• assets/css/research-v2.css

---

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

_{Comment @coderabbitai help to get the list of available commands.}