.surface-role{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:20px;align-items:start;margin:18px 0 28px;padding:16px 0;border-top:1px solid rgba(185,255,203,.08);border-bottom:1px solid rgba(185,255,203,.08);color:#f3f4ef}
.surface-role-tag{color:#7d8c83;font-size:10px;font-weight:600;letter-spacing:.14em}
.surface-role strong{display:block;margin:0 0 4px;font-size:14px;font-weight:560;line-height:1.4}
.surface-role p{margin:0;color:#b7c2ba;font-size:12px;line-height:1.6}
.surface-role nav{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.surface-role nav a{color:#b9ffcb;font-size:11px;text-decoration:none;white-space:nowrap}
.surface-role nav a:hover{text-decoration:underline}
.surface-role-biology{border-left:2px solid rgba(185,255,203,.28);padding-left:14px}
.surface-role-lab{border-left:2px solid #72e6cf;padding-left:14px;background:#0b1512}
body[data-page="experiments"] .pmv2-title{max-width:760px}
body[data-page="experiments"] .pmv2-lead{max-width:780px}
body[data-page="experiments"] .n1-hero{border-top:1px solid rgba(185,255,203,.12)}
@media(max-width:760px){.surface-role{grid-template-columns:1fr;gap:7px;margin:14px 0 22px;padding:14px 0}.surface-role nav{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:10px}.surface-role-biology,.surface-role-lab{padding-left:12px}}