.sp-page{width:min(1080px,100%);color:var(--tnd-ink);margin:0 auto;padding:clamp(20px,4vw,40px) 16px 56px}.sp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 20px;margin-bottom:18px;display:flex}.sp-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--tnd-muted);margin:0 0 6px;font-size:12px;font-weight:800}.sp-head h1{font-family:var(--font-sign),Georgia,serif;color:var(--tnd-green-dk);margin:0;font-size:clamp(26px,4vw,36px);font-weight:400;line-height:1.15}.sp-lead{max-width:640px;color:var(--tnd-brown);margin:8px 0 0;font-size:15px;line-height:1.6}.sp-lead code{background:var(--tnd-board);border-radius:5px;padding:1px 6px;font-size:12px}.sp-back{color:var(--tnd-green-dk);white-space:nowrap;font-weight:700;text-decoration:none}.sp-back:hover{text-decoration:underline}.sp-notice{border-radius:10px;margin:0 0 16px;padding:12px 14px;font-weight:600;line-height:1.5}.sp-notice.is-ok{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.sp-notice.is-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.sp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:16px;display:grid}.sp-card{border:1px solid var(--tnd-line);background:var(--tnd-paper);border-radius:14px;padding:20px}.sp-card h2{font-family:var(--font-sign),Georgia,serif;color:var(--tnd-green-dk);margin:0 0 14px;font-size:20px;font-weight:400}.sp-card h2 small{background:var(--tnd-board);font-family:var(--font-body),sans-serif;color:var(--tnd-brown);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:700}.sp-new,.sp-reply{gap:12px;display:grid}.sp-new label,.sp-reply label{color:var(--tnd-brown);gap:5px;font-size:13px;font-weight:700;display:grid}.sp-new label small{color:var(--tnd-muted);font-weight:500}.sp-new select,.sp-new textarea,.sp-reply textarea{border:1.5px solid var(--tnd-line-strong);width:100%;min-height:44px;color:var(--tnd-ink);font:500 15px/1.5 var(--font-body),sans-serif;background:#fff;border-radius:10px;padding:10px 12px}.sp-new textarea,.sp-reply textarea{resize:vertical}.sp-new select:focus,.sp-new textarea:focus,.sp-reply textarea:focus{border-color:var(--tnd-green);outline:none;box-shadow:0 0 0 3px #08744e24}.sp-help{color:var(--tnd-muted);margin:-4px 0 0;font-size:12px}.sp-new .btn,.sp-reply .btn{justify-self:start;min-height:44px}.sp-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sp-ticket{border:1px solid var(--tnd-line);color:inherit;background:#fff;border-radius:12px;gap:3px;padding:12px 14px;text-decoration:none;transition:border-color .15s;display:grid}.sp-ticket:hover{border-color:var(--tnd-green)}.sp-ticket.is-answered{border-left:4px solid var(--tnd-yellow)}.sp-ticket.is-closed{opacity:.75}.sp-ticket strong{color:var(--tnd-ink);font-size:15px}.sp-excerpt{text-overflow:ellipsis;white-space:nowrap;color:var(--tnd-brown);font-size:13px;overflow:hidden}.sp-ticket small{color:var(--tnd-muted);font-size:12px}.sp-state{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:2px 9px;font-size:11px;font-weight:800;display:inline-block}.sp-state.is-open{color:#175cd3;background:#eff8ff}.sp-state.is-answered{color:#8a5a00;background:#fff1d0}.sp-state.is-closed{color:#667085;background:#f2f4f7}.sp-empty{color:var(--tnd-muted);margin:0}.sp-thread{gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.sp-msg{border:1px solid var(--tnd-line);background:#fff;border-radius:14px;max-width:min(720px,92%);padding:14px 16px}.sp-msg.from-shoplinks{background:#f2fbf6;border-color:#bfe3d2;justify-self:start}.sp-msg.from-you{background:var(--tnd-paper);justify-self:end}.sp-msg header{flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin-bottom:6px;font-size:13px;display:flex}.sp-msg header strong{color:var(--tnd-green-dk)}.sp-msg time{color:var(--tnd-muted)}.sp-msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.65}.sp-close{margin-top:10px}.sp-link{color:var(--tnd-muted);font:600 14px var(--font-body),sans-serif;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sp-link:hover{color:var(--tnd-green-dk)}@media (max-width:820px){.sp-grid{grid-template-columns:1fr}.sp-msg{max-width:100%}}