/* Modern editorial layout; original Vanderbilt background remains in main.css. */
:root { --gold: #94713b; --ink: #202b35; --muted: #65717b; --line: #e3e5e6; }
html { scroll-behavior: smooth; }
body { color: var(--ink); }
#main, #nav, #footer, #copyright { width: calc(100% - 5rem); max-width: 100rem; }
#main { background: #fdfdfb; }
#nav { background: rgba(25,33,40,.88); }
#nav ul.links li.active { box-shadow: inset 0 3px var(--gold); }
#main > .post { padding: 4.5rem clamp(1.5rem,5vw,6rem); }
h1,h2,h3 { letter-spacing: -.025em; }
#intro h1 { max-width: 17ch; font-size: clamp(2.8rem,6vw,6rem); }
#main p { text-align: left; }
a:hover { color: var(--gold) !important; }
.page-heading { padding: 4rem clamp(1.5rem,5vw,6rem) !important; }
.post .page-heading { padding: 0 0 2.5rem !important; }
.page-heading h1 { font-size: clamp(2.5rem,4vw,4.4rem); margin: .6rem 0 1rem; }
.page-heading p { color: var(--muted); max-width: 65ch; }
.eyebrow { font: 700 .75rem/1.6 'Source Sans Pro',sans-serif; letter-spacing: .18em; color: var(--gold); }
#main > .research-directions { padding: 0; }
.research-row { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0,1.45fr); gap: clamp(2rem,4vw,5rem); align-items: center; padding: 1.2rem clamp(1.5rem,5vw,6rem); border-top: 1px solid var(--line); }
.research-row:nth-child(even) { background: #f4f5f2; }
.research-row figure { margin: 0; min-width: 0; width: 100%; max-width: 360px; justify-self: center; }
.research-row figure img { width: 100%; height: auto; max-height: 300px; object-fit: contain; display: block; background: white; border: 1px solid var(--line); border-radius: 8px; }
.research-row figcaption { font: 600 .8rem/1.6 'Source Sans Pro',sans-serif; color: var(--muted); margin-top: 1rem; }
.research-copy { min-width: 0; }
.research-copy h2 { font-size: clamp(1.4rem,2vw,2rem); line-height: 1.3; text-transform: none; margin: .65rem 0 1.25rem; }
.research-copy p { line-height: 1.85; margin-bottom: 1.3rem; }
.research-copy h3 { font-size: .8rem; letter-spacing: .1em; margin-bottom: .7rem; }
.related-papers { font-size: .9rem; line-height: 1.7; margin-bottom: 0; }
.related-papers li { margin-bottom: .55rem; }
.related-papers span { color: var(--muted); }
.related-papers .publication-venue { font-style: italic; }
.publication-list > h2 { padding-top: 1rem; border-top: 0; }
.publication-list ol { padding-left: 1.5rem; }
.publication { padding: .4rem .5rem !important; border-bottom: 0; scroll-margin-top: 2rem; line-height: 1.7; }
.publication:target { background: #f8f0df; outline: 2px solid var(--gold); }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 10001; background: white; color: #202b35; padding: .7rem 1rem; }
.skip-link:focus { top: 1rem; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
@media (min-width: 1100px) { #main > .post > ol { max-width: 85rem; } }
@media (max-width: 800px) { #main,#nav,#footer,#copyright { width: calc(100% - 2rem); } .research-row { grid-template-columns: 1fr; padding: .6rem 1.5rem; gap: 1.5rem; } .page-heading { padding: 2.5rem 1.5rem !important; } #main > .post { padding: 2.5rem 1.5rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }