.article-share{color:var(--ink);font-family:var(--sans);min-width:0}.article-share-trigger{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 0;font-size:11px;display:inline-flex}.article-share-trigger:hover{color:var(--accent)}.article-share-dialog{border:1px solid var(--line);background:var(--paper);width:min(430px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);margin:auto;padding:0;overflow:auto;box-shadow:0 16px 80px #191a1933}.article-share-dialog::backdrop{background:#191a1980}.article-share-dialog-content{padding:25px}.article-share-dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.article-share h2{font:400 27px/1.25 var(--serif);letter-spacing:-.025em;margin:0}.article-share-close{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:-7px -7px -7px 0;display:inline-flex}.article-share-story-title{overflow-wrap:anywhere;color:var(--muted);margin:18px 0 22px;font-size:13px;line-height:1.7}.article-share-platforms{flex-wrap:wrap;gap:8px;display:flex}.article-share-platforms>a{border:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:11px 12px;font-size:12px;display:inline-flex}.article-share-platforms>a:hover{border-color:var(--accent);color:var(--accent)}.article-share-tools{flex-wrap:wrap;gap:8px 22px;margin:17px 0;display:flex}.article-share-tools>button{text-align:left;align-items:center;gap:7px;min-height:36px;padding:6px 0;font-size:11px;display:inline-flex}.article-share-tools>button:hover{color:var(--accent)}.article-share-url{color:var(--muted);gap:8px;font-size:10px;display:grid}.article-share-url>input{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:0 0;border-radius:0;padding:10px;font-size:12px}.article-share-feedback{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.7}.article-share-feedback:empty{display:none}.article-share-expanded{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.article-share-expanded h2{margin-bottom:20px}.article-share-expanded .article-share-url{max-width:610px}:is(.article-share a:focus-visible,.article-share button:focus-visible,.article-share input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}@media (max-width:640px){.article-share-dialog-content{padding:21px}.article-share h2{font-size:25px}.article-share-trigger{gap:5px;font-size:10px}.article-share-platforms>a{flex:1 0 40%;gap:8px}.article-share-tools{gap:7px 16px}}
