.p308-social-card{margin:18px 0;background:#fff;color:#19314b;border:1px solid #e0e7f0;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(8,43,99,.09);font-family:inherit}
.p308-social-card *{box-sizing:border-box}
.p308-social-head h2{margin:5px 0 6px;font-size:clamp(21px,4vw,26px);color:#082b63}
.p308-social-head p{margin:0 0 15px;color:#586c83;font-size:14px;line-height:1.5}
.p308-social-eyebrow{font-size:11px;color:#0038a8;letter-spacing:.07em;font-weight:850}
.p308-social-label{display:block;font-weight:800;color:#203b59;font-size:13px}
.p308-social-message{display:block;width:100%;min-height:180px;margin:8px 0 13px;padding:14px;border:1px solid #cbd7e5;background:#f9fbff;color:#183350;border-radius:12px;font:400 16px/1.55 system-ui,-apple-system,sans-serif;resize:vertical;overflow-wrap:anywhere}
.p308-social-message:focus-visible{outline:3px solid #ffcc00;outline-offset:2px}
.p308-social-actions{display:flex;gap:9px;flex-wrap:wrap}
.p308-social-button{appearance:none;min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:#eaf1ff;color:#082b63;font:800 13px system-ui,-apple-system,sans-serif;cursor:pointer}
.p308-social-button.primary{background:#0038a8;color:#fff}
.p308-social-button.gold{background:#ffcc00;color:#082b63;box-shadow:0 3px 12px rgba(8,43,99,.13)}
.p308-social-button:focus-visible,.p308-social-foot button:focus-visible{outline:3px solid #ffcc00;outline-offset:2px}
.p308-social-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px}
.p308-social-foot button{border:0;background:none;padding:7px 0;color:#0038a8;font:700 12px system-ui,-apple-system,sans-serif;text-decoration:underline;cursor:pointer}
.p308-social-foot p{margin:0;color:#18572e;font-size:13px;font-weight:750}
.p308-social-hint{margin:10px 0 0;color:#68788e;font-size:12px;line-height:1.45}
.p308-social-test{padding:10px 12px;margin:0 0 12px;background:#fff4d3;border-radius:10px;font-size:12px;font-weight:800;color:#735400}
@media(max-width:650px){.p308-social-card{padding:16px}.p308-social-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.p308-social-button.primary,.p308-social-button.gold{grid-column:1/-1}.p308-social-button{width:100%}}
