/* Shared compact Article Actions presentation for M3/M6/M7/M8 consumers. */
.pmb-card-featured-actions{
  --pe-compact-primary-gap:10px;
  --pe-compact-item-min-height:34px;
  --pe-compact-spinner-size:15px;
  --pe-compact-icon-size:16px;
  --pe-compact-share-size:34px;
  --pe-compact-item-radius:var(--pe-radius-sm);
  --pe-compact-feedback-radius:var(--pe-radius-sm);
}
.pmb-card-global-actions{
  --pe-compact-primary-gap:12px;
  --pe-compact-item-min-height:36px;
  --pe-compact-spinner-size:17px;
  --pe-compact-icon-size:calc(var(--pe-font-button-desktop) + 3px);
  --pe-compact-share-size:36px;
  --pe-compact-item-radius:var(--pe-control-radius,4px);
  --pe-compact-feedback-radius:var(--pe-control-radius,4px);
}
.pe-article-actions-compact{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:7px 9px;border:1px solid var(--pe-color-border);border-radius:var(--pe-control-radius,4px);background:var(--pe-color-surface);overflow:visible}
html.pe-article-actions-boot .pe-article-actions-compact{overflow:hidden;pointer-events:none}
html.pe-article-actions-boot .pe-article-actions-compact>*{visibility:hidden!important}
html.pe-article-actions-boot .pe-article-actions-compact::after{content:"";position:absolute;z-index:40;inset:0;pointer-events:none;border-radius:inherit;background:var(--pe-skeleton-gradient);background-size:var(--pe-skeleton-background-size);animation:var(--pe-skeleton-animation)}
.pe-article-actions-compact .pe-article-actions-primary,.pe-article-actions-compact .pe-article-actions-share{display:flex;align-items:center}
.pe-article-actions-compact .pe-article-actions-primary{gap:var(--pe-compact-primary-gap,10px);min-width:0}
.pe-article-actions-compact .pe-article-actions-share{gap:8px;margin-left:auto}
.pe-article-actions-compact .pe-article-action,.pe-article-actions-compact .pe-article-share-icon{appearance:none;position:relative;border:0;background:transparent;color:var(--pe-color-text);display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:var(--pe-compact-item-min-height,34px);padding:5px 7px;border-radius:var(--pe-compact-item-radius,var(--pe-radius-sm));font-family:var(--pe-font-family);font-size:calc(var(--pe-font-button-desktop) - 2px);font-weight:var(--pe-font-weight-button-desktop);line-height:1.2;text-decoration:none;cursor:pointer}
.pe-article-actions-compact .pe-article-like-action,.pe-article-actions-compact .pe-article-save-action{min-width:0}
.pe-article-actions-compact .pe-article-like-action[aria-busy="true"],.pe-article-actions-compact .pe-article-save-action[aria-busy="true"]{cursor:wait}
.pe-article-actions-compact .pe-article-like-action[aria-busy="true"]>svg,.pe-article-actions-compact .pe-article-save-action[aria-busy="true"]>svg{display:none}
.pe-article-actions-compact .pe-article-like-action[aria-busy="true"]::before,.pe-article-actions-compact .pe-article-save-action[aria-busy="true"]::before{content:"";box-sizing:border-box;display:block;flex:0 0 var(--pe-compact-spinner-size,15px);width:var(--pe-compact-spinner-size,15px);height:var(--pe-compact-spinner-size,15px);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pe-spin .72s linear infinite}
.pe-article-actions-compact .pe-article-action svg,.pe-article-actions-compact .pe-article-share-icon svg{width:var(--pe-compact-icon-size,16px);height:var(--pe-compact-icon-size,16px);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.pe-article-actions-compact .pe-article-action:hover,.pe-article-actions-compact .pe-article-action:focus-visible,.pe-article-actions-compact .pe-article-action.is-active,.pe-article-actions-compact .pe-article-share-icon:hover,.pe-article-actions-compact .pe-article-share-icon:focus-visible,.pe-article-actions-compact .pe-article-share-icon.is-copied{background:var(--pe-color-surface-alt);color:var(--pe-color-accent)}
.pe-article-actions-compact .pe-like-count{font-variant-numeric:tabular-nums}
.pe-article-actions-compact .pe-article-share-label{color:var(--pe-color-meta);font-family:var(--pe-font-family);font-size:calc(var(--pe-font-button-desktop) - 2px);font-weight:var(--pe-font-weight-button-desktop);line-height:1.2;white-space:nowrap}
.pe-article-actions-compact .pe-article-share-icon{flex:0 0 auto;width:var(--pe-compact-share-size,34px);height:var(--pe-compact-share-size,34px);min-width:var(--pe-compact-share-size,34px);min-height:var(--pe-compact-share-size,34px);padding:3px;border-radius:50%}
.pe-article-actions-compact .pe-article-copy-action.is-copied::after{content:attr(data-pe-feedback);position:absolute;z-index:44;right:0;bottom:calc(100% + 7px);padding:5px 8px;border-radius:var(--pe-compact-feedback-radius,var(--pe-radius-sm));background:var(--pe-color-heading);color:var(--pe-color-surface);font-size:var(--pe-font-meta-mobile);font-weight:var(--pe-font-weight-meta-mobile);line-height:1;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.16)}
.pe-article-actions-compact .pe-article-action.is-action-feedback::after{content:attr(data-pe-feedback);position:absolute;z-index:42;left:50%;bottom:calc(100% + 10px);width:max-content;max-width:min(240px,calc(100vw - 32px));transform:translateX(-50%);padding:7px 10px;border:1px solid var(--pe-color-border);border-radius:var(--pe-compact-feedback-radius,var(--pe-radius-sm));background:var(--pe-color-surface);color:var(--pe-color-text);box-shadow:0 5px 14px rgba(0,0,0,.16);font-family:var(--pe-font-family);font-size:var(--pe-font-meta-mobile);font-weight:var(--pe-font-weight-meta-mobile);line-height:1.25;text-align:center;white-space:normal;pointer-events:none}
.pe-article-actions-compact .pe-article-action.is-action-feedback::before{content:"";position:absolute;z-index:41;left:50%;bottom:calc(100% + 6px);width:8px;height:8px;border-right:1px solid var(--pe-color-border);border-bottom:1px solid var(--pe-color-border);background:var(--pe-color-surface);transform:translateX(-50%) rotate(45deg);pointer-events:none}

