/* Placement only; the shared component owns icon, feedback and fallback styling. */
#o2c-announcements .o2c-sharing-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;vertical-align:middle}
#o2c-announcements .o2c-sharing-slot[hidden]{display:none!important}
#o2c-announcements .o2c-sharing-article-hero{position:relative}
#o2c-announcements .o2c-sharing-slot--article{position:absolute;inset:18px 20px auto auto;z-index:2}
#o2c-announcements .o2c-sharing-article-hero>time{padding-right:54px}
#o2c-announcements .o2c-sharing-workflow-actions{display:flex;align-items:center;gap:6px;flex:none}
#o2c-announcements .o2c-sharing-slot--reader{margin-left:0}
#o2c-announcements .o2c-reader-panel-header:has(.o2c-sharing-slot){column-gap:10px}
#o2c-announcements .o2c-reader-panel-header:has(.o2c-sharing-slot)>h3{min-width:0;flex:1}
#o2c-announcements .o2c-sharing-slot--calendar{margin-left:auto;margin-right:4px}
#o2c-announcements :is(.dialog-actions,.ap-header-controls):has(.o2c-sharing-slot){align-items:center}
/* The open article reveals its action on hover or keyboard focus. Persistent
   dialog action bars retain the component's quiet, discoverable icon. */
@media(hover:hover) and (pointer:fine){
 #o2c-announcements .o2c-sharing-article-hero .o2c-sharing-slot--article .o2c-share-tile{opacity:0}
 #o2c-announcements .o2c-sharing-article-hero:is(:hover,:focus-within) .o2c-sharing-slot--article .o2c-share-tile,
 #o2c-announcements .o2c-sharing-slot--article .o2c-share-button:is([aria-expanded="true"],[aria-busy="true"]) .o2c-share-tile{opacity:1}
}
@media(max-width:540px){
 #o2c-announcements .o2c-sharing-slot--article{top:6px;right:6px}
 #o2c-announcements .o2c-sharing-workflow-actions{gap:2px}
 #o2c-announcements .ap-header-controls:has(.o2c-sharing-slot){gap:6px}
 #o2c-announcements .dialog-actions:has(.o2c-sharing-slot){gap:5px}
}
@media print{#o2c-announcements .o2c-sharing-slot{display:none!important}}

@media(max-width:380px){#o2c-announcements .o2c-workflow-header:has(.o2c-sharing-workflow-actions) h2{font-size:16px;line-height:1.25}}

@media(max-width:540px){#o2c-announcements #announcement-preview .ap-header{position:relative}#o2c-announcements #announcement-preview .ap-label{padding-right:44px}#o2c-announcements .o2c-sharing-slot--announcement{position:absolute;top:6px;right:12px}}