/* Social Media Pro - share and follow buttons. Icons are CSS masks (the page's HTML goes through the sanitiser; CSS does not). */
:root { --smp-i-web: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm6.9%206h-2.9a15.6%2015.6%200%200%200-1.4-3.6A8%208%200%200%201%2018.9%208zM12%204c.8%201.2%201.5%202.5%201.9%204h-3.8c.4-1.5%201.1-2.8%201.9-4zM4.3%2014a8.2%208.2%200%200%201%200-4h3.4a16.5%2016.5%200%200%200%200%204zm.8%202h2.9c.3%201.3.8%202.5%201.4%203.6A8%208%200%200%201%205.1%2016zM8%208H5.1a8%208%200%200%201%204.3-3.6C8.8%205.5%208.4%206.7%208%208zm4%2012c-.8-1.2-1.5-2.5-1.9-4h3.8c-.4%201.5-1.1%202.8-1.9%204zm2.3-6H9.7a14.7%2014.7%200%200%201%200-4h4.6a14.7%2014.7%200%200%201%200%204zm.3%205.6c.6-1.1%201.1-2.3%201.4-3.6h2.9a8%208%200%200%201-4.3%203.6zm1.7-5.6a16.5%2016.5%200%200%200%200-4h3.4a8.2%208.2%200%200%201%200%204z%22/%3E%3C/svg%3E"); }
.smp-share, .smp-follow { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: 1.25rem 0; }
.smp-share-label { font-size: .85rem; font-weight: 600; opacity: .75; margin-right: .25rem; }
.smp-btn { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .7rem .35rem .55rem; border-radius: 999px; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); background: transparent; color: inherit; font: inherit; font-size: .85rem; line-height: 1.2; text-decoration: none !important; cursor: pointer; transition: background .15s, border-color .15s; }
/* Black brand marks (X, TikTok, Threads, GitHub) take the text colour, so they show on dark themes too. */
.smp-btn::before { content: ''; width: 1.05rem; height: 1.05rem; flex: none; background: var(--smp-c, currentColor); -webkit-mask: var(--smp-i) center / contain no-repeat; mask: var(--smp-i) center / contain no-repeat; }
.smp-btn:hover, .smp-btn:focus-visible { background: color-mix(in srgb, var(--smp-c, currentColor) 12%, transparent); border-color: var(--smp-c, currentColor); }
.smp-n-x { --smp-c: currentColor; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%203h4.2l4.1%205.6L16.2%203H19l-6.4%207.3L20%2021h-4.2l-4.5-6.1L5.9%2021H3.1l6.9-7.8z%22/%3E%3C/svg%3E"); }
.smp-n-facebook { --smp-c: #1877f2; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%208h3V4h-3c-2.8%200-4.5%201.8-4.5%204.6V11H7v4h2.5v6h4v-6h3l.5-4h-3.5V8.8c0-.5.3-.8.5-.8z%22/%3E%3C/svg%3E"); }
.smp-n-linkedin { --smp-c: #0a66c2; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%209h3.5v11H4zM5.8%203.5a2%202%200%201%201%200%204%202%202%200%200%201%200-4zM10%209h3.3v1.6c.5-.9%201.7-1.9%203.6-1.9%203.6%200%204.1%202.3%204.1%205.3V20h-3.5v-5.2c0-1.3%200-2.9-1.8-2.9s-2.1%201.4-2.1%202.8V20H10z%22/%3E%3C/svg%3E"); }
.smp-n-whatsapp { --smp-c: #25d366; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%200%200-7.8%2013.4L3%2021l4.7-1.2A9%209%200%201%200%2012%203zm4.6%2012.6c-.2.6-1.2%201.1-1.7%201.2-.5.1-1%20.1-3.2-.8-2.7-1.2-4.4-4-4.5-4.2-.1-.2-1.1-1.4-1.1-2.7s.7-1.9.9-2.2c.2-.3.5-.3.7-.3h.5c.2%200%20.4%200%20.6.5l.8%202c.1.2.1.4%200%20.5l-.4.6c-.1.2-.3.3-.1.6.2.3.8%201.3%201.7%202.1%201.1%201%202%201.3%202.3%201.4.3.1.5.1.6-.1l.7-.9c.2-.3.4-.2.7-.1l1.9.9c.3.1.5.2.5.3.1.2.1.7-.1%201.2z%22/%3E%3C/svg%3E"); }
.smp-n-bluesky { --smp-c: #1185fe; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6.3%204.6C8.6%206.3%2011%209.8%2012%2011.8c1-2%203.4-5.5%205.7-7.2%201.6-1.2%204.3-2.2%204.3.9%200%20.6-.4%205.1-.6%205.8-.7%202.5-3.2%203.1-5.5%202.7%204%20.7%205%202.9%202.8%205.1-4.2%204.3-6-1.1-6.5-2.5l-.2-.6-.2.6c-.5%201.4-2.3%206.8-6.5%202.5-2.2-2.2-1.2-4.4%202.8-5.1-2.3.4-4.8-.2-5.5-2.7C2.4%2010.6%202%206.1%202%205.5c0-3.1%202.7-2.1%204.3-.9z%22/%3E%3C/svg%3E"); }
.smp-n-reddit { --smp-c: #ff4500; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2012.2c0-1.1-.9-2-2-2-.5%200-1%20.2-1.4.5-1.4-.9-3.2-1.5-5.2-1.6l1-4.4%203%20.7a1.4%201.4%200%201%200%20.2-1l-3.5-.8-1.2%205.5c-2%20.1-3.9.7-5.3%201.6-.4-.3-.9-.5-1.4-.5a2%202%200%200%200-.8%203.8v.6c0%203.1%203.6%205.6%208%205.6s8-2.5%208-5.6v-.6c.8-.3%201.3-1.1%201.3-1.8zM8%2013.5a1.3%201.3%200%201%201%202.6%200%201.3%201.3%200%200%201-2.6%200zm7.3%203.4c-.9.9-2.6%201-3.3%201s-2.4-.1-3.3-1a.4.4%200%200%201%20.5-.5c.6.6%201.8.8%202.8.8s2.2-.2%202.8-.8a.4.4%200%200%201%20.5.5zm-.2-2.1a1.3%201.3%200%201%201%200-2.6%201.3%201.3%200%200%201%200%202.6z%22/%3E%3C/svg%3E"); }
.smp-n-email { --smp-c: #6b7280; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%205h18v14H3zm2%202v.5l7%204.6%207-4.6V7zm14%202.9-7%204.6-7-4.6V17h14z%22/%3E%3C/svg%3E"); }
.smp-n-copy { --smp-c: #6b7280; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10.6%2013.4a1%201%200%200%201%200-1.4l3-3a1%201%200%201%201%201.4%201.4l-3%203a1%201%200%200%201-1.4%200zM8.5%2019a4.5%204.5%200%200%201-3.2-7.7l2-2a1%201%200%201%201%201.4%201.4l-2%202a2.5%202.5%200%200%200%203.6%203.6l2-2a1%201%200%201%201%201.4%201.4l-2%202A4.5%204.5%200%200%201%208.5%2019zm7.6-5.9a1%201%200%200%201-.7-1.7l2-2a2.5%202.5%200%200%200-3.6-3.6l-2%202a1%201%200%200%201-1.4-1.4l2-2a4.5%204.5%200%201%201%206.4%206.4l-2%202a1%201%200%200%201-.7.3z%22/%3E%3C/svg%3E"); }
.smp-n-native { --smp-c: #6b7280; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%2016a3%203%200%200%200-2.2%201l-7-3.5a3%203%200%200%200%200-1l7-3.5A3%203%200%201%200%2015%207l-7%203.5a3%203%200%201%200%200%203l7%203.5A3%203%200%201%200%2018%2016z%22/%3E%3C/svg%3E"); }
.smp-n-instagram { --smp-c: #e1306c; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%207.5a4.5%204.5%200%201%200%200%209%204.5%204.5%200%200%200%200-9zm0%207.4a2.9%202.9%200%201%201%200-5.8%202.9%202.9%200%200%201%200%205.8zM17.8%206.2a1%201%200%201%201-2.1%200%201%201%200%200%201%202.1%200zM21%207.3c-.1-1.7-.4-3.2-1.7-4.4S16.5%201.3%2014.8%201.2h-5.6C7.5%201.3%206%201.6%204.7%202.9S3.1%205.6%203%207.3v9.4c.1%201.7.4%203.2%201.7%204.4s2.8%201.6%204.5%201.7h5.6c1.7-.1%203.2-.4%204.5-1.7s1.6-2.7%201.7-4.4V7.3zm-2.1%2011.2a3%203%200%200%201-1.6%201.6c-1.1.4-3.8.3-5.3.3s-4.2.1-5.3-.3a3%203%200%200%201-1.6-1.6c-.4-1.1-.3-3.8-.3-5.3s-.1-4.2.3-5.3A3%203%200%200%201%206.7%205c1.1-.4%203.8-.3%205.3-.3s4.2-.1%205.3.3a3%203%200%200%201%201.6%201.6c.4%201.1.3%203.8.3%205.3s.1%204.2-.3%205.3z%22/%3E%3C/svg%3E"); }
.smp-n-mastodon { --smp-c: #6364ff; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.9%208.5c0-4-2.6-5.2-2.6-5.2C17%202.7%2014.7%202.4%2012.3%202.4h-.1c-2.4%200-4.7.3-6%20.9%200%200-2.6%201.2-2.6%205.2%200%20.9%200%202%20.1%203.2.1%204%20.7%207.9%204.4%208.9%201.7.5%203.2.6%204.3.5%202.2-.1%203.4-.8%203.4-.8l-.1-1.6s-1.5.5-3.3.4c-1.7-.1-3.5-.2-3.8-2.3v-.6s1.7.4%203.8.5c1.3.1%202.5-.1%203.7-.2%202.3-.3%204.4-1.7%204.6-3.1.4-2.2.3-5.3.3-5.3zm-3.1%205.1h-1.9V9c0-1-.4-1.5-1.2-1.5-.9%200-1.4.6-1.4%201.8v2.5h-1.9V9.3c0-1.2-.5-1.8-1.4-1.8-.8%200-1.2.5-1.2%201.5v4.6H6.9V8.9c0-1%20.2-1.7.7-2.3.5-.6%201.2-.8%202-.8%201%200%201.7.4%202.2%201.1l.5.8.5-.8c.5-.8%201.2-1.1%202.2-1.1.8%200%201.5.3%202%20.8.5.6.7%201.4.7%202.3z%22/%3E%3C/svg%3E"); }
.smp-n-youtube { --smp-c: #ff0000; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21.6%207.2a2.5%202.5%200%200%200-1.8-1.8C18.3%205%2012%205%2012%205s-6.3%200-7.8.4A2.5%202.5%200%200%200%202.4%207.2%2026%2026%200%200%200%202%2012a26%2026%200%200%200%20.4%204.8%202.5%202.5%200%200%200%201.8%201.8C5.7%2019%2012%2019%2012%2019s6.3%200%207.8-.4a2.5%202.5%200%200%200%201.8-1.8A26%2026%200%200%200%2022%2012a26%2026%200%200%200-.4-4.8zM10%2015V9l5.2%203z%22/%3E%3C/svg%3E"); }
.smp-n-web { --smp-c: #6b7280; --smp-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm6.9%206h-2.9a15.6%2015.6%200%200%200-1.4-3.6A8%208%200%200%201%2018.9%208zM12%204c.8%201.2%201.5%202.5%201.9%204h-3.8c.4-1.5%201.1-2.8%201.9-4zM4.3%2014a8.2%208.2%200%200%201%200-4h3.4a16.5%2016.5%200%200%200%200%204zm.8%202h2.9c.3%201.3.8%202.5%201.4%203.6A8%208%200%200%201%205.1%2016zM8%208H5.1a8%208%200%200%201%204.3-3.6C8.8%205.5%208.4%206.7%208%208zm4%2012c-.8-1.2-1.5-2.5-1.9-4h3.8c-.4%201.5-1.1%202.8-1.9%204zm2.3-6H9.7a14.7%2014.7%200%200%201%200-4h4.6a14.7%2014.7%200%200%201%200%204zm.3%205.6c.6-1.1%201.1-2.3%201.4-3.6h2.9a8%208%200%200%201-4.3%203.6zm1.7-5.6a16.5%2016.5%200%200%200%200-4h3.4a8.2%208.2%200%200%201%200%204z%22/%3E%3C/svg%3E"); }
.smp-n-github { --smp-c: currentColor; --smp-i: var(--smp-i-web); }
.smp-n-tiktok { --smp-c: currentColor; --smp-i: var(--smp-i-web); }
.smp-n-threads { --smp-c: currentColor; --smp-i: var(--smp-i-web); }