.sp-page{max-width:760px}.sp{flex-direction:column;gap:28px;display:flex}.sp-done{padding-top:72px}.sp-step h2{font-family:var(--font-serif);color:var(--text-dark);margin:0 0 16px;font-size:1.5rem;font-weight:500;line-height:1.25}.sp-topics{gap:32px;display:grid}.sp-group h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-light);margin:0 0 12px;font-size:13px;font-weight:600}.sp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sp-cards-wide{grid-template-columns:minmax(0,1fr)}.sp-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);font:inherit;text-align:left;color:var(--text-dark);cursor:pointer;align-items:flex-start;gap:14px;padding:16px 18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.sp-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sp-card:hover .sp-icon{background:var(--accent-warm);color:#fff}.sp-card-text{flex-direction:column;gap:3px;min-width:0;padding-top:1px;display:flex}.sp-card-text strong{font-size:15px;font-weight:600;line-height:1.35}.sp-card-text span{color:var(--text-light);font-size:14px;line-height:1.45}.sp-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-warm);border-radius:10px;flex:none;place-items:center;transition:background-color .15s,color .15s;display:grid}.sp-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sp-card:focus-visible,.sp-change:focus-visible,.sp select:focus,.sp textarea:focus,.sp input[type=search]:focus{box-shadow:var(--focus-ring);outline:2px solid #0000}.sp-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:12px 18px 12px 14px;display:flex}.sp-summary-label{min-width:0;color:var(--text-dark);flex:1;font-size:16px;font-weight:600}.sp-change{border-radius:var(--radius-sm);font:inherit;color:var(--accent-warm);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:4px 2px;font-size:14px;font-weight:600;text-decoration:underline}.sp select,.sp textarea,.sp input[type=search]{border:1px solid var(--border-strong);background:var(--surface);width:100%;font:inherit;color:var(--text-dark);border-radius:8px;padding:11px 14px;font-size:16px;line-height:1.5}.sp select:focus,.sp textarea:focus,.sp input[type=search]:focus{border-color:var(--accent-warm)}.sp textarea{resize:vertical;min-height:160px}.sp select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;padding-right:44px}.sp select:hover{border-color:var(--accent-warm)}.sp textarea::placeholder,.sp input[type=search]::placeholder{color:#9a9084}.sp [aria-invalid=true]{border-color:#b3261e}.sp-product{max-width:420px}.sp-form .field+.field,.sp-form .sp-row+.field,.sp-form .sp-results+.field{margin-top:20px}.sp-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sp-row .field+.field{margin-top:0}.sp-answer{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-medium);animation:sp-in .22s var(--ease-standard,ease-out);padding:28px;font-size:16px;line-height:1.6}.sp-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-warm);margin:0;font-size:13px;font-weight:600}.sp-answer h3{font-family:var(--font-serif);color:var(--text-dark);text-wrap:balance;margin:6px 0 0;font-size:1.5rem;font-weight:500;line-height:1.25}.sp-answer h4,.sp-links h4,.sp-results h4{color:var(--text-dark);margin:20px 0 6px;font-size:14px;font-weight:600}.sp-answer p{text-wrap:pretty;margin:12px 0 0}.sp-answer h4+p{margin-top:0}.sp-answer strong{color:var(--text-dark)}.sp-answer a:not(.cx-btn),.sp-guides a,.sp-noscript a{color:var(--accent-warm);text-underline-offset:3px}.sp-answer .cx-btn-primary,.sp-answer .cx-btn-primary:hover{color:#fff}.sp-steps,.sp-checks{margin:12px 0 0;padding-left:22px}.sp-steps li+li,.sp-checks li+li{margin-top:6px}.sp-checks{padding:0;list-style:none}.sp-checks li{padding-left:26px;position:relative}.sp-checks li:before{content:"";border-left:1.7px solid var(--accent-warm);border-bottom:1.7px solid var(--accent-warm);width:12px;height:7px;position:absolute;top:8px;left:2px;transform:rotate(-45deg)}.sp-links ul,.sp-results ul{margin:0;padding:0;list-style:none}.sp-links li+li{margin-top:6px}.sp-more-link{font-weight:600}.sp-search{margin-top:18px}.sp-results{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);animation:sp-in .22s var(--ease-standard,ease-out);margin-top:12px;padding:4px 16px 12px}.sp-results h4{margin-top:10px}.sp-results li{padding:8px 0}.sp-results li+li{border-top:1px solid var(--border-subtle)}.sp-results a{color:var(--accent-warm);text-underline-offset:3px;font-size:15px;font-weight:600}.sp-results p{-webkit-line-clamp:2;color:var(--text-light);-webkit-box-orient:vertical;margin:2px 0 0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.sp-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px;display:flex}.sp-actions .cx-btn{width:auto;text-decoration:none}.sp-actions a:not(.cx-btn){font-size:15px}.sp-still{justify-content:space-between;align-items:center;gap:16px;padding:0 4px;display:flex}.sp-still p{color:var(--text-medium);margin:0;font-size:16px}.sp-still .cx-btn{width:auto}.sp-hint{border-radius:var(--radius-md);color:var(--text-dark);animation:sp-in .22s var(--ease-standard,ease-out);background:#eef3fb;border:1px solid #d6e2f5;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px 16px;font-size:15px;display:flex}.sp-hint p{margin:0}.sp-form .cx-notice{margin-top:20px}.sp-sent{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;animation:sp-in .22s var(--ease-standard,ease-out);padding:40px 32px}.sp-sent svg{fill:none;width:48px;height:48px;stroke:var(--accent-green);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.sp-sent h2{font-family:var(--font-serif);color:var(--text-dark);margin:12px 0 0;font-size:1.75rem;font-weight:500}.sp-sent p{max-width:560px;color:var(--text-medium);text-wrap:balance;margin:12px auto 0;font-size:16px;line-height:1.6}.sp-sent p+p{margin-top:4px}.sp-sent strong{color:var(--text-dark)}.sp-explore{animation:sp-in .22s var(--ease-standard,ease-out) .12s both;margin-top:12px}.sp-explore h2{font-family:var(--font-serif);color:var(--text-dark);margin:0 0 16px;font-size:1.35rem;font-weight:500}.sp-explore .sp-card{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"tile text installs arrow";align-items:center;column-gap:14px;text-decoration:none;display:grid}.sp-explore-tile{grid-area:tile}.sp-explore .sp-card-text{grid-area:text}.sp-explore-installs{white-space:nowrap;color:var(--text-light);grid-area:installs;font-size:13px}.sp-explore-installs strong{color:var(--text-dark);font-weight:600}.sp-explore-arrow{color:var(--text-light);grid-area:arrow;font-size:18px;transition:transform .15s,color .15s}.sp-explore .sp-card:hover .sp-explore-arrow{color:var(--accent-warm);transform:translate(3px)}.sp-explore-tile{background:var(--tint);width:44px;height:44px;color:var(--text-dark);border-radius:12px;flex:none;place-items:center;font-size:24px;display:grid}.sp-explore-all{color:var(--accent-warm);text-underline-offset:3px;margin-top:16px;font-size:15px;font-weight:500;display:inline-block}.sp-noscript{color:var(--text-medium);font-size:16px}.sp-guides{border-top:1px solid var(--border-subtle);color:var(--text-medium);margin-top:64px;padding-top:32px;font-size:15px}.sp-guides h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-light);margin:0 0 12px;font-size:14px;font-weight:600}.sp-guides ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.sp-guides p{margin:20px 0 0}@keyframes sp-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.sp-card:hover,.sp-explore .sp-card:hover .sp-explore-arrow{transform:none}.sp-answer,.sp-results,.sp-hint,.sp-sent,.sp-explore{animation:none}}@media (width<=640px){.sp-done{padding-top:48px}.sp-explore .sp-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tile text arrow""tile installs arrow";row-gap:6px}.sp-explore-installs{justify-self:start}.sp-row,.sp-cards,.sp-guides ul{grid-template-columns:minmax(0,1fr)}.sp-answer{padding:22px 20px}.sp-still,.sp-hint{flex-direction:column;align-items:stretch}.sp-still .cx-btn{width:100%}}
