/* /insights/alert-fatigue/ only: mail ticks that collapse (hero) and the plain-text summary
   preview (article). Prefix afg-. Each tick sits in a pile by column --c and row --r; the
   picker's data-state moves the pile to one tick at the run, or one tick at 01:00. */

.afg-card{border-radius:10px;background:var(--sk-deep);border:1px solid var(--sk-line-2);overflow:hidden}
.afg-bar{padding:.6rem .8rem;border-bottom:1px solid var(--sk-line);font:500 .66rem var(--sk-mono);color:var(--sk-text-3)}
.afg-body{padding:1rem .9rem .4rem}
.afg-strip{position:relative;display:block;height:8.4rem;margin:0 .4rem 1.6rem;border-bottom:2px solid var(--sk-line-2)}
.afg-ax{position:absolute;left:0;right:0;bottom:-1.25rem;height:1rem}
.afg-ax em{position:absolute;left:var(--x);transform:translateX(-50%);font:500 .56rem var(--sk-mono);font-style:normal;color:var(--sk-text-4)}
.afg-ax em:first-child{transform:none}.afg-ax em:last-child{transform:translateX(-100%)}
.afg-run{position:absolute;left:var(--x);bottom:-1.25rem;transform:translateX(-50%);font:600 .56rem var(--sk-mono);color:#f2c55c;transition:opacity .4s}
.afg-ticks{position:absolute;inset:0}
.afg-ticks i{--x:38%;position:absolute;left:calc(var(--x) - 2rem + var(--c) * 1rem);bottom:calc(.2rem + var(--r) * .7rem);width:.85rem;height:.55rem;border-radius:2px;
  border:1.5px solid #eb6834;background:linear-gradient(to bottom right,transparent 46%,#eb6834 48% 52%,transparent 54%) left/50% 100% no-repeat,
  linear-gradient(to bottom left,transparent 46%,#eb6834 48% 52%,transparent 54%) right/50% 100% no-repeat,#2a160e;box-sizing:border-box;
  transition:left .8s cubic-bezier(.6,.05,.25,1),bottom .8s cubic-bezier(.6,.05,.25,1),opacity .5s,border-color .5s,transform .5s}
.afg-ticks i:nth-child(odd){transition-delay:.04s}.afg-ticks i:nth-child(3n){transition-delay:.08s}
.afg-body[data-state="now"] .afg-ticks i,.afg-body[data-state="daily"] .afg-ticks i{left:calc(var(--x) - .42rem);bottom:.2rem;opacity:0}
.afg-body[data-state="daily"] .afg-ticks i{--x:4.17%}
.afg-body[data-state="daily"] .afg-run{opacity:.35}
.afg-body[data-state="now"] .afg-ticks i:first-child,.afg-body[data-state="daily"] .afg-ticks i:first-child{opacity:1;transform:scale(1.9);border-color:#1baf7a;
  background:linear-gradient(to bottom right,transparent 46%,#1baf7a 48% 52%,transparent 54%) left/50% 100% no-repeat,
  linear-gradient(to bottom left,transparent 46%,#1baf7a 48% 52%,transparent 54%) right/50% 100% no-repeat,#0e211b}
.afg-count{margin:0;font:600 .72rem var(--sk-mono);color:var(--sk-text-3)}
.afg-count b{font:800 2rem/1 var(--sk-disp);color:#ff8a5c;margin-right:.2rem;transition:color .4s}
.afg-body[data-state="now"] .afg-count b,.afg-body[data-state="daily"] .afg-count b{color:#8fe3b4}
.afg-say{margin:.35rem 0 .2rem;font-size:.8rem;line-height:1.45;color:var(--sk-text-2);min-height:2.4rem}
.afg-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem .9rem .9rem;border-top:1px solid var(--sk-line)}
@media (prefers-reduced-motion:reduce){.afg-ticks i{transition:none}}

/* the summary preview */
.prose .afg-seg{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.prose .afg-pt{margin:0 0 1.6rem;border:1px solid var(--sk-line-2);border-radius:8px;background:#05080b;overflow:hidden}
.afg-hd{display:flex;flex-direction:column;gap:.15rem;padding:.65rem .9rem;border-bottom:1px solid var(--sk-line);background:var(--sk-ink-2)}
.afg-to{font:500 .7rem var(--sk-mono);color:var(--sk-text-4)}
.afg-sub{font:700 .92rem var(--sk-sans);color:#fff}
.prose .afg-pt pre{margin:0;padding:.9rem;border:0;border-radius:0;background:none;max-height:28rem;overflow:auto;font:400 .74rem/1.6 var(--sk-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--sk-text-2)}
.afg-pt.afg-none .afg-sub{color:#8fe3b4}
.prose .afg-pt figcaption{padding:.6rem .9rem;border-top:1px solid var(--sk-line);font:400 .72rem/1.55 var(--sk-mono);color:var(--sk-text-3)}