/* Project identities share Gridline controls; color never changes what is clickable. */
[data-project]{--project-field:#E8E8E8;--project-ink:#101010;--project-rule:#666666}
[data-project="peg"]{--project-field:#FFF4DC;--project-rule:#B87900}
[data-project="claude-statusline"]{--project-field:#101010;--project-ink:#FFFFFF;--project-rule:#008EA1}
[data-project] .gl-project-detail .gl-introduction{background:var(--project-field);color:var(--project-ink);border-left:8px solid var(--project-rule)}
[data-project] .gl-project-detail .gl-introduction :is(h1,p){color:inherit}
.gl-project-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px clamp(16px,3vw,64px);background:var(--project-field);color:var(--project-ink);border-bottom:1px solid #666666;border-left:8px solid var(--project-rule)}
body.gridline .gl-project-identity :is(p,strong,span){color:inherit;font-family:var(--gl-font)}
body.gridline .gl-project-identity p{font-size:14px;line-height:1.5;margin:4px 0 0;max-width:75ch}
.gl-project-identity strong{display:block;font:600 18px/1.4 var(--gl-font)}
.gl-project-identity .gl-identity-type{display:block;font:12px/1.5 var(--gl-mono);margin-bottom:8px;text-transform:uppercase}
.gl-identity-actions{display:flex;flex-wrap:wrap;gap:8px}
body.gridline .gl-project-identity .gl-button{background:white;color:#0000A8!important;border:1px solid #666666;min-height:40px;text-decoration:none!important}
body.gridline.embedded .gl-project-identity{display:none!important}
@media(max-width:640px){.gl-project-identity{grid-template-columns:minmax(0,1fr);padding:16px 12px}.gl-identity-actions a{flex:1;justify-content:center}}
@media print{.gl-project-identity,[data-project] .gl-project-detail .gl-introduction{background:#E8E8E8;color:#101010}}