/* Naber Articles — compact reader toolbar and per-card share actions.
 * Shared across full, grid and list layouts without changing event/Feed CSS. */
.naber-article-full .naber-article-toolbar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:12px 0 18px;padding:8px 10px;border:1px solid #e5dfd6;
  background:#faf8f5;border-radius:999px;min-height:48px;box-sizing:border-box
}
.naber-article-full .naber-article-toolbar .naber-listen:not([hidden]){
  display:flex!important;align-items:center;flex:1 1 225px;
  gap:8px;min-width:0;width:auto!important;margin:0!important;
  padding:0!important;background:transparent!important;border:0!important;
  box-shadow:none!important;min-height:0!important;border-radius:0!important
}
.naber-article-full .naber-article-toolbar .naber-listen[hidden]{display:none!important}
.naber-article-full .naber-article-toolbar .naber-listen-play{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:0!important;border-radius:999px!important;min-width:35px;
  min-height:34px;padding:6px 10px!important;background:#263844!important;
  color:#fff!important;font:inherit;font-size:12px;font-weight:650;white-space:nowrap;
  box-shadow:none!important;cursor:pointer
}
.naber-article-full .naber-article-toolbar .naber-listen-play svg{width:16px;height:16px;flex:none}
.naber-article-full .naber-article-toolbar .naber-listen-stop{
  padding:5px!important;border:0!important;min-width:29px;min-height:29px;
  border-radius:50%;background:transparent!important;color:#50636c!important;
  box-shadow:none!important
}
.naber-article-full .naber-article-toolbar .naber-listen-stop[hidden]{display:none!important}
.naber-article-full .naber-article-toolbar .naber-listen-stop svg{width:16px;height:16px}
.naber-article-full .naber-article-toolbar .naber-listen-rate{margin:0!important;padding:0!important}
.naber-article-full .naber-article-toolbar .naber-listen-rate select{
  min-height:32px!important;height:32px!important;width:auto!important;
  padding:3px 24px 3px 11px!important;margin:0!important;
  font-size:12px!important;border:1px solid #ded8ce!important;
  border-radius:999px!important;background:#fff;color:#283946
}
.naber-article-full .naber-article-toolbar .naber-listen-status{
  color:#64727a!important;font-size:11px!important;margin:0!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.naber-article-full .naber-article-toolbar .naber-article-share-actions{
  display:flex;align-items:center;justify-content:flex-end;
  margin:0 0 0 auto!important;padding:0!important;
  border-left:1px solid #dedbd5;min-height:29px
}
.naber-article-full .naber-article-toolbar .naber-article-share-button{
  display:inline-flex!important;align-items:center;justify-content:center;
  gap:7px;min-height:34px!important;height:34px!important;padding:5px 12px!important;
  background:transparent!important;color:#283946!important;border:0!important;
  border-radius:999px!important;box-shadow:none!important;
  font:inherit!important;font-size:12px!important;font-weight:650!important;cursor:pointer
}
.naber-article-full .naber-article-toolbar .naber-article-share-button:hover,
.naber-art-tile-share-list:hover{background:#eef2f3!important}
.naber-articles-grid .naber-art-tile-share:hover{background:rgba(255,255,255,.12)!important}
.naber-article-full .naber-article-toolbar button:focus-visible,
.naber-articles-grid .neighbor-share-post:focus-visible{
  outline:2px solid #557e92!important;outline-offset:2px
}
.naber-article-full .naber-article-toolbar .naber-article-share-button svg{width:16px;height:16px;flex:none}

/* Article image layouts: white Share icon, with view-specific overlay treatment. */
.naber-articles-grid .naber-art-tile-cover-wrap{position:relative;display:block;width:100%;min-width:0}
.naber-articles-grid .naber-art-tile-cover-wrap > .naber-art-tile-cover{display:block;width:100%}
.naber-articles-grid .naber-art-tile-share{
  position:absolute;z-index:4;right:12px;bottom:12px;
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;padding:0!important;
  border:0!important;border-radius:50%!important;
  background:transparent!important;color:#fff!important;box-shadow:none!important;
  cursor:pointer
}
.naber-articles-grid .naber-art-tile-share svg{display:block;width:17px;height:17px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
/* Full image: bare white share glyph with no circular outline or fill. */
.naber-articles-grid[data-layout="full"] .naber-art-tile-share{
  width:28px;height:28px;bottom:10px;border:0!important;border-radius:0!important;
  background:transparent!important;color:#fff!important;box-shadow:none!important;
}
/* Column cards: align with the date at the bottom and use its subtle dark backing. */
.naber-articles-grid[data-layout="grid"] .naber-art-tile-share,
.naber-articles-grid[data-layout="masonry"] .naber-art-tile-share{
  bottom:10px;width:30px;height:24px;border:0!important;border-radius:4px!important;
  background:rgba(20,30,34,.38)!important;color:#fff!important;box-shadow:none!important;
}
.naber-articles-grid[data-layout="grid"] .naber-art-tile-share:hover,
.naber-articles-grid[data-layout="masonry"] .naber-art-tile-share:hover{background:rgba(20,30,34,.55)!important}
.naber-articles-grid .naber-art-tile-share-list,
.naber-articles-grid .naber-art-tile-read-list{display:none!important}

/* List layout: share follows Read Article; no overlay on the small image. */
.naber-articles-grid[data-layout="list"] .naber-art-tile-share{display:none!important}
.naber-articles-grid[data-layout="list"] .naber-art-tile-cover-wrap{
  align-self:flex-start;flex-shrink:0
}
.naber-articles-grid[data-layout="list"] .naber-art-tile-footer{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px
}
.naber-articles-grid[data-layout="list"] .naber-art-tile-footer{
  flex-wrap:nowrap!important;
}
.naber-articles-grid[data-layout="list"] .naber-art-tile-footer .naber-art-tile-by{
  order:1;flex:1 1 auto!important;min-width:0;
}
/* The single Read Article link is added by public.js after the legacy Share element. */
.naber-articles-grid[data-layout="list"] .naber-art-tile-footer > .naber-art-read-link{
  order:2;flex:none;margin-left:auto!important;
}
.naber-articles-grid[data-layout="list"] .naber-art-tile-footer > .naber-art-tile-share-list{
  order:3;flex:none;
}
.naber-articles-grid[data-layout="list"] .naber-art-tile-read-list{
  display:none!important;align-items:center;justify-content:center;
  color:#365a70;text-decoration:none;font-size:12px;font-weight:650;
  white-space:nowrap;min-height:30px
}
.naber-articles-grid[data-layout="list"] .naber-art-tile-share-list{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:30px;height:30px;border:0!important;border-radius:50%!important;
  padding:0!important;background:transparent!important;color:#385367!important;
  box-shadow:none!important;cursor:pointer
}
.naber-articles-grid[data-layout="list"] .naber-art-tile-share-list svg{width:17px;height:17px;display:block}
@media(max-width:560px){
 .naber-article-full .naber-article-toolbar{border-radius:18px;gap:6px;padding:8px}
 .naber-article-full .naber-article-toolbar .naber-listen:not([hidden]){flex-basis:165px}
 .naber-article-full .naber-article-toolbar .naber-listen-status{max-width:90px}
 .naber-article-full .naber-article-toolbar .naber-article-share-button{padding:5px 8px!important}
}
/* Keep the article actions on one row; compress status before wrapping. */
.naber-article-full .naber-article-toolbar{flex-wrap:nowrap}
.naber-articles-grid:not([data-layout="list"]) .naber-art-tile-cover-wrap > .naber-art-tile-cover{
  min-height:0;aspect-ratio:16/9;overflow:hidden
}
.naber-articles-grid .naber-art-tile-cover-wrap img{display:block;width:100%;height:100%;object-fit:cover}
.naber-articles-grid[data-layout="list"] .naber-art-tile-cover-wrap{
  width:100%;max-width:none;margin:0;min-width:0
}
.naber-articles-grid[data-layout="list"] .naber-art-tile-cover-wrap > .naber-art-tile-cover{
  height:100%;min-height:105px;aspect-ratio:3/2;overflow:hidden
}
@media(max-width:560px){
 .naber-article-full .naber-article-toolbar .naber-listen-status{display:none}
 .naber-article-full .naber-article-toolbar .naber-listen:not([hidden]){gap:5px;flex:1 1 auto}
 .naber-article-full .naber-article-toolbar .naber-article-share-actions{flex:none}
 .naber-articles-grid[data-layout="list"] .naber-art-tile-cover-wrap{max-width:none;width:100%}
 .naber-articles-grid[data-layout="list"] .naber-art-tile-footer{flex-wrap:wrap!important}
}