/* MeAriel v3 ticker preview (brief v3 §5). Loaded only while the switch is on. Fibonacci values only. */

/* Ticker items (both the homepage ticker and the top bar) */
.mv-tick .mv-tick-a{display:inline-flex;align-items:center;min-height:34px}
.mv-tick .mv-tick-copy{display:inline-flex;gap:34px}
.mv-tick.is-peek .mn-tick-t,.mv-tick.is-peek .mv-tt-t,.mv-tick:focus-within .mn-tick-t,.mv-tick:focus-within .mv-tt-t{animation-play-state:paused!important}
.mn .mv-tick .mv-tick-a{min-height:44px}
.mv-tick .mv-tick-a[aria-expanded="true"]{text-decoration:underline}

/* Top bar ticker, 34px */
.mv-tt{display:flex;align-items:center;gap:8px;min-width:0;height:34px}
.mv-tt-l{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:var(--mv-sun);font:700 13px/1 var(--mv-font-b)}
.mv-tt-l i{display:block;width:8px;height:8px;border-radius:999px;background:var(--mv-orange)}
.mv-tt-v{flex:1 1 auto;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 21px,#000 calc(100% - 21px),transparent)}
.mv-tt-t{display:inline-flex;gap:34px;padding:0 13px;white-space:nowrap;width:max-content}
.mv-tt .mv-tick-a{gap:5px;color:#fff!important;font:500 13px/1 var(--mv-font-b)}
.mv-tt .mv-tick-a:hover{text-decoration:underline}
.mv-tt .mv-tick-a small{color:var(--mv-sun);font-size:13px}
.mv3 .mv-tt :focus-visible{outline-color:var(--mv-sun)}
@media (prefers-reduced-motion:no-preference){
  .mv-tt-t{animation:mvTick 89s linear infinite}
  .mv-tt:hover .mv-tt-t{animation-play-state:paused}
  .mv-tt-l i{animation:mvPulse 1597ms ease-in-out infinite}
}
@media (prefers-reduced-motion:reduce){.mv-tt-v{overflow-x:auto;scrollbar-width:none}}
@keyframes mvTick{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes mvPulse{0%,100%{opacity:1}50%{opacity:.3}}

/* Popover */
.mv-peek{position:fixed;z-index:100001;width:377px;max-width:calc(100vw - 42px);max-height:calc(100vh - 42px);overflow-y:auto;overscroll-behavior:contain;
  direction:rtl;box-sizing:border-box;padding:21px;border-radius:13px;background:#fff;color:var(--mv-text);box-shadow:0 21px 34px rgb(11 34 54/.236);
  font:400 16px/1.618 var(--mv-font-b);text-align:right;opacity:0;transform:translateY(8px);transition:opacity var(--mv-t2),transform var(--mv-t2)}
.mv-peek *{box-sizing:border-box}
.mv-peek[hidden]{display:none}
.mv-peek.is-in{opacity:1;transform:none}
.mv-peek-meta{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--mv-muted);font-size:13px;line-height:1.4}
.mv-peek-t{margin:0 0 13px;color:var(--mv-ink);font:700 20px/1.4 var(--mv-font-h)}
.mv-peek-img{display:block;width:100%;height:auto;margin:0 0 13px;border-radius:8px;aspect-ratio:1200/630;object-fit:cover;background:var(--mv-bg)}
.mv-peek-body p{margin:0 0 13px}
.mv-peek-src{margin:0 0 13px;color:var(--mv-muted);font-size:13px}
.mv-peek-src a{color:var(--mv-blue)!important;text-decoration:underline}
.mv-peek-load{color:var(--mv-muted)}
.mv-peek-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.mv-peek-act .mv-btn{padding:8px 13px;font-size:16px}
.mv-peek .mv-btn-ghost{color:var(--mv-ink)!important;background:transparent!important;border:2px solid var(--mv-border)!important;border-radius:999px!important;box-shadow:none!important;font:700 16px/1.2 var(--mv-font-b)!important}
.mv-peek .mv-btn-ghost:hover{border-color:var(--mv-ink)!important}
.mv-peek-live{margin:8px 0 0;min-height:21px;color:var(--mv-muted);font-size:13px}
.mv-peek-grip{display:none}

/* Mobile: bottom sheet */
.mv-peek.is-sheet{right:21px!important;left:21px!important;top:auto!important;bottom:calc(21px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:70vh;padding-top:13px}
.mv-peek.is-sheet .mv-peek-grip{display:block;width:55px;height:5px;margin:0 auto 13px;border-radius:999px;background:var(--mv-border)}
.mv-peek.is-sheet .mv-peek-act .mv-btn{flex:1 1 auto}
.mv-peek-shade{position:fixed;inset:0;z-index:100000;background:rgb(11 34 54/.34)}
.mv-peek-shade[hidden]{display:none}

@media (prefers-reduced-motion:reduce){.mv-peek{transition:none;transform:none}}
/* Touch screens: 44px targets in the top-bar ticker (the bar itself grows in shell.css) */
@media (pointer:coarse){.mv-tt .mv-tick-a{min-height:44px}}