/* Calderdale Inside Out: editorial article sharing */
.cio-share { margin-top: 3.2rem; margin-bottom: 3.8rem; }
.cio-share-inner { border-top: 2px solid #181818; border-bottom: 1px solid #d0d0d0; padding: 1.35rem 0 1.5rem; display:flex; flex-wrap:wrap; align-items:center; column-gap:1.5rem; row-gap:1rem; }
.cio-share-title { margin:0; font-family: var(--gh-font-heading, var(--font-sans)), sans-serif; font-size: clamp(1.5rem, 2vw, 1.9rem); font-weight:800; text-transform:uppercase; letter-spacing:-.015em; line-height:1.15; }
.cio-share-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; }
.cio-share-button { width:44px; height:44px; box-sizing:border-box; padding:0; display:inline-flex; align-items:center; justify-content:center; border:2px solid #181818; border-radius:50%; background:#181818; color:#fff; cursor:pointer; text-decoration:none; transition: background .16s ease, color .16s ease, transform .16s ease; flex-shrink:0; }
.cio-share-button svg { width:22px; height:22px; display:block; }
.cio-share-button:hover { background:#fff; color:#181818; transform:translateY(-2px); text-decoration:none; }
.cio-share-button:focus-visible { outline:3px solid #555; outline-offset:3px; }
.cio-share-feedback { width:100%; font-family: var(--font-sans), sans-serif; font-size:1.2rem; min-height:0; }
.cio-share-feedback:empty { display:none; }
@media(max-width:600px) { .cio-share { margin-top:2.4rem; margin-bottom:2.8rem; } .cio-share-inner { align-items:flex-start; flex-direction:column; gap:1rem; } .cio-share-button { width:42px; height:42px; } .cio-share-actions { gap:.55rem; } }
@media(prefers-reduced-motion:reduce) { .cio-share-button { transition:none; } }