/* Extend the Recent News visual language without changing page content. */
:is(#skills,#projects,#publications,#experience) > div:first-child {
 min-height:210px; padding:36px; border:1px solid #e3dacb30;
 background:linear-gradient(90deg,#102330ed,#10233055),url('assets/images/science/protein-pocket-v2.png') center 48%/cover;
}
#skills > div:first-child { background-image:linear-gradient(90deg,#102330ed,#10233055),url('assets/images/science/scientist-computer-v2.png'); }
#publications > div:first-child { background-image:linear-gradient(90deg,#102330ed,#10233055),url('assets/images/science/research-papers.png'); }
#experience > div:first-child { background-image:linear-gradient(90deg,#102330ed,#10233055),url('assets/images/science/scientist-computer-v2.png'); background-position:center 35%; }
:is(#skills,#projects,#publications,#experience) > div:first-child > div { display:none; }
:is(#skills,#projects,#publications,#experience) > div:first-child h2 { text-shadow:0 2px 12px #0008; }
 #publications > div:has(>.pub-row)::before  { content:''; position:absolute; left:8px; top:28px; bottom:28px; width:1px; background:linear-gradient(#94adbd,#a66f50,#e3dacb25); }
 #publications .pub-row, #skills .stack-card, #projects article  { background:#202c35!important; border:1px solid #e3dacb25!important; border-top:3px solid #56758a!important; border-radius:3px; box-shadow:none; }
 #publications .pub-row:nth-child(even), #skills .stack-card:nth-child(even), #projects article:nth-of-type(even)  { border-top-color:#a66f50!important; }
 #publications .pub-row::before  { content:''; position:absolute; left:-35px; top:25px; width:11px; height:11px; border:2px solid #91a8b5; border-radius:50%; background:#182129; box-shadow:0 0 0 5px #182129; }
#publications > div:has(>.pub-row) { position:relative; padding-left:38px; gap:24px; background:none!important; border:0!important; }
#publications .pub-row { position:relative; padding:24px 28px; gap:24px; }
#publications .pub-row > div:first-child { width:160px; flex-wrap:wrap; }
#publications .pub-row h4 { font-family:'Vollkorn',Georgia,serif; font-size:21px; font-weight:400; line-height:1.4; }
#publications .pub-chip { padding:0; border:0!important; background:none!important; font-size:11px; text-transform:none; letter-spacing:0; }
#publications .pub-row > div:last-child { opacity:1; }
#skills .stack-card::before { display:none; }
#skills .stack-card:hover { transform:none; }
#projects .capability-grid { gap:20px; padding:24px; }
#projects .capability-grid > div { padding:24px; background:#202c35; border:1px solid #e3dacb25!important; border-top:3px solid #56758a!important; border-radius:3px; }
#projects .capability-grid > div:nth-child(even) { border-top-color:#a66f50!important; }
#projects .capability-grid h4 { font-family:'Vollkorn',Georgia,serif; font-size:21px; font-weight:400; }
#projects .capability-grid p { font-size:13px; line-height:1.7; }
#projects > div.mb-8 { background:#182129!important; border-color:#e3dacb25!important; }
#experience > div:last-child > .group:hover { background:none!important; }
:is(#publications .pub-row,#skills .stack-card,#projects article):hover { border-right-color:#91a8b580!important; border-bottom-color:#91a8b580!important; border-left-color:#91a8b580!important; }
@media(max-width:767px){
 :is(#skills,#projects,#publications,#experience) > div:first-child { min-height:160px; padding:24px; }
 #publications > div:has(>.pub-row)  { padding-left:26px; }
 #publications > div:has(>.pub-row)::before  { left:4px; }
 #publications .pub-row::before  { left:-27px; }
 #publications .pub-row  { padding:20px; }
 #publications .pub-row > div:first-child { width:auto; }
 #projects .capability-grid { padding:12px; gap:12px; }
 #projects .capability-grid > div { padding:16px; }
}

/* Keep the earlier achievements layout free of decorative crossing rules. */
#about > div > div:first-child .absolute { display:none; }
#about > div > div:last-child > .h-px { display:none; }

/* Supporting typography: retain the established Vollkorn section headings. */
#news .group span:nth-child(2), #publications > p, #publications .pub-chip,
#projects article span.font-mono, #projects article a.font-mono { font-family:Inter,sans-serif; letter-spacing:0; text-transform:none; }
#publications > p { line-height:1.75; }
#projects article p, #news .group p { line-height:1.8; }
#publications .pub-row h4 { font-size:22px; line-height:1.45; }
.achievement-print { max-width:260px; margin-top:28px; border:6px solid #e3dacb; border-bottom-width:18px; background:#e3dacb; box-shadow:0 8px 20px #0003; transform:rotate(-2deg); }
.achievement-print img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
@media(max-width:767px){ #publications .pub-row h4 { font-size:21px; } }

/* Editorial balance: less repeated decoration, more room for project evidence. */
:is(#skills,#projects,#news,#publications,#experience) > div:first-child { min-height:180px; }
#about h2 span { color:#b8c2c7!important; }
#projects article > div:has(>img) { width:32%; border-width:4px; }
#projects article > div:last-child { width:68%; }
#projects article > div:last-child p { font-size:15px; line-height:1.75; }
#projects article > div:last-child ul { font-size:13px; line-height:1.7; }
#projects article > div:last-child a { min-height:34px; padding:7px 12px; }
#projects article > div:has(>img) img { transition:opacity .3s; }
#projects article:hover > div:has(>img) img { transform:none; }
#projects article > div:last-child a:focus-visible, .pub-row:focus-visible { outline:2px solid #a7c1d1; outline-offset:4px; }
@media(max-width:767px){
 :is(#skills,#projects,#news,#publications,#experience) > div:first-child { min-height:140px; }
 #projects article > div:has(>img) { width:100%; height:180px; min-height:180px; }
 #projects article > div:last-child { width:100%; padding:24px; }
 #projects article > div:last-child a { min-height:44px; }
}