/* SortedUK partner kit page (SITE-10). Loaded only on that page. */
.skp { max-width: 1040px; margin: 0 auto; padding: 24px 16px 8px; box-sizing: border-box; }
.skp h1 { margin: 0 0 12px; font-size: clamp(1.7rem, 4vw, 2.4rem); line-height: 1.15; }
.skp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; margin-top: 12px; }
.skp-tool h3 { margin: 0 0 6px; font-size: 1.1rem; }
.skp-code-l { display: block; font-weight: 600; font-size: .9rem; margin: 10px 0 4px; }
.skp-code { width: 100%; box-sizing: border-box; font: .85rem/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding: 10px; border: 1px solid rgba(26, 37, 64, .2); border-radius: 10px; background: rgba(26, 37, 64, .04); color: inherit; resize: vertical; }
.skp-words { font-family: inherit; font-size: .95rem; max-width: 760px; }
.skp-print-row { margin: 8px 0 12px; }
.skp-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: 900px; }
@media (max-width: 640px) { .skp-cards { grid-template-columns: 1fr; } }
.skp-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px; border: 2px dashed rgba(26, 37, 64, .35); border-radius: 14px; background: #fff; color: #0f1b33; break-inside: avoid; }
.skp-card[hidden] { display: none; }
.skp-card-k { margin: 0 0 6px; font-size: .78rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #0c6653; }
.skp-card-h { margin: 0 0 6px; font-size: 1.15rem; font-weight: 700; line-height: 1.25; }
.skp-card-p { margin: 0 0 8px; font-size: .95rem; line-height: 1.4; }
.skp-card-u { margin: 0; font-weight: 700; font-size: .9rem; color: #0c6653; word-break: break-all; }
.skp-qr { width: 112px; height: 112px; flex: 0 0 112px; }
@media (prefers-color-scheme: dark) {
  .skp-code { border-color: rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .05); }
}
@media print {
  body * { visibility: hidden !important; }
  .skp-cards, .skp-cards * { visibility: visible !important; }
  .skp-cards { position: absolute; left: 0; top: 0; width: 100%; max-width: none; grid-template-columns: repeat(2, 1fr); gap: 8mm; }
  .skp-card { border-color: #777; }
}