.social-post .post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.social-post .post-actions .post-share-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid #3c4d56;border-radius:99px;background:#202a31;color:#bfcbd0;font:600 11px sans-serif;cursor:pointer}
.social-post .post-actions .post-share-button:hover{border-color:#86ad48;background:#b8ff000c;color:#d5eead}
.social-post .post-actions .post-share-button:focus-visible{outline:2px solid #b8ff00;outline-offset:3px}
.social-post .post-actions .post-view-count{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:8px 0;color:#93a2ac;font-size:11px;border:0;background:transparent;font-variant-numeric:tabular-nums}
.social-post .post-actions .post-view-count svg,.social-post .post-actions .post-share-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:650px){.social-post .post-actions{gap:8px}.social-post .post-actions .post-view-label{display:none}.social-post .post-actions .post-share-button{padding:8px 10px;font-size:11px}}

/* Remove the decorative spacer that pushed the view counter toward the center. */
.social-post .post-actions:has(.post-view-count)::after{display:none!important;content:none!important}
body .social-post .post-actions>.post-view-count{margin-left:auto!important;margin-right:0!important;flex:0 0 auto;justify-content:flex-end;padding:5px 9px!important;border:1px solid #ffffff0b!important;border-radius:8px!important;background:#ffffff03!important;white-space:nowrap}

.post-share-dialog{position:fixed;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #41534e;border-radius:24px;background:linear-gradient(145deg,#1a272a,#11191e);color:#edf2f3;box-shadow:0 28px 100px #0009}
.post-share-dialog::backdrop{background:#050b0ed4;backdrop-filter:blur(6px)}
.post-share-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #425158;border-radius:10px;background:#ffffff04;color:#aebdc3;font-size:23px;cursor:pointer}
.post-share-dialog header{padding-right:22px}.post-share-kicker{color:#a6c784;font-size:9px;font-weight:800;letter-spacing:.13em}
.post-share-dialog h2{margin:10px 0 8px;font-size:25px;line-height:1.2;letter-spacing:-.035em}.post-share-dialog header p{margin:0;color:#94a5ab;font-size:12px;line-height:1.6}
.post-share-networks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}
.post-share-network{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:94px;padding:14px 8px;border:1px solid #35464d;border-radius:14px;background:#ffffff03;color:#cfdbdf;text-decoration:none;font-size:11px;font-weight:600;transition:border-color .15s,background .15s}
.post-share-network:hover{border-color:#86ac53;background:#b8ff0007}.post-share-network i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff08;color:#dde5e8;font-size:17px;font-style:normal;font-weight:800}
.network-whatsapp i{background:#25d36615;color:#75e8a2}.network-facebook i{background:#1877f21a;color:#75acff}.network-telegram i{background:#2aabee1a;color:#75ceff}.network-linkedin i{background:#0a66c21a;color:#80baff}.network-email i{color:#c9dfa7}
.post-share-link-label{display:block;color:#acbec4;font-size:11px;font-weight:600;margin-bottom:9px}
.post-share-copy{display:flex;gap:8px}.post-share-copy input{min-width:0;flex:1;padding:12px;border:1px solid #3b4d54;border-radius:10px;background:#0d1519;color:#adbec6;font-family:inherit;font-size:11px}
.post-share-copy button{flex:none;padding:10px 14px;border:1px solid #b8ff0033;border-radius:10px;background:#b8ff00;color:#18210d;font-size:11px;font-weight:800;cursor:pointer}
.post-share-feedback{min-height:16px;margin:10px 0;color:#c7e5a5;font-size:11px}.post-share-note{display:block;color:#879ca5;font-size:10px;line-height:1.6}
.post-share-dialog button:focus-visible,.post-share-dialog a:focus-visible,.post-share-dialog input:focus-visible{outline:2px solid #b8ff00;outline-offset:3px}
@media(max-width:420px){.post-share-dialog{padding:24px 18px}.post-share-dialog h2{font-size:23px}.post-share-networks{gap:8px}.post-share-copy input{font-size:12px}}
@media(prefers-reduced-motion:reduce){.post-share-network{transition:none}}

.post-share-network i svg{display:block;width:21px;height:21px;fill:currentColor}
.post-view-count{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #ffffff0b;border-radius:8px;background:#ffffff03;color:#94a9b3;font-size:10px;line-height:1.3;white-space:nowrap}.post-view-count svg{width:15px;height:15px;fill:none;stroke:#a7bca8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.post-view-count [data-view-number]{font-size:11px;font-weight:700;color:#c5d4dc;font-variant-numeric:tabular-nums}.post-view-count .post-view-label{font-size:9px;color:#849ca8}@media(max-width:600px){.post-view-count{padding:4px 7px;gap:5px}.post-view-count svg{width:14px;height:14px}}
.social-post .post-actions .post-view-count{gap:6px;padding:5px 9px;border:1px solid #ffffff0b;border-radius:8px;background:#ffffff03;font-size:10px}.social-post .post-actions .post-view-count svg{width:15px;height:15px;stroke:#a7bca8}