/* The same chapter widths, type scale and card surfaces as the homepage. */
.ki-skip-link { position:fixed; top:8px; left:16px; z-index:2000; padding:12px 18px; border-radius:8px; background:var(--ink); color:#fff; transform:translateY(-160%); }
.ki-skip-link:focus { transform:translateY(0); }
#ki-content, .ki-chapter { scroll-margin-top:124px; }
.ki-hero, .ki-chapter { width:min(1320px,100%); margin:0 auto; padding-inline:var(--pad); }
.ki-hero { padding-top:180px; padding-bottom:80px; text-align:center; }
.ki-hero-copy { max-width:800px; margin:0 auto; }
.ki-eyebrow { display:flex; align-items:center; justify-content:center; gap:12px; width:fit-content; margin:0 auto 20px; color:var(--ink); font-size:14px; line-height:1.5; }
.ki-eyebrow::before, .ki-eyebrow::after { content:""; width:30px; height:6px; background:linear-gradient(90deg,transparent,#f57940); clip-path:polygon(0 28%,82% 28%,82% 0,100% 50%,82% 100%,82% 72%,0 72%); }
.ki-eyebrow::after { transform:rotate(180deg); }
.ki-hero h1 { color:var(--ink); font-size:56px; font-weight:600; letter-spacing:-.045em; line-height:1.15; }
.ki-intro { max-width:620px; margin:24px auto; color:var(--muted); font-size:18px; line-height:1.5; }
.ki-text-link, .ki-contact-link { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:40px; padding:8px 20px; border-radius:99px; background:var(--red); color:#fff; font-size:16px; font-weight:400; line-height:24px; text-decoration:none; transition:background 180ms ease,transform 180ms ease; }
.ki-text-link:hover, .ki-contact-link:hover { background:#d91f1a; transform:translateY(-2px); }
.ki-badge-stage { display:flex; align-items:center; justify-content:space-between; gap:24px; width:min(660px,100%); margin:40px auto 0; padding:24px 30px; border:3px solid #fff; border-radius:24px; background:#fff; text-align:left; }
.ki-stage-label { color:var(--muted); font-size:12px; }
.ki-stage-caption p { margin-top:8px; color:var(--ink); font-size:18px; font-weight:500; line-height:1.4; }
.ki-inline-badge { display:block; flex:0 0 210px; width:210px; height:62px; max-width:100%; border:0; background:transparent; }
.ki-chapter { padding-top:72px; padding-bottom:72px; }
.ki-section-intro { max-width:660px; margin:0 auto 40px; text-align:center; }
.ki-section-intro h2 { font-size:44px; font-weight:600; line-height:1.3; letter-spacing:-.035em; text-transform:uppercase; }
.ki-section-intro > p:not(.ki-eyebrow) { margin-top:12px; color:var(--muted); font-size:18px; line-height:1.5; }
.ki-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ki-info-card { padding:30px; border:3px solid #fff; border-radius:24px; background:#fff; }
.ki-card-number { display:block; margin-bottom:28px; color:var(--red); font-size:12px; font-weight:500; }
.ki-info-card h3 { margin-bottom:16px; color:var(--ink); font-size:22px; font-weight:500; letter-spacing:-.035em; line-height:1.3; }
.ki-info-card p { color:#62666a; font-size:16px; line-height:1.65; }
.ki-contact-section { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:64px; }
.ki-contact-section .ki-section-intro { margin:0; text-align:left; }
.ki-contact-section .ki-eyebrow { margin-left:0; }
.ki-contact-link { margin-top:24px; }
.ki-question-cards { display:grid; gap:16px; }
.ki-home-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-top:16px; color:var(--ink); font-size:14px; text-decoration:none; }
.ki-home-link span { color:var(--red); }
.ki-home-link:hover { text-decoration:underline; text-underline-offset:5px; }
@media (max-width:1319px) {
  .ki-hero { padding-top:160px; padding-bottom:64px; }
  .ki-hero h1 { font-size:48px; }
  .ki-chapter { padding-top:64px; padding-bottom:64px; }
  .ki-section-intro h2 { font-size:32px; }
  .ki-info-card { padding:24px; }
  .ki-contact-section { grid-template-columns:1fr; gap:40px; }
  .ki-question-cards { grid-template-columns:1fr 1fr; }
}
@media (max-width:809px) {
  #ki-content, .ki-chapter { scroll-margin-top:94px; }
  .ki-hero { padding-top:124px; padding-bottom:40px; }
  .ki-hero h1 { font-size:clamp(32px,6.5vw,44px); }
  .ki-eyebrow { margin-bottom:16px; font-size:12px; gap:10px; }
  .ki-intro { margin:20px auto; font-size:16px; }
  .ki-badge-stage { margin-top:32px; padding:20px; }
  .ki-stage-caption p { font-size:16px; }
  .ki-chapter { padding-top:40px; padding-bottom:40px; }
  .ki-section-intro { margin-bottom:24px; }
  .ki-section-intro h2 { font-size:28px; }
  .ki-section-intro > p:not(.ki-eyebrow) { font-size:16px; }
  .ki-card-grid, .ki-question-cards { grid-template-columns:1fr; gap:16px; }
  .ki-card-number { margin-bottom:20px; }
  .ki-info-card h3 { font-size:22px; }
  .ki-contact-section { gap:24px; }
}
@media (max-width:560px) {
  .ki-badge-stage { flex-direction:column; gap:14px; text-align:center; }
  .ki-inline-badge { flex-basis:auto; }
}
@media (prefers-reduced-motion:reduce) {
  .ki-text-link, .ki-contact-link { transition:none; }
}