/* Daily Rider: Share and Copy link at the end of an article, on phones (1.29.0, article-share.php). The theme's share
   boxes show from 690px, so this row shows only below it. Colours come from the theme's palette, so dark mode follows. */
.drc-ashare { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.drc-ashare *, .drc-ashare *::before, .drc-ashare *::after { box-sizing: border-box; }
.drc-ashare--end { margin: 36px 0 8px; padding: 18px 16px 16px; border: 1px solid var(--theme-palette-color-5, #e8ebed); border-radius: 5px; background: var(--theme-palette-color-6, #f4f5f6); }
.drc-ashare__lead { margin: 0 0 12px !important; color: var(--theme-palette-color-4, #000); font-size: 16px; font-weight: 600; line-height: 1.4; }
.drc-ashare__btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.drc-ashare__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin: 0; padding: 10px 14px; border: 1px solid color-mix(in srgb, var(--theme-palette-color-3, #5e5e5e) 40%, transparent); border-radius: 3px; background: transparent; color: var(--theme-palette-color-4, #000); font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color .15s ease, transform .08s ease; }
.drc-ashare__btn svg { flex: none; }
.drc-ashare__btn:active { transform: scale(.97); }
.drc-ashare__btn--share { border-color: var(--theme-palette-color-1, #106abf); background: var(--theme-palette-color-1, #106abf); color: #fff; }
.drc-ashare__btn--share:active { background: var(--theme-palette-color-2, #00509d); }
.drc-ashare__btn.is-done { border-color: #1f8a4c; color: #1f8a4c; }
.drc-ashare__btn:focus-visible { outline: 2px solid var(--theme-palette-color-1, #106abf); outline-offset: 2px; }
@media (min-width: 690px) {
	.drc-ashare { display: none; }
}