.sp-page{min-height:70vh;font-family:var(--font-body);color:var(--masra-ink);place-items:center;padding:48px 16px;display:grid}.sp-box{text-align:center;max-width:480px}.sp-box .sp-code{font-family:var(--font-display);color:var(--brand-primary-medium);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(4rem,2.5rem + 6vw,6rem);font-weight:700;line-height:1}.sp-icon{block-size:64px;inline-size:64px;color:var(--brand-primary);background:var(--brand-primary-subtle);border-radius:18px;place-items:center;display:inline-grid}.sp-box h1{font-family:var(--font-display);color:var(--brand-primary-dark);margin:20px 0 8px;font-size:24px;font-weight:700;line-height:1.4}.sp-box p{color:var(--gray-600);margin:0;font-size:15.5px;line-height:1.85}.sp-ref{color:var(--gray-500);margin-block-start:12px;font-size:13px;display:inline-block}.sp-ref code{direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,monospace}.sp-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;margin-block-start:28px;display:flex}.sp-btn{background:var(--brand-primary);min-block-size:48px;color:var(--on-brand);font:600 15px/1 var(--font-body);cursor:pointer;transition:background var(--dur) var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;padding-inline:24px;text-decoration:none;display:inline-flex}.sp-btn:hover{background:var(--brand-primary-dark)}.sp-link{min-block-size:40px;color:var(--brand-primary);align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.sp-link:hover{text-underline-offset:4px;text-decoration:underline}.sp-page :is(a,button):focus-visible{outline:2px solid var(--brand-primary-medium);outline-offset:3px}