.self-window{
  margin:0 0 18px;
  border:1px solid var(--line-hi);
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),rgba(9,11,11,.92) 38%,rgba(9,11,11,.92));
  box-shadow:7px 7px 0 rgba(0,0,0,.36);
}
.self-window .window-titlebar{border-bottom-color:rgba(var(--accent-rgb),.48)}
.self-order-note{color:#646b65;font-size:8px;letter-spacing:.11em;text-transform:uppercase}
.self-window__body{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:16px;
}
.self-sigil{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--accent-rgb),.55);
  background:#050606;
  color:var(--accent-hi);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.12em;
  text-align:center;
  box-shadow:inset 0 0 22px rgba(var(--accent-rgb),.07);
}
.self-copy{min-width:0}
.self-kicker{margin:0 0 4px;color:#626963;font-size:9px;letter-spacing:.12em}
.self-window h2{margin:0;color:#e1e4e0;font-size:20px;line-height:1.25;letter-spacing:.05em}
.self-repo-name{margin-left:9px;color:#646b65;font-size:9px;font-weight:400;letter-spacing:.03em}
.self-summary{margin:8px 0 0;color:#a5aca6;font-size:11px;line-height:1.75}
.self-order-copy{margin:8px 0 0;color:#626963;font-size:9px;line-height:1.6}
.self-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px;color:#565d57;font-size:8px;letter-spacing:.08em}
.self-keeper-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px;
  align-items:start;
  margin-top:10px;
  padding-top:9px;
  border-top:1px dashed #313632;
}
.self-keeper-row>span{color:var(--accent-hi);font-size:8px;letter-spacing:.1em;white-space:nowrap}
.self-keeper-row p{margin:0;color:#858c86;font-size:10px;line-height:1.7}
.self-actions{display:flex;align-items:center;justify-content:flex-end}
.self-actions .terminal-link{white-space:nowrap}

@media(max-width:760px){
  .self-window__body{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:13px}
  .self-sigil{min-height:58px;font-size:10px}
  .self-actions{grid-column:2;justify-content:flex-start}
  .self-order-note{display:none}
}
@media(max-width:480px){
  .self-window__body{grid-template-columns:1fr}
  .self-sigil{display:none}
  .self-actions{grid-column:1}
  .self-actions .terminal-link{width:100%;text-align:center}
  .self-repo-name{display:block;margin:3px 0 0}
}