/* Jaa tulos, sandbox1 (vihreä ilme). Käyttää sivuston omia muuttujia (theme_vihrea.py), ei uusia värejä. */
.sp-share{margin:22px 0;background:var(--card,#FFF9EC);border:1px solid var(--line,#C6EECF);border-radius:var(--r,16px);padding:18px 20px;display:grid;gap:12px;box-shadow:var(--shadow,none);color:var(--ink,#0B3A18)}
.sp-share[hidden]{display:none}
.sp-share .sps-prompt{font-weight:800;font-size:1.05rem;line-height:1.35;color:var(--ink,#0B3A18)}
.sp-share .sps-prompt small{display:block;font-weight:600;font-size:.82rem;color:var(--mut,#5F7D66);margin-top:2px}
.sp-share textarea{width:100%;min-height:64px;resize:vertical;border:1px solid var(--line,#C6EECF);border-radius:var(--rs,10px);padding:10px 12px;font:inherit;font-size:.92rem;line-height:1.45;color:var(--ink,#0B3A18);background:#fff}
.sp-share textarea:focus{outline:2px solid var(--blue,#0A7A26);outline-offset:1px}
.sp-share .sps-row{display:flex;flex-wrap:wrap;gap:8px}
.sp-share button,.sp-share a.spb{appearance:none;cursor:pointer;border:1px solid var(--line,#C6EECF);background:#fff;color:var(--ink,#0B3A18);border-radius:999px;padding:9px 16px;font:inherit;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:7px;line-height:1.2}
.sp-share button:hover,.sp-share a.spb:hover{border-color:var(--blue,#0A7A26);text-decoration:none}
.sp-share .spb-main{background:var(--gold,#FFE600);border-color:var(--gold-deep,#D4C000);color:var(--ink,#0B3A18);box-shadow:var(--pop,none)}
.sp-share .spb-main:hover{background:var(--gold-line,#FFE14D);border-color:var(--gold-deep,#D4C000)}
.sp-share .spb-wa{background:#1FA855;border-color:#1FA855;color:#fff}
.sp-share .spb-wa:hover{background:#178a45;border-color:#178a45}
.sp-share .sps-ok{font-size:.82rem;color:var(--ok,#0A7A26);min-height:1.1em}
.sp-share .sps-fine{font-size:.76rem;color:var(--mut,#5F7D66);line-height:1.4}
.sp-share svg{width:16px;height:16px;flex:none}
.sp-share .sps-ex{display:grid;gap:12px}.sp-share .sps-ex[hidden]{display:none}
.sp-share>.spb-main{justify-self:start}
@media (max-width:560px){.sp-share{padding:16px}.sp-share .sps-row>*{flex:1 1 calc(50% - 8px);justify-content:center}.sp-share .spb-main,.sp-share>.spb-main{flex-basis:100%;justify-self:stretch;justify-content:center}}
/* Pieni keltainen Jaa tulos -laatikko (12.10.2026): tuloskortin viides kohta ja yrityssivun hero. Värit SP-brand/brand.css (sitruuna). */
.sps-mini{position:relative;z-index:2;display:flex;align-items:stretch;background:#FFF8C2;border:1.5px solid #FFE14D;border-radius:10px;color:#0B3A18;font-size:.8rem;line-height:1.2}
.sps-mini>button{appearance:none;flex:1 1 auto;background:none;border:0;margin:0;padding:8px 10px;font:inherit;font-weight:800;color:#0B3A18;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap;border-radius:8px}
.sps-mini>button.sm-img{font-weight:700;border-left:1px solid #FFE14D;border-radius:0 8px 8px 0}
.sps-mini>button:hover{background:#FFF04D}
.sps-mini>button:focus-visible{outline:2px solid #0A7A26;outline-offset:1px}
.sps-mini svg{width:14px;height:14px;flex:none}
.sps-mini .sm-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#FFF9EC;border:1px solid #C6EECF;border-radius:12px;box-shadow:0 12px 28px rgba(4,40,14,.28);padding:8px;display:grid;gap:6px;z-index:20}
.sps-mini .sm-pop[hidden]{display:none}
.sps-mini .sm-pop a,.sps-mini .sm-pop button{appearance:none;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #C6EECF;background:#fff;color:#0B3A18;border-radius:999px;padding:8px 12px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.sps-mini .sm-pop a.spb-wa{background:#1FA855;border-color:#1FA855;color:#fff}
.sps-mini .sm-ok{position:absolute;left:0;right:0;top:calc(100% + 4px);font-size:.74rem;font-weight:700;color:#0A7A26;text-align:center;pointer-events:none}
.sps-mini .sm-ok:empty{display:none}
.rank-btns .sps-mini{grid-column:1/-1}

.sps-mini>button.sm-img{display:none}