/* Quiet, shared controls. Nothing overlays the page until the reader opens them. */
.share { position: relative; width: fit-content; max-width: 100%; margin-top: .75rem; color: var(--ink); font: .875rem/1.5 var(--sans); }
.share > summary { display: flex; align-items: center; gap: .55rem; min-height: 44px; padding: .5rem .8rem; border: 1px solid var(--rule); border-radius: 3px; background: var(--paper); cursor: pointer; list-style: none; font-weight: 600; }
.share > summary::-webkit-details-marker { display: none; }
.share > summary:hover, .share[open] > summary { background: var(--paper-sunk); border-color: var(--ink-faint); }
.share summary:focus-visible, .share a:focus-visible, .share button:focus-visible, .share input:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.share__panel { position: absolute; z-index: 30; top: calc(100% + .5rem); left: 0; width: min(21rem, calc(100vw - 3rem)); padding: 1rem; border: 1px solid var(--rule); border-top: 3px solid var(--eu-yellow); border-radius: 3px; background: var(--paper); box-shadow: 3px 4px 0 var(--paper-edge); }
.share .share__heading { margin: 0 0 .6rem; font: 600 .875rem/1.5 var(--sans); color: var(--ink); }
.share__links { display: grid; grid-template-columns: 1fr 1fr; gap: .3rem; }
.share__links a, .share__links button { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 44px; padding: .5rem .65rem; border: 1px solid var(--rule); border-radius: 2px; background: var(--paper); color: var(--ink); font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.share__links a:hover, .share__links button:hover { background: var(--paper-sunk); border-color: var(--ink-faint); }
.share__links button:disabled { opacity: .6; cursor: wait; }
.share__links [data-share-native] { grid-column: 1 / -1; }
.share .share__status { margin: .65rem 0 0; color: var(--ink-soft); font: .825rem/1.5 var(--sans); }
.share__status:empty { display: none; }
.share__manual { display: block; margin-top: .75rem; }
.share__manual input { display: block; width: 100%; min-width: 0; margin-top: .4rem; padding: .6rem; border: 1px solid var(--rule); border-radius: 2px; background: var(--paper-sunk); color: var(--ink); font: inherit; }
.share [hidden] { display: none !important; }
.foot__in > div { min-width: 0; }
.foot .share__panel { top: auto; bottom: calc(100% + .5rem); }
@media print { .share { display: none !important; } }