/* ── ASCII Terminal Frame (shared across pages) ── */
.ascii-frame {
  width: min(100%, 540px);
  margin: 0 auto 16px;
  border-radius: 14px;
  border: 2px solid rgba(255, 160, 50, .25);
  background: linear-gradient(180deg, rgba(20, 16, 10, .95), rgba(12, 10, 8, .98));
  box-shadow:
    0 0 0 1px rgba(255, 160, 50, .08),
    0 0 24px rgba(255, 140, 40, .06),
    0 18px 44px rgba(0, 0, 0, .32);
  overflow: hidden;
}
.ascii-frame-titlebar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: linear-gradient(180deg, rgba(40, 30, 18, .9), rgba(28, 22, 14, .9));
  border-bottom: 1px solid rgba(255, 160, 50, .15);
}
.ascii-frame-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.ascii-frame-dot:first-child { background: rgba(255, 95, 86, .6); }
.ascii-frame-dot:nth-child(2) { background: rgba(255, 189, 46, .6); }
.ascii-frame-dot:nth-child(3) { background: rgba(40, 200, 64, .6); }
.ascii-frame-title {
  margin-left: 8px;
  font-family: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  font-size: 9px;
  letter-spacing: .12em;
  color: rgba(255, 180, 80, .45);
  user-select: none;
}
.summary-ascii-shell {
  padding: 18px 20px;
  background:
    radial-gradient(circle at top, rgba(28, 18, 8, .35), transparent 48%),
    linear-gradient(180deg, rgba(14, 10, 6, .9), rgba(10, 8, 6, .96));
  overflow: hidden;
  position: relative;
}
.summary-ascii-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    180deg,
    rgba(255,255,255,0) 0,
    rgba(255,255,255,0) 2px,
    rgba(0,0,0,.12) 3px
  );
  pointer-events: none;
  opacity: .24;
}
.summary-ascii {
  margin: 0;
  color: #ffb347;
  font-family: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  font-size: clamp(7px, 1.7vw, 10px);
  line-height: 1.18;
  letter-spacing: .04em;
  white-space: pre;
  text-shadow: 0 0 8px rgba(255, 160, 50, .18);
  user-select: none;
  position: relative;
  z-index: 1;
}