/* Automatic publishing for the Move Method fitness publication. */
.auto-publish-demo-media { min-width: 0; }
.auto-publish-demo { color: #1c251e; }
.auto-publish-channel-heading { display: flex; align-items: start; justify-content: space-between; gap: 8px; }
.auto-publish-surface-label { display: flex; align-items: center; gap: 5px; margin-bottom: 8px; color: #4e5b50; font-size: 10px; font-weight: 700; line-height: 1; }
.auto-publish-surface-label svg { width: 13px; height: 13px; flex: none; }
.auto-publish-youtube-label svg { color: #d94338; }
.auto-publish-video-strip, .auto-publish-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.auto-publish-video-strip { padding: 0 10px; margin-bottom: 16px; }
.auto-publish-video { display: flex; min-width: 0; align-items: center; gap: 7px; }
.auto-publish-video-image { position: relative; display: block; width: 56px; height: 34px; flex: none; overflow: hidden; border-radius: 3px; background: #252c26; }
.section-media .auto-publish-video-image img { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; border: 0; border-radius: 0; background: #252c26; box-shadow: none; }
.auto-publish-video-image::after { position: absolute; top: 50%; left: 50%; width: 17px; height: 17px; border-radius: 50%; background: rgba(16,21,16,.78); color: #fff; content: '▶'; font-size: 7px; line-height: 17px; text-align: center; text-indent: 1px; transform: translate(-50%,-50%); }
.auto-publish-video-duration { position: absolute; right: 2px; bottom: 2px; z-index: 1; padding: 1px 2px; border-radius: 2px; background: rgba(9,12,9,.9); color: #fff; font-size: 5px; font-weight: 800; line-height: 1; }
.auto-publish-video-copy { display: grid; min-width: 0; gap: 3px; }
.auto-publish-video-copy > strong { display: block; overflow: hidden; color: #1c251e; font-size: 9px; font-weight: 700; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.auto-publish-video-status { display: block; min-width: 0; overflow: hidden; color: #39844e; font-size: 9px; font-weight: 700; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.auto-publish-video-status[data-state="up"] { color: #7b887b; }
.auto-publish-video-status[data-state="writing"] { color: #a46c26; }
.auto-publish-video-status[data-state="old"] { color: #a1aaa0; }
.auto-publish-video.is-old .auto-publish-video-copy > strong { color: #788578; font-weight: 500; }
.auto-publish-video-status svg { display: inline-block; width: 11px; height: 11px; margin-right: 3px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; vertical-align: -2px; }
.auto-publish-video.is-arriving { opacity: 0; transform: translateY(-8px); transition: opacity 480ms ease, transform 480ms cubic-bezier(.2,.8,.2,1); }
.auto-publish-video.is-arriving.is-revealed { opacity: 1; transform: translateY(0); }
.auto-publish-site { overflow: hidden; border: 1px solid #cfd8cd; border-radius: 9px; background: #fbfcf8; box-shadow: 0 22px 55px rgba(26,39,27,.14); }
.auto-publish-site-header { display: flex; min-height: 46px; align-items: center; justify-content: space-between; gap: 12px; padding: 0 22px; border-bottom: 1px solid #2c382d; background: #1c251e; color: #fff; }
.auto-publish-brand { font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 13px; font-weight: 900; letter-spacing: -.025em; white-space: nowrap; }
.section-media .auto-publish-demo .auto-publish-creator-avatar { display: inline-block; width: 27px; height: 27px; margin-right: 5px; aspect-ratio: 1; object-fit: cover; border: 0; border-radius: 50%; box-shadow: none; vertical-align: middle; }
.auto-publish-nav { color: #c4d0c3; font-size: 8px; white-space: nowrap; }
.auto-publish-site-content { padding: 18px 20px 22px; }
.auto-publish-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 12px; }
.auto-publish-heading strong { font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 21px; font-weight: 850; letter-spacing: -.06em; }
.auto-publish-heading > span { color: #456c2d; font-size: 8px; font-weight: 800; }
.auto-publish-grid { row-gap: 16px; }
.auto-publish-article { min-width: 0; }
.auto-publish-article-image, .auto-publish-flight-image { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 3px; background: #252c26; }
.section-media .auto-publish-article-image img, .auto-publish-flight-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; border: 0; border-radius: 0; background: #252c26; box-shadow: none; }
.auto-publish-article-image::after, .auto-publish-flight-image::after { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(4,8,5,.8),rgba(4,8,5,.36) 55%,transparent 82%); content: ''; }
.auto-publish-thumb-title { position: absolute; z-index: 1; bottom: 10px; left: 8px; display: block; max-width: 72%; color: #fff; font-family: Impact, 'Arial Narrow', ui-sans-serif, sans-serif; font-size: 14px; font-weight: 900; letter-spacing: .01em; line-height: .96; white-space: pre-line; text-shadow: 0 1px 4px rgba(0,0,0,.6); }
.auto-publish-thumb-title::first-line { color: #c9f34b; }
.auto-publish-thumb-duration { position: absolute; right: 4px; bottom: 4px; z-index: 1; padding: 2px 3px; border-radius: 2px; background: rgba(8,11,8,.88); color: #fff; font-size: 7px; font-weight: 800; line-height: 1; }
.auto-publish-article > span:nth-child(2) { display: block; overflow: hidden; margin-top: 7px; color: #537432; font-size: 7px; font-weight: 900; letter-spacing: .1em; text-overflow: ellipsis; white-space: nowrap; }
.auto-publish-article > strong { display: block; margin-top: 4px; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 11px; font-weight: 750; line-height: 1.2; }
.auto-publish-new-badge { display: inline-block; margin-left: 4px; padding: 2px 5px; border-radius: 2px; background: #dff6a3; color: #2c4b1d; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 8px; font-style: normal; font-weight: 900; line-height: 1; vertical-align: 1px; white-space: nowrap; }
.auto-publish-article.is-arriving { opacity: 0; transition: opacity 220ms ease; }
.auto-publish-article.is-arriving.is-revealed { opacity: 1; }
.auto-publish-flight { position: fixed; z-index: 100; display: flex; flex-direction: column; gap: 4px; box-sizing: border-box; padding: 5px; border: 1px solid #cfd8cd; border-radius: 6px; background: #fbfcf8; opacity: 0; pointer-events: none; box-shadow: 0 8px 18px rgba(26,39,27,.2); transition: left 850ms cubic-bezier(.2,.8,.2,1), top 850ms cubic-bezier(.2,.8,.2,1), width 850ms cubic-bezier(.2,.8,.2,1), height 850ms cubic-bezier(.2,.8,.2,1), opacity 230ms ease; }
.auto-publish-flight-image { min-height: 0; flex: 1; aspect-ratio: auto; }
.auto-publish-flight-image .auto-publish-thumb-title { font-size: 8px; }
.auto-publish-flight > span:not(.auto-publish-flight-image) { display: block; width: 76%; height: 4px; flex: none; border-radius: 2px; background: #c9d4c5; }
.auto-publish-flight > span:last-child { width: 48%; }
@media (max-width: 760px) {
  .auto-publish-surface-label { font-size: 9px; }
  .auto-publish-video-strip, .auto-publish-grid { gap: 7px; }
  .auto-publish-video-strip { padding: 0 5px; }
  .auto-publish-video { gap: 5px; }
  .auto-publish-video-image { width: 43px; height: 29px; }
  .auto-publish-video-image::after { width: 15px; height: 15px; font-size: 6px; line-height: 15px; }
  .auto-publish-video-copy > strong, .auto-publish-video-status { font-size: 8px; }
  .auto-publish-video-status svg { width: 9px; height: 9px; }
  .auto-publish-site-header { min-height: 42px; padding: 0 15px; }
  .auto-publish-brand { font-size: 11px; }
  .auto-publish-nav { font-size: 7px; }
  .auto-publish-site-content { padding: 15px 15px 18px; }
  .auto-publish-heading { margin-bottom: 11px; }
  .auto-publish-heading strong { font-size: 20px; }
  .auto-publish-grid { row-gap: 13px; }
  .auto-publish-thumb-title { bottom: 7px; left: 5px; font-size: 10px; }
  .auto-publish-article > span:nth-child(2) { font-size: 6px; }
  .auto-publish-article > strong { font-size: 10px; }
  .auto-publish-new-badge { font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) { .auto-publish-video.is-arriving, .auto-publish-article.is-arriving, .auto-publish-flight { transition: none; } }