.ncde-actions { --ncde-ink: var(--nc-ink, #1d211f); --ncde-paper: var(--nc-paper, #f3f0e8); --ncde-hover: var(--nc-charcoal, #252a27); --ncde-on-hover: var(--nc-on-dark, #f3f0e8); --ncde-rule: var(--nc-rule-strong, currentColor); border-top: 1px solid var(--ncde-rule); margin-block: 2rem; padding-top: 1rem; }
.ncde-actions__title { font-size: .78rem; font-weight: 700; letter-spacing: .12em; margin: 0 0 .75rem; text-transform: uppercase; }
.ncde-actions__formats, .ncde-actions__share { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; }
.ncde-actions__share { margin-top: .5rem; }
.ncde-action { align-items: center; background: transparent; border: 1px solid var(--ncde-rule); box-sizing: border-box; color: var(--ncde-ink); cursor: pointer; display: inline-flex; height: max(44px, var(--nc-target-min, 44px)); justify-content: center; line-height: 1; min-width: max(44px, var(--nc-target-min, 44px)); padding: .5rem; position: relative; text-decoration: none; transition: background .16s ease, color .16s ease, border-color .16s ease; width: max(44px, var(--nc-target-min, 44px)); }
.ncde-action__icon { background: currentColor; display: block; height: 1.25rem; mask: var(--ncde-icon) center / contain no-repeat; -webkit-mask: var(--ncde-icon) center / contain no-repeat; width: 1.25rem; }
.ncde-action:hover, .ncde-action:focus-visible { background: var(--ncde-hover); border-color: var(--ncde-hover); color: var(--ncde-on-hover); }
.ncde-action:focus-visible { outline: 2px solid var(--ncde-ink); outline-offset: 3px; }
.ncde-action::after { background: var(--ncde-hover); color: var(--ncde-on-hover); content: attr(data-ncde-tooltip); font-family: sans-serif; font-size: .75rem; left: 50%; line-height: 1.2; opacity: 0; padding: .35rem .5rem; pointer-events: none; position: absolute; top: calc(100% + .4rem); transform: translate(-50%, -.2rem); transition: opacity .16s ease, transform .16s ease; white-space: nowrap; z-index: 5; }
.ncde-action:hover::after, .ncde-action:focus-visible::after { opacity: 1; transform: translate(-50%, 0); }
.ncde-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.ncde-status { flex-basis: 100%; min-height: 1.5em; }
.ncde-actions--sidebar { border-color: var(--nc-rule, currentColor); margin-block: 1.5rem; }