.article-share{gap:var(--space-2,8px);grid-template-columns:repeat(4,2.25rem);display:grid}.article-share__btn{border:1px solid var(--ink-100-ed,var(--border,#e7ecee));border-radius:var(--radius-sm,8px);background-color:var(--surface-0,#fff);width:2.25rem;height:2.25rem;color:var(--ink-700-ed,var(--foreground,#2a3a42));cursor:pointer;flex:0 0 2.25rem;place-items:center;transition:background-color .15s,border-color .15s,color .15s;display:grid}.article-share__btn:hover,.article-share__btn:focus-visible{background-color:var(--background-light,var(--muted,#f2f6f8));color:var(--ink-900-ed,var(--foreground,#0b1b22))}.article-share__btn.is-copied{border-color:var(--color-primary,var(--color-primary-600,#203ca7));color:var(--color-primary,var(--color-primary-600,#203ca7))}.article-share__icon{width:.875rem;height:.875rem}.article-share__icon--solid{fill:currentColor}.article-share__status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.article-share__notice{color:var(--text-grey,#3a485c);grid-column:1/-1;margin:0;font-size:.8125rem;line-height:1.5}.article-share-action{flex:none}.article-share-action__trigger{border:1px solid var(--border-strong,var(--ink-300-ed));background:var(--surface-0);width:2.875rem;height:2.875rem;color:var(--fg-1,var(--ink-900-ed));cursor:pointer;transition:background-color var(--duration-sm,.15s) var(--ease-standard,ease);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.article-share-action__trigger:hover,.article-share-action__trigger[aria-expanded=true]{background:var(--bg-muted,var(--surface-50))}.article-share-action__trigger svg{width:20px;height:20px}.article-share-action__tip{border-radius:var(--radius-sm,8px);background:var(--ink-900-ed);color:var(--surface-0);font:500 12px/1.3 var(--font-ui);white-space:nowrap;pointer-events:none;opacity:0;padding:4px 8px;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.article-share-action__trigger:hover .article-share-action__tip,.article-share-action__trigger:focus-visible .article-share-action__tip{opacity:1}.article-share-action__panel{background-color:var(--surface-card-bg,var(--surface-0,#fff));border-radius:var(--surface-card-radius,var(--radius-lg,20px));box-shadow:var(--surface-card-shadow,0 2px 8px #0707210f);border:1px solid var(--surface-card-border,var(--surface-1,#f0f0f0));box-shadow:var(--surface-card-shadow-raised,0 12px 32px #0707211f);box-sizing:border-box;width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);padding:var(--space-4,16px);color:var(--ink-900-ed);font:.875rem/1.5 var(--font-ui,sans-serif);margin:0;position:fixed;inset:auto;overflow:auto}.article-share-action__heading{justify-content:space-between;align-items:center;gap:var(--space-2,8px);margin-block-end:var(--space-3,12px);display:flex}.article-share-action__close{background:var(--surface-50);width:32px;height:32px;color:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.article-share-action__close svg{width:18px;height:18px}.article-share-action button:focus-visible,.article-share-action a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.article-share--labelled{grid-template-columns:repeat(2,minmax(0,1fr))}.article-share--labelled .article-share__btn{justify-content:flex-start;align-items:center;gap:var(--space-2,8px);width:auto;min-width:0;height:auto;min-height:44px;padding:var(--space-2,8px);font:500 12px/1.4 var(--font-ui);text-align:start;text-decoration:none;display:flex}.article-share--labelled .article-share__icon{flex:0 0 16px;width:16px;height:16px}