/* v104 — narrow UI refinements only: Seasonal market pills + article utility row. */

/* Markets: Cream keeps the existing filled active pills. Seasonal uses the same
   transparent/outlined selected language as the rest of the seasonal UI. */
html[data-appearance="seasonal"] .markets-page :where(
  .markets-view-tabs,.market-range-tabs,.detail-tabs,.economy-tabs,.instrument-toggle,.economy-jump-tabs
) button{
  border:1px solid transparent!important;
  background:transparent!important;
  color:#aaa69f!important;
  box-shadow:none!important;
}
html[data-appearance="seasonal"] .markets-page :where(
  .markets-view-tabs,.market-range-tabs,.detail-tabs,.economy-tabs,.instrument-toggle,.economy-jump-tabs
) button:hover{
  color:#eee9e2!important;
}
html[data-appearance="seasonal"] .markets-page :where(
  .markets-view-tabs,.market-range-tabs,.detail-tabs,.economy-tabs,.instrument-toggle,.economy-jump-tabs
) button.active{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(239,232,222,.26)!important;
  color:#f1ece5!important;
  box-shadow:none!important;
}

/* Article metadata/actions. */
.article-intro-top{position:relative}
.article-byline-row{align-items:center!important}
.article-meta-actions{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.article-meta{align-items:center!important;gap:7px 10px!important;font-size:12px!important;line-height:1.35!important;color:#57544f!important}
.article-meta .article-source-name{display:inline-flex;align-items:center;gap:6px}
.article-meta .article-source-name b{font-size:12px!important;font-weight:800!important}
.article-meta .article-author{font-weight:560}
.article-meta-dot{font-size:13px;line-height:1;color:#8c877f}
.article-quick-actions{display:flex;align-items:center;gap:7px;position:relative}
.article-round-action{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #b9b2a8;border-radius:50%;background:rgba(255,255,255,.38);color:#171717;cursor:pointer;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.article-round-action:hover{background:rgba(255,255,255,.72);border-color:#8f8980;transform:translateY(-1px)}
.article-round-action:disabled{opacity:.35;cursor:not-allowed;transform:none}
.article-share-button img{width:15px;height:15px;object-fit:contain;filter:invert(1)}
.article-speech-button svg{width:17px;height:17px;overflow:visible}
.article-speech-button .speaker{fill:currentColor}
.article-speech-button .waves{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.article-speech-button.is-speaking{background:#202020;color:#f7f4ee;border-color:#202020}
.article-speech-button.is-paused{background:rgba(17,17,17,.08)}
.article-share-wrap{position:relative}
.article-share-popover{position:absolute;z-index:80;top:42px;left:0;width:318px;padding:13px;border:1px solid #c8c1b7;border-radius:14px;background:rgba(250,248,242,.97);box-shadow:0 18px 44px rgba(37,29,20,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.article-share-popover[hidden]{display:none!important}
.article-share-head{margin:0 0 10px;font:800 12px/1 var(--site-font);color:#191919}
.article-share-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:11px}
.article-share-options button{display:grid;justify-items:center;gap:5px;padding:0;border:0;background:transparent;color:#2a2927;font:650 9px/1.05 var(--site-font);cursor:pointer}
.article-share-options button i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d1cac0;border-radius:50%;background:#fff;font:800 15px/1 Arial,sans-serif;font-style:normal;color:#1b1b1b}
.article-share-options button:hover i{background:#ece8e0}
.article-share-link{display:flex;align-items:center;gap:7px;padding:6px 7px 6px 10px;border:1px solid #d1cac0;border-radius:10px;background:#fff}
.article-share-link input{min-width:0;flex:1;padding:0;border:0;outline:0;background:transparent;color:#44413c;font:500 10px/1.2 var(--site-font)}
.article-share-link button{flex:0 0 auto;padding:7px 11px;border:1px solid #bdb6ac;border-radius:999px;background:transparent;color:#191919;font:800 9px/1 var(--site-font);cursor:pointer}
.article-share-link button:hover{background:#efebe4}
.article-publish-date{width:min(920px,100%);margin-left:auto;margin-right:auto;color:#777169;font:600 11px/1.3 var(--site-font)}
.article-publish-date--media{margin-top:-11px;margin-bottom:24px}
.article-publish-date--no-media{max-width:920px;margin-top:13px;margin-bottom:2px}
.article-figure,.article-video-figure{margin-bottom:20px!important}

html[data-appearance="seasonal"] .article-meta{color:#b8b2aa!important}
html[data-appearance="seasonal"] .article-meta .article-source-name b{color:#eee9e2!important}
html[data-appearance="seasonal"] .article-meta-dot{color:#8f887f!important}
html[data-appearance="seasonal"] .article-round-action{border-color:rgba(239,232,222,.24);background:rgba(255,255,255,.045);color:#f0ebe4}
html[data-appearance="seasonal"] .article-round-action:hover{border-color:rgba(239,232,222,.42);background:rgba(255,255,255,.09)}
html[data-appearance="seasonal"] .article-share-button img{filter:none}
html[data-appearance="seasonal"] .article-speech-button.is-speaking{background:#d4cec5;color:#181716;border-color:#d4cec5}
html[data-appearance="seasonal"] .article-speech-button.is-paused{background:rgba(255,255,255,.09)}
html[data-appearance="seasonal"] .article-share-popover{border-color:rgba(239,232,222,.18);background:rgba(32,29,25,.97);box-shadow:0 18px 48px rgba(0,0,0,.36)}
html[data-appearance="seasonal"] .article-share-head{color:#f2ede6}
html[data-appearance="seasonal"] .article-share-options button{color:#c7c1b8}
html[data-appearance="seasonal"] .article-share-options button i{border-color:rgba(239,232,222,.15);background:#3b3732;color:#f3eee7}
html[data-appearance="seasonal"] .article-share-options button:hover i{background:#4a443e}
html[data-appearance="seasonal"] .article-share-link{border-color:rgba(239,232,222,.16);background:#1d1b18}
html[data-appearance="seasonal"] .article-share-link input{color:#d7d1c9}
html[data-appearance="seasonal"] .article-share-link button{border-color:rgba(239,232,222,.22);color:#eee8df}
html[data-appearance="seasonal"] .article-share-link button:hover{background:#3d3832}
html[data-appearance="seasonal"] .article-publish-date{color:#aaa39a!important}

@media(max-width:760px){
  .article-byline-row{align-items:flex-start!important}
  .article-meta-actions{gap:10px}
  .article-meta{font-size:11.5px!important}
  .article-meta .article-source-name b{font-size:11.5px!important}
  .article-share-popover{left:0;width:min(300px,calc(100vw - 48px))}
}

/* v105 — compact article actions + finished share sheet. */
.article-round-action{
  width:28px!important;
  height:28px!important;
}
.article-share-button img{width:12px!important;height:12px!important}
.article-speech-button svg{width:14px!important;height:14px!important}
.article-share-popover{
  top:35px!important;
  width:362px!important;
  padding:12px!important;
  border-radius:13px!important;
}
.article-share-head{margin-bottom:9px!important;font-size:11px!important}
.article-share-options{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px 5px!important;
  max-height:222px;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:1px 2px 7px;
  margin:0 0 10px!important;
  scrollbar-width:thin;
}
.article-share-options button{
  min-width:0;
  gap:4px!important;
  font-size:8px!important;
  line-height:1.05!important;
}
.article-share-options button i{
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  padding:6px;
  box-sizing:border-box;
  background:#fff!important;
}
.article-share-options button i img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.article-share-options button .share-more-glyph{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font:800 15px/1 Arial,sans-serif;
}
.article-share-options button:hover i{transform:translateY(-1px)}
.article-share-link{padding:5px 6px 5px 9px!important}
.article-share-link input{font-size:9px!important}
.article-share-link button{padding:6px 10px!important;font-size:8px!important}
html[data-appearance="seasonal"] .article-share-options button i{
  background:#f7f4ee!important;
}
html[data-appearance="seasonal"] .article-share-options button .share-more-glyph{color:#1c1b19!important}
@media(max-width:560px){
  .article-share-popover{width:min(340px,calc(100vw - 34px))!important}
  .article-share-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* v106 — one-row share carousel. */
.article-share-popover{width:370px!important}
.article-share-strip{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:4px;margin:0 0 10px!important}
.article-share-options{
  display:flex!important;
  grid-template-columns:none!important;
  gap:8px!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:1px 0 5px!important;
  margin:0!important;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain;
}
.article-share-options::-webkit-scrollbar{display:none!important}
.article-share-options button{
  flex:0 0 52px;
  width:52px;
  scroll-snap-align:start;
}
.article-share-scroll{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #d1cac0;
  border-radius:50%;
  background:rgba(255,255,255,.84);
  color:#242320;
  font:700 17px/1 Arial,sans-serif;
  cursor:pointer;
}
.article-share-scroll:hover{background:#ece8e0}
.article-share-scroll:disabled{opacity:.28;cursor:default}
html[data-appearance="seasonal"] .article-share-scroll{border-color:rgba(239,232,222,.16);background:#3b3732;color:#f2ede6}
html[data-appearance="seasonal"] .article-share-scroll:hover{background:#4a443e}
@media(max-width:560px){
  .article-share-popover{width:min(350px,calc(100vw - 34px))!important}
  .article-share-strip{grid-template-columns:24px minmax(0,1fr) 24px}
  .article-share-options{grid-template-columns:none!important}
}


/* v107 — share edge controls, compact copy state, caption date alignment, speech progress. */
.article-share-popover{
  width:326px!important;
  padding:11px!important;
}
.article-share-strip{
  position:relative!important;
  display:block!important;
  margin:0 0 9px!important;
}
.article-share-options{
  width:100%!important;
  gap:8px!important;
  padding:1px 0 5px!important;
}
.article-share-options button{flex:0 0 52px!important;width:52px!important}
.article-share-scroll{
  position:absolute!important;
  z-index:5!important;
  top:7px!important;
  width:24px!important;
  height:34px!important;
  border-radius:999px!important;
  box-shadow:0 3px 10px rgba(38,31,22,.12)!important;
}
.article-share-scroll-prev{left:-12px!important}
.article-share-scroll-next{right:-12px!important}
.article-share-scroll[hidden]{display:none!important}
.article-share-link{
  gap:6px!important;
  padding:5px 5px 5px 9px!important;
}
.article-share-link button{
  width:30px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:8px!important;
}
.article-share-link button svg{width:16px;height:16px;overflow:visible}
.article-copy-icon rect{fill:none;stroke:currentColor;stroke-width:1.7}
.article-copy-check{width:17px!important;height:17px!important}
.article-copy-check path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.article-share-link button.is-copied{background:rgba(47,126,74,.10)!important;border-color:rgba(47,126,74,.36)!important;color:#236b3b!important}
.article-figure figcaption.article-media-caption,
.article-video-figure figcaption.article-media-caption{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:7px 3px 0!important;
  color:#77736b!important;
  font-size:9px!important;
  line-height:1.25!important;
  text-align:initial!important;
}
.article-media-date{flex:1 1 auto;text-align:left!important}
.article-media-source{flex:0 1 auto;text-align:right!important}
.article-publish-date--media{display:none!important}
.speech-word{
  border-radius:3px;
  transition:background .08s ease,color .08s ease,box-shadow .08s ease;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.speech-word.speech-read{background:rgba(219,158,72,.18);box-shadow:0 0 0 1px rgba(219,158,72,.05)}
.speech-word.speech-current{background:rgba(226,157,57,.58);color:#17130f;box-shadow:0 0 0 2px rgba(226,157,57,.16)}
html[data-appearance="seasonal"] .article-share-link button.is-copied{background:rgba(91,165,108,.14)!important;border-color:rgba(126,202,142,.35)!important;color:#a9dcb4!important}
html[data-appearance="seasonal"] .article-figure figcaption.article-media-caption,
html[data-appearance="seasonal"] .article-video-figure figcaption.article-media-caption{color:#aaa39a!important}
html[data-appearance="seasonal"] .speech-word.speech-read{background:rgba(226,160,74,.20)}
html[data-appearance="seasonal"] .speech-word.speech-current{background:rgba(231,164,77,.62);color:#18130f}
@media(max-width:560px){
  .article-share-popover{width:min(316px,calc(100vw - 34px))!important}
  .article-share-scroll-prev{left:-10px!important}
  .article-share-scroll-next{right:-10px!important}
  .article-figure figcaption.article-media-caption,
  .article-video-figure figcaption.article-media-caption{gap:10px!important;font-size:8.5px!important}
}