/* Barre de partage des démos — style « générique » : un bouton doré + une ligne d'icônes à filets fins */
.share{margin-top:22px;max-width:560px}
.sh-label{font-family:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#998f81;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.sh-label::before{content:"";width:28px;height:1px;background:#c9a96e}
.sh-native{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-bottom:10px;padding:0 20px;border:1px solid #c9a96e;border-radius:4px;background:transparent;color:#e6c487;cursor:pointer;font-family:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:background .2s,color .2s}
.sh-native:hover{background:#c9a96e;color:#1C1A17}
.sh-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid #2b2a28;border-bottom:1px solid #2b2a28}
.sh-btn{display:flex;align-items:center;justify-content:center;min-width:44px;height:52px;padding:0;border:0;border-right:1px solid #2b2a28;background:transparent;color:#d0c5b5;cursor:pointer;text-decoration:none;transition:color .2s,background .2s}
.sh-btn:last-child{border-right:0}
.sh-btn:hover{color:#e6c487;background:rgba(201,169,110,.06)}
.sh-native:focus-visible,.sh-btn:focus-visible{outline:2px solid #c9a96e;outline-offset:-2px}
.sh-msg{min-height:1.4em;margin-top:10px;font-size:13px;color:#e6c487;overflow-wrap:anywhere}
@media (min-width:760px){.sh-native{width:auto;display:inline-flex}}
/* Mobile : un seul bouton « Partager la démo » (menu natif du téléphone) ; la ligne d'icônes reste en secours si le partage natif est absent */
@media (max-width:759px){.share.has-native .sh-label,.share.has-native .sh-row{display:none}.share.has-native .sh-native{margin-bottom:0}}