@media(max-width:900px){
  .pe-article-actions-compact .pe-article-action,.pe-article-actions-compact .pe-article-share-icon,.pe-article-actions-compact .pe-article-share-label{font-size:calc(var(--pe-font-button-mobile) - 2px);font-weight:var(--pe-font-weight-button-mobile)}
}

@media(max-width:767px){
  .pmb-card-global-actions .pe-article-actions-compact{display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
  .pmb-card-global-actions .pe-article-actions-compact .pe-article-actions-primary{display:flex;align-items:center;justify-content:flex-start;gap:18px;min-width:0}
  .pmb-card-global-actions .pe-article-actions-compact .pe-article-actions-share{display:none!important}
  .pmb-card-global-actions .pe-article-actions-compact .pe-article-action{min-width:0;min-height:28px;padding:1px 2px;border-radius:var(--pe-control-radius,4px);background:transparent;font-size:calc(var(--pe-font-button-mobile) - 3px);font-weight:var(--pe-font-weight-button-mobile)}
  .pmb-card-global-actions .pe-article-actions-compact .pe-article-action svg{width:calc(var(--pe-font-button-mobile) + 3px);height:calc(var(--pe-font-button-mobile) + 3px)}
  .pmb-card-global-actions .pe-article-actions-compact .pe-article-action span{display:none}
  .pmb-card-global-actions .pe-article-actions-compact .pe-article-action .pe-like-count:not([hidden]){display:inline!important}
  .pmb-card-global-actions .pe-article-actions-compact .pe-article-action.is-active{background:transparent;color:var(--pe-color-accent)}
  html.pe-article-actions-boot .pmb-card-global-actions .pe-article-actions-compact{min-height:30px;overflow:hidden}
  html.pe-article-actions-boot .pmb-card-global-actions .pe-article-actions-compact::after{border-radius:var(--pe-control-radius,4px)}
}

@media(max-width:520px){
  .pmb-card-featured-actions .pe-article-actions-compact{gap:10px;padding:6px 7px}
  .pmb-card-featured-actions .pe-article-actions-compact .pe-article-actions-primary{gap:8px}
  .pmb-card-featured-actions .pe-article-actions-compact .pe-article-actions-share{gap:6px}
  .pmb-card-featured-actions .pe-article-actions-compact .pe-article-action{min-height:36px;padding:5px 6px}
  .pmb-card-featured-actions .pe-article-actions-compact .pe-article-action span:not(.pe-like-count){display:none}
  .pmb-card-featured-actions .pe-article-actions-compact .pe-article-action svg{width:18px;height:18px}
  .pmb-card-featured-actions .pe-article-actions-compact .pe-article-like-action.is-active svg,.pmb-card-featured-actions .pe-article-actions-compact .pe-article-save-action.is-active svg,.pmb-card-global-actions .pe-article-actions-compact .pe-article-like-action.is-active svg,.pmb-card-global-actions .pe-article-actions-compact .pe-article-save-action.is-active svg{fill:var(--pe-color-accent);stroke:var(--pe-color-accent)}
  .pmb-card-featured-actions .pe-article-actions-compact .pe-article-share-label{margin-left:2px}
  .pmb-card-featured-actions .pe-article-actions-compact .pe-article-share-icon{width:36px;height:36px;min-width:36px;min-height:36px}
}

@media(max-width:380px){
  .pmb-card-global-actions .pe-article-actions-compact .pe-article-actions-primary{gap:14px}
}

@media(prefers-reduced-motion:reduce){
  .pe-article-actions-compact .pe-article-action,.pe-article-actions-compact .pe-article-share-icon{transition:none!important}
  html.pe-article-actions-boot .pe-article-actions-compact::after,.pe-article-actions-compact .pe-article-like-action[aria-busy="true"]::before,.pe-article-actions-compact .pe-article-save-action[aria-busy="true"]::before{animation:none!important}
}