.civilian-sharing[hidden], .civilian-sharing [hidden] { display: none; }
.civilian-sharing { --_ink: var(--wp--preset--color--ink, #191919); --_muted: var(--wp--preset--color--muted, #5C5C5C); --_rule: var(--wp--preset--color--rule, #E5E5E5); --_control: var(--wp--preset--color--control, #767676); --_soft: var(--wp--preset--color--soft, #F5F5F5); --_plum: var(--wp--preset--color--plum, #4D2F63); --_small: var(--wp--preset--font-size--small, 0.875rem); }
.civilian-sharing__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.civilian-sharing button { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; padding: .5rem .875rem; border: 1px solid var(--_control); border-radius: 2px; background: transparent; color: var(--_ink); font-family: inherit; font-size: var(--_small); font-weight: 600; line-height: 1.2; cursor: pointer; }
.civilian-sharing button svg { width: 1rem; height: 1rem; flex: none; }
.civilian-sharing button:hover { border-color: var(--_plum); background: var(--_soft); color: var(--_plum); }
.civilian-sharing button:focus-visible, .civilian-sharing__fallback input:focus-visible { outline: 3px solid var(--_plum); outline-offset: 3px; }
.civilian-sharing button:active { transform: none; }
.civilian-sharing button[data-state="done"] { color: var(--_plum); }
.civilian-sharing--top { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .25rem; }
.civilian-sharing--top button { padding-inline: .5rem; border-color: transparent; background: none; color: var(--_muted); }
.civilian-sharing--top button:hover { border-color: transparent; background: none; color: var(--_plum); text-decoration: underline; text-decoration-color: var(--_plum); text-underline-offset: .2em; }
.civilian-sharing--end { display: flex; flex-direction: column; gap: .5rem; margin-block-start: 2.5rem; padding-block-start: 1.5rem; border-top: 1px solid var(--_rule); }
.civilian-sharing__title { margin: 0; font-size: var(--wp--preset--font-size--h4, 1.25rem); font-weight: 800; font-stretch: 80%; line-height: 1.2; color: var(--_ink); }
.civilian-sharing__status { flex-basis: 100%; margin: 0; min-height: 1.5em; font-size: var(--_small); color: var(--_muted); }
.civilian-sharing__fallback { flex-basis: 100%; font-size: var(--_small); color: var(--_muted); }
.civilian-sharing__fallback input { display: block; width: 100%; min-height: 44px; margin-top: .25rem; padding: .5rem; font: inherit; color: var(--_ink); background: #fff; border: 1px solid var(--_control); border-radius: 2px; }
.civilian-sharing__row { display: flex; flex-wrap: wrap; align-items: center; gap: 0 1.25rem; }
.civilian-sharing__networks { display: flex; flex-wrap: wrap; gap: 0 1.25rem; margin: 0; padding: 0; list-style: none; }
/* At the end of an article, Copy link and Share are two more items in the row, not boxed buttons; a hairline sets them apart from the networks. */
.civilian-sharing--end .civilian-sharing__actions { gap: 0 1.25rem; padding-inline-start: 1.25rem; border-inline-start: 1px solid var(--_rule); }
.civilian-sharing--end button { gap: .4rem; min-height: 44px; padding: 0; border: 0; background: none; color: var(--_muted); }
.civilian-sharing--end button svg { margin-inline-end: -.1rem; }
.civilian-sharing--end button:hover { border: 0; background: none; color: var(--_plum); text-decoration: underline; text-decoration-color: var(--_plum); text-underline-offset: .2em; }
.civilian-sharing__networks a { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 44px; color: var(--_muted); font-size: var(--_small); font-weight: 600; text-decoration: none; }
.civilian-sharing__networks a:hover { color: var(--_plum); text-decoration: underline; text-decoration-color: var(--_plum); text-underline-offset: .2em; }
.civilian-sharing__networks a:focus-visible { outline: 3px solid var(--_plum); outline-offset: 3px; }
.civilian-sharing__icon { display: inline-flex; flex: none; width: 1rem; height: 1rem; margin-inline-end: .4rem; }
.civilian-sharing__icon svg { width: 100%; height: 100%; }
.civilian-sharing__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.civilian-sharing--top .civilian-sharing__status { flex-basis: auto; min-height: 0; }
@media (max-width: 34.999rem) { .civilian-sharing--end .civilian-sharing__actions { padding-inline-start: 0; border-inline-start: 0; } } /* On phones the row wraps; no divider at the start of a line. */
/* Where scripts run, Copy link shows from the first paint instead of appearing when share.js (deferred) arrives, which
   moved the article's date line and everything under it. Without JavaScript it stays hidden: it cannot work. */
@media (scripting: enabled) {
  .civilian-sharing--top[hidden] { display: flex; }
  .civilian-sharing__actions[data-needs-js][hidden] { display: flex; }
}