/* Stessa scrittura delle bozze Codex; il margine negativo evita di tagliare le code delle lettere corsive. */
.tw{display:inline-block;clip-path:inset(-.25em 100% -.25em -.25em);animation:tw-go .7s steps(7,end) .12s forwards}
.tw-last{position:relative}
.tw-last::after{content:'';position:absolute;right:-.1em;top:.13em;width:2px;height:.76em;background:var(--accent,currentColor);animation:tw-caret .55s step-end 4,tw-hide 0s 2.3s forwards}
@keyframes tw-go{to{clip-path:inset(-.25em -.25em -.25em -.25em)}}
@keyframes tw-caret{50%{opacity:0}}
@keyframes tw-hide{to{opacity:0;visibility:hidden}}

/* comparsa allo scorrimento: solo trasparenza e lieve salita, le proprieta' piu' leggere per il browser */
.sc{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1);transition-delay:var(--sc-delay,0ms)}
.sc.sc-in{opacity:1;transform:none}
@media print{.sc{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tw{clip-path:none;animation:none}.tw-last::after{display:none}.sc{opacity:1;transform:none;transition:none}}