.sp-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.sp-program{font:inherit;cursor:pointer;text-align:left;padding:20px;border:1px solid #dfe4d8;background:#fbfcf6;color:#243e36;border-radius:17px;display:flex;flex-direction:column;gap:10px;min-width:0}.sp-program.selected{background:#e5eed8;border-color:#a4bd7f}.sp-program>svg{width:27px;height:27px}.sp-program>strong{font-size:18px}.sp-program>span{font-size:11px;color:#69786d;line-height:1.6}.sp-banner{display:flex;gap:23px;align-items:center;padding:30px;border-radius:21px;background:#243e36;color:#f3f7e9;margin:0 0 22px}.sp-banner h2{font:400 30px/1.2 Georgia,serif!important;color:inherit;margin:12px 0!important}.sp-banner p{color:#d0dfc3;font-size:13px;line-height:1.8}.sp-symbol{flex-shrink:0;display:grid;place-items:center;background:#405c45;border-radius:18px;width:70px;height:70px;color:#d8ed9d}.sp-symbol svg{width:37px;height:37px}.sp-eyebrow{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;line-height:1.6}.sp-banner .sp-eyebrow{color:#c2d6a7}.sp-workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px;align-items:start}.sp-card{min-width:0;border:1px solid #dfe4d8;background:#fbfcf6;color:#243e36;border-radius:19px;padding:24px}.sp-card h2{font-size:22px;line-height:1.3;margin:10px 0 20px!important;letter-spacing:-.5px}.sp-card p{font-size:13px;line-height:1.8;color:#69786d}.sp-card ul{list-style:none;padding:0;margin:23px 0;font-size:13px}.sp-card li{display:flex;gap:10px;align-items:flex-start;margin:15px 0;line-height:1.6}.sp-card li svg{color:#819960;flex-shrink:0;width:18px;height:18px}.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0;border-radius:11px;background:#243e36;color:#f5f8e9;font-family:inherit;font-weight:550;font-size:12px;line-height:1.5;min-height:44px;padding:12px 16px;margin:10px 0 0;max-width:100%}.sp-button:disabled{opacity:.5;cursor:default}.sp-check{display:flex!important;align-items:flex-start;gap:10px;font-size:12px!important;font-weight:400!important;line-height:1.7;margin:20px 0!important;min-height:44px}.sp-check input{appearance:auto!important;width:20px!important;height:20px!important;min-height:20px!important;flex-shrink:0;margin:1px 0 0!important;accent-color:#243e36;padding:0!important}.sp-field{display:block;font-size:12px;line-height:1.6;margin:20px 0}.sp-field input{display:block;width:100%;box-sizing:border-box;min-width:0;font:inherit;font-size:14px;min-height:44px;border:1px solid #d4dccb;background:#fffef8;color:#243e36;padding:10px 12px;border-radius:10px;margin-top:7px}.sp-card .sp-note{background:#e9eedf;color:#536846;border-radius:12px;padding:15px;font-size:11px;margin-top:20px}.sp-card .sp-small{font-size:10px;line-height:1.8;margin-top:18px}.sp-status{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #dfe4d8;font-size:12px;line-height:1.5}.sp-status strong{font-size:11px;text-align:right;max-width:65%}.sp-success{display:flex;align-items:center;gap:9px;padding:15px;background:#e5eed8;border-radius:12px;font-size:12px}.sp-success svg{width:18px;height:18px}.sp-error{color:#993f2c!important;font-size:11px!important}.sp-order{border-left:2px solid #a4bc7e;padding-left:20px;margin:25px 0}.sp-order p{overflow-wrap:anywhere}.sp-buyer{margin-top:22px}.sp-offer{display:flex;gap:18px;padding:24px 0;border-bottom:1px solid #dfe4d8}.sp-offer>svg{flex-shrink:0;width:26px;height:26px;margin-top:3px;color:#809963}.sp-offer>div{min-width:0;flex:1}.sp-offer h3{font-size:18px;margin:0 0 7px}.sp-offer .sp-check{margin-bottom:0!important}.sp-program:focus-visible,.sp-button:focus-visible,.sp-field input:focus-visible{outline:3px solid #9cba64;outline-offset:3px}
@media(max-width:800px){.sp-catalog{gap:9px}.sp-program{padding:14px;border-radius:14px;gap:7px}.sp-program>strong{font-size:14px}.sp-program>span{font-size:9px}.sp-program>svg{width:22px;height:22px}.sp-banner{padding:23px;gap:15px;align-items:flex-start}.sp-banner h2{font-size:27px!important}.sp-symbol{width:43px;height:43px;border-radius:12px}.sp-symbol svg{width:26px;height:26px}.sp-workspace{grid-template-columns:1fr;gap:17px}.sp-card{padding:20px;border-radius:17px}.sp-card h2{font-size:21px}.sp-check{font-size:13px!important}.sp-field input{font-size:16px;min-height:46px}.sp-button{min-height:46px;font-size:13px}.sp-offer{gap:13px}.sp-banner .sp-eyebrow{font-size:8px}.sp-status{font-size:11px}.sp-status strong{font-size:10px}}
@media(max-width:360px){.sp-program{padding:12px 9px}.sp-program>strong{font-size:12px}.sp-program>span{font-size:9px}}

/* Keep partner controls readable inside TJTK’s scoped button reset. */
#tjtk-litter-community-preview .sp-button{color:#f5f8e9;background:#243e36}#tjtk-litter-community-preview .sp-program{color:#243e36;background:#fbfcf6}#tjtk-litter-community-preview .sp-program.selected{background:#e5eed8}#tjtk-litter-community-preview .sp-program>strong{color:#243e36}#tjtk-litter-community-preview .sp-program>span{color:#536348}