.guide .kicker {
  margin: 0 0 8px;
  font-family: var(--display); font-weight: 800; font-size: 14px;
  letter-spacing: .08em; text-transform: uppercase; color: var(--red);
}
.guide .lede {
  color: var(--ink); font-size: clamp(19px, 2.2vw, 22px); line-height: 1.45;
}
.guide ol { margin: 0 0 1rem; padding-left: 1.4rem; color: var(--mute); max-width: 42rem; }
.guide ol li { margin: 0.45rem 0; padding-left: 4px; }
.guide b { color: var(--ink); }

.pitch {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  margin: 24px 0; padding: 16px;
  background: var(--paper); border: 4px solid var(--ink); box-shadow: 4px 4px 0 var(--ink);
}
.pitch img { width: 64px; height: 64px; border-radius: 14px; flex: none; }
.pitch-copy { flex: 1 1 14rem; min-width: 0; }
.pitch-copy p { margin: 0; }
.pitch-name { font-family: var(--display); font-weight: 800; font-size: 20px; color: var(--ink); }
.panel .pitch-copy p { color: var(--mute); }
.store-button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 18px;
  background: var(--ink); color: var(--paper);
  border: 4px solid var(--ink); box-shadow: 4px 4px 0 var(--red);
  font-family: var(--display); font-weight: 800; font-size: 16px;
}
.store-button:hover { color: var(--yellow); }

.checker {
  margin: 16px 0; padding: 20px 16px;
  background: #fff; border: 4px dashed var(--ink);
  text-align: center;
}
.checker.dragging { background: var(--paper); border-style: solid; }
.checker-input {
  position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip: rect(0 0 0 0);
}
.checker-button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 22px; cursor: pointer;
  background: var(--red); color: var(--paper);
  border: 4px solid var(--ink); box-shadow: 4px 4px 0 var(--ink);
  font-family: var(--display); font-weight: 800; font-size: 17px;
}
.checker-input:focus-visible + .checker-button { outline: 3px solid var(--blue); outline-offset: 3px; }
.checker-input:disabled + .checker-button { opacity: .6; cursor: progress; }
.panel .checker-hint { margin: 12px auto 0; font-size: 15px; }
.panel .checker-status { margin: 10px auto 0; min-height: 1.5em; color: var(--ink); font-weight: 600; }

.verdict {
  margin: 16px 0; padding: 16px;
  border: 4px solid var(--ink); box-shadow: 4px 4px 0 var(--ink);
  background: #fff;
}
.verdict:focus { outline: none; }
.verdict.good { border-left: 14px solid var(--green); }
.verdict.maybe { border-left: 14px solid var(--orange); }
.verdict.bad { border-left: 14px solid var(--red); }
.panel .verdict p { margin: 0 0 8px; }
.panel .verdict p:last-child { margin: 0; }
.panel .verdict-title { font-family: var(--display); font-weight: 800; font-size: 20px; color: var(--ink); }
.panel .verdict-extra { color: var(--ink); font-weight: 600; }

.panel .fine { font-size: 15px; }

.table-scroll { overflow-x: auto; margin: 0 0 1rem; }
.table-scroll table { min-width: 560px; margin: 0; }