/* from peak-complete.html */

  .pk-steps { counter-reset: step; }
  .pk-step__num { font-family:var(--pk-font-display); font-size:var(--pk-text-4xl); font-weight:700; color:var(--pk-orange); line-height:1; margin-bottom:var(--pk-2); }
  .pk-shot { margin: 0; }
  .pk-shot__frame { border-radius: var(--pk-radius); overflow: hidden; box-shadow: var(--pk-shadow); border: 1px solid var(--pk-line); background: #fff; }
  .pk-shot__frame svg { display: block; width: 100%; height: auto; }
  .pk-shot figcaption { margin-top: var(--pk-3); font-size: var(--pk-text-sm); color: var(--pk-ink-muted); line-height: 1.5; text-align: center; }


/* from students-pricing.html */

  .pk-config { display:grid; gap:var(--pk-5); max-width:var(--pk-content-width); margin:0 auto; }
  .pk-config__controls { background:var(--pk-surface); border:1px solid var(--pk-line); border-radius:var(--pk-radius-lg); padding:var(--pk-5); box-shadow:var(--pk-shadow); display:grid; gap:var(--pk-5); grid-template-columns:1fr 1fr; }
  .pk-config__field label.pk-field-label { display:block; font-size:var(--pk-text-xs); font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--pk-slate); margin-bottom:var(--pk-2); }
  .pk-config__field select { width:100%; padding:14px 16px; font-family:var(--pk-font-body); font-size:var(--pk-text-base); font-weight:500; color:var(--pk-navy); background:#fff; border:1.5px solid var(--pk-line); border-radius:var(--pk-radius); cursor:pointer; appearance:none; background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D1B3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right 14px center; background-size:18px; }
  .pk-config__field select:focus { outline:none; border-color:var(--pk-orange); }
  .pk-chk-list { display:grid; gap:var(--pk-2); }
  .pk-chk { display:flex; align-items:center; gap:var(--pk-2); padding:10px 12px; border:1.5px solid var(--pk-line); border-radius:var(--pk-radius); cursor:pointer; font-size:var(--pk-text-base); color:var(--pk-navy); font-weight:500; transition:border-color .15s, background .15s; }
  .pk-chk:hover { border-color:var(--pk-slate); }
  .pk-chk input { width:18px; height:18px; accent-color:var(--pk-orange); cursor:pointer; flex-shrink:0; }
  .pk-config__results { display:grid; grid-template-columns:1fr 1fr; gap:var(--pk-4); }
  .pk-result { position:relative; background:var(--pk-surface); border:1px solid var(--pk-line); border-radius:var(--pk-radius-lg); padding:var(--pk-5); box-shadow:var(--pk-shadow); }
  .pk-result--complete { border-top:3px solid var(--pk-orange); background:linear-gradient(180deg, rgba(242,144,64,0.06) 0%, var(--pk-surface) 40%); }
  .pk-result__tag { display:inline-block; font-size:var(--pk-text-xs); font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--pk-slate); margin-bottom:4px; }
  .pk-result--complete .pk-result__tag { color:var(--pk-orange-deep); }
  .pk-result__badge { position:absolute; top:-11px; right:var(--pk-4); background:var(--pk-orange); color:#fff; font-size:var(--pk-text-xs); font-weight:700; letter-spacing:0.03em; padding:4px 12px; border-radius:999px; }
  .pk-result__name { font-family:var(--pk-font-display); font-size:var(--pk-text-lg); font-weight:700; color:var(--pk-navy); margin-bottom:var(--pk-3); }
  .pk-result__price { font-family:var(--pk-font-display); font-size:var(--pk-text-4xl); font-weight:700; color:var(--pk-navy); line-height:1; }
  .pk-result--complete .pk-result__price { color:var(--pk-orange-deep); }
  .pk-result__per { font-size:var(--pk-text-sm); font-weight:600; color:var(--pk-ink-subtle); margin-left:6px; }
  .pk-result__est { font-size:var(--pk-text-xs); color:var(--pk-ink-subtle); margin-top:6px; font-style:italic; }
  .pk-result__desc { font-size:var(--pk-text-sm); color:var(--pk-ink-muted); line-height:1.55; margin-top:var(--pk-3); padding-top:var(--pk-3); border-top:1px solid var(--pk-line); }
  .pk-config__note { text-align:center; font-size:var(--pk-text-sm); color:var(--pk-ink-muted); line-height:1.6; max-width:66ch; margin:0 auto; padding:var(--pk-3) var(--pk-4); background:var(--pk-surface); border-radius:var(--pk-radius); }
  @media(max-width:720px){ .pk-config__controls{grid-template-columns:1fr;} .pk-config__results{grid-template-columns:1fr;} }
  .pk-result__math { font-size: var(--pk-text-xs); color: var(--pk-ink-subtle); margin-top: 6px; font-weight: 600; }