/* ─── Kisten theme — paper, typewriter, highlighter ────────────────── */
:root {
  --p-bg: #faf9f4;
  --p-surface: #ffffff;
  --p-text: #0a0a0a;
  --p-muted: #57554e;
  --p-dim: #a3a199;
  --p-green-deep: #0a0a0a;
  --p-green: #0a0a0a;
  --p-orange: #ff3399;
  --p-border: #e1ded4;
  --font: 'Montserrat', sans-serif;

  --k-mono: 'Courier Prime', 'Courier New', monospace;
  --k-yellow: #e8ff52;
  --k-pink: #ff3399;
}

.pnav.scrolled { background: rgba(250, 249, 244, 0.9); }
.pnav__contact:hover { background: #0a0a0a; border-color: #0a0a0a; }

/* typewriter name in a highlighter mark */
.phero__wordmark {
  font-family: var(--k-mono);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #0a0a0a;
  background: var(--k-yellow);
  padding: 6px 10px;
}

.phero__title { font-family: var(--k-mono); letter-spacing: -0.01em; }
.phero__title-sub {
  font-family: var(--font);
  color: var(--p-muted);
  position: relative;
}

.plabel { font-family: var(--font-mono); color: var(--k-pink); }

.psection h2 { font-family: var(--k-mono); letter-spacing: -0.01em; }

.psection a { color: var(--p-text); }
.psection a strong { box-shadow: inset 0 -0.55em var(--k-yellow); }
.psection a:hover strong { box-shadow: inset 0 -1.2em var(--k-yellow); }

/* dashed, paper-like figures */
.pfigure { margin: 32px 0 8px; }
.pfigure img {
  display: block;
  width: 100%;
  border-radius: 0;
  border: 1px dashed #0a0a0a;
  background: #fff;
}
.pfigure figcaption {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: var(--p-dim);
  margin-top: 12px;
  text-align: center;
}
.pwire img { border-radius: 0; border: 1px dashed #0a0a0a; }
.pwires--two { grid-template-columns: repeat(2, 1fr); }

.pstat {
  background: var(--p-surface);
  border: 1px dashed #0a0a0a;
  border-radius: 0;
}
.pstat strong { font-family: var(--k-mono); color: #0a0a0a; }

.pswatch { border-radius: 0; }
.pswatch--ink span { color: #0a0a0a; }

/* type specimen rows */
.ktype {
  margin-top: 36px;
  border-top: 1px dashed #0a0a0a;
}
.ktype__row {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
  align-items: center;
  padding: 22px 0;
  border-bottom: 1px dashed #0a0a0a;
}
.ktype__sample { font-size: 22px; line-height: 1.4; color: var(--p-text); }
.ktype__sample--mono { font-family: var(--k-mono); font-weight: 700; }
.ktype__sample--mono mark { background: var(--k-yellow); padding: 2px 6px; }
.ktype__sample--sans { font-family: var(--font); font-size: 16px; }
.ktype__sample--dash {
  font-family: var(--k-mono);
  font-size: 14px;
  color: var(--p-dim);
  white-space: nowrap;
  overflow: hidden;
}
.ktype__note {
  font-size: 13px;
  color: var(--p-muted);
  line-height: 1.6;
}

.pfooter-nav { border-top-style: dashed; border-top-color: #0a0a0a; }
.pfooter-nav__cta { background: #0a0a0a; border-radius: 0; }
.pfooter-nav__cta:hover { background: #0a0a0a; box-shadow: inset 0 -3.2em var(--k-pink); }

@media (max-width: 768px) {
  .pwires--two { grid-template-columns: 1fr; }
  .ktype__row { grid-template-columns: 1fr; gap: 8px; }
}