.article-share{max-width:none;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px 12px;font:14px/1.4 var(--sans,Arial,sans-serif);color:var(--ink,#0f1a20)}
.article-share-top{padding-block:0 22px}.article-share-bottom{padding-block:16px 24px;border-top:1px solid var(--rule,#bdbdb2)}
.article-share-label{color:#545b5e}.article-share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.article-share-actions a,.article-share-actions button{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;min-width:44px;padding:4px 0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:0;box-sizing:border-box;flex:none}
.article-share-actions a:hover,.article-share-actions button:hover{color:var(--oxblood,#8a2e26)}.article-share-actions :focus-visible{outline:2px solid #8a2e26;outline-offset:3px}.article-share [hidden]{display:none!important}
.article-share-status{font-size:12px}.article-share-fallback{width:100%;padding:10px;font:inherit}.article-share-status:empty{display:none}
body .article-page .article-heading:has(+ .article-share-top){padding-bottom:14px}
.article-share-top + .article-layout{padding-top:0}
.article-share-top + .article-layout .article-body > figure:first-child{margin-top:0}
@media(max-width:650px){
 .article-share{font-size:13px;gap:8px 10px}
 .article-share-actions{gap:10px}
 .article-share-status{flex-basis:100%}
 body .article-page .article-meta:has(.updated-date){display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;align-items:baseline;font-size:13px;line-height:1.5}
 .article-meta:has(.updated-date) > span:first-child{grid-column:1;grid-row:1}
 .article-meta:has(.updated-date) > .reading-time{grid-column:1;grid-row:2}
 .article-meta:has(.updated-date) > time{grid-column:2;grid-row:1}
 .article-meta:has(.updated-date) > .updated-date{grid-column:2;grid-row:2}
}

/* Top sharing is a disclosure; bottom sharing remains inline. */
.article-share-enhanced{position:relative;display:block}
.article-share-trigger{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0;border:0;border-radius:0;background:transparent;color:#545b5e;font:inherit;cursor:pointer}
.article-share-trigger:hover{text-decoration:underline;text-underline-offset:3px}
.article-share-trigger:focus-visible{outline:2px solid var(--oxblood,#8a2e26);outline-offset:3px}
.article-share-dropdown{position:absolute;z-index:20;top:44px;left:0;width:220px;max-width:100%;padding:8px 12px;background:var(--paper,#f2efe6);border:1px solid var(--rule,#bdbdb2);box-shadow:0 4px 12px #0f1a2014}
.article-share-dropdown .article-share-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.article-share-dropdown .article-share-actions a,.article-share-dropdown .article-share-actions button{width:100%;min-height:44px;justify-content:flex-start}
.article-share-dropdown .article-share-status:not(:empty){display:block;padding-block:8px}
.article-share-dropdown .article-share-fallback{min-width:0;box-sizing:border-box}

/* The top share utility belongs to the byline, aligned with its right edge. */
body .article-page .article-meta.article-meta-with-share{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:12px;line-height:1.5}
.article-meta-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;flex:1;min-width:0;min-height:44px}
.article-meta-details > span:first-child{color:var(--oxblood,#8a2e26)}
body .article-page .article-meta .article-share-in-meta{position:relative;width:auto;max-width:none;flex:0 0 auto;margin:0 0 0 auto;padding:0;font:inherit;color:var(--oxblood,#8a2e26)}
.article-share-in-meta .article-share-trigger{font:inherit;color:var(--oxblood,#8a2e26);justify-content:flex-end;min-height:44px;padding:0}
.article-share-in-meta .article-share-dropdown{left:auto;right:0;max-width:calc(100vw - 36px);width:220px;color:var(--ink,#0f1a20);font:14px/1.4 var(--sans,Arial,sans-serif)}
body .article-page .article-heading:has(.article-meta-with-share){padding-bottom:22px}
.article-heading:has(.article-meta-with-share) + .article-layout{padding-top:0}
.article-heading:has(.article-meta-with-share) + .article-layout .article-body > figure:first-child{margin-top:0}
@media(max-width:650px){
 body .article-page .article-meta.article-meta-with-share{font-size:13px;gap:12px}
 .article-meta-details{gap:8px 12px;align-content:flex-start}
 .article-meta-details > *{white-space:nowrap}
}

@media(max-width:650px){.article-share-in-meta .article-share-trigger{align-items:flex-start;line-height:1.5}}

/* Match the closing share control to the byline utility. */
.article-share-bottom.article-share-enhanced{display:flex;justify-content:flex-end}
.article-share-bottom .article-share-trigger{color:var(--oxblood,#8a2e26);font:inherit;justify-content:flex-end}
.article-share-bottom .article-share-dropdown{left:auto;right:0;top:60px;max-width:calc(100vw - 36px);color:var(--ink,#0f1a20)}
