/* "נכתב עכשיו" — מלווה ל-js/written.js. כל מצב נסתר מותנה במחלקה שה-JS מוסיף,
   ולכן בלי JS הטקסט גלוי. רק mask ו-opacity: אפס שינוי פריסה, הגובה הסופי שמור. */
.wr-ready{position:relative;
  --wr-gold:var(--accentText,#D6BB84);--wr-hi:#EBD49F;--wr-soft:1.1em}

/* חשיפה רכה מימין לשמאל: הקצה המתקדם הוא מעבר הדרגתי, לא קו חד */
.wr-wait .wr-w,.wr-on .wr-w{
  -webkit-mask-image:linear-gradient(to left,#000 calc(var(--p,0) * (100% + var(--wr-soft)) - var(--wr-soft)),transparent calc(var(--p,0) * (100% + var(--wr-soft))));
          mask-image:linear-gradient(to left,#000 calc(var(--p,0) * (100% + var(--wr-soft)) - var(--wr-soft)),transparent calc(var(--p,0) * (100% + var(--wr-soft))))}

/* העט: נקודת אור זהב בקצה הכתיבה */
.wr-pen{position:absolute;left:0;top:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;
  background:radial-gradient(circle,#FFF4D8 0,var(--wr-hi) 40%,rgba(214,187,132,0) 72%);
  box-shadow:0 0 10px 3px rgba(214,187,132,.45),0 0 26px 8px rgba(214,187,132,.16);
  opacity:0;pointer-events:none;transition:opacity .35s ease;will-change:transform}
/* זנב הדיו: קו זהב קצר שנגרר אחרי העט (מימין, כי כותבים לשמאל) */
.wr-pen::before{content:"";position:absolute;left:3.5px;top:50%;width:1.6em;height:1.5px;margin-top:-.75px;
  background:linear-gradient(to left,rgba(214,187,132,0),var(--wr-hi));border-radius:1px}

/* ההדגשה בסוף: צבע זהב בהיר יותר וקו זהב דק שנמתח מימין */
.wr-hl{background-image:linear-gradient(to left,rgba(235,212,159,0),var(--wr-hi) 18%,var(--wr-hi) 82%,rgba(235,212,159,0));
  background-repeat:no-repeat;background-position:100% 96%;background-size:0 1px;
  transition:color 1s ease,background-size 1.3s cubic-bezier(.3,.6,.2,1),text-shadow 1.2s ease}
.wr-hl-on .wr-hl{color:var(--wr-hi);background-size:100% 1px;text-shadow:0 0 18px rgba(214,187,132,.32)}

@media (prefers-reduced-motion:reduce){
  .wr-w{-webkit-mask-image:none!important;mask-image:none!important}
  .wr-pen{display:none}
  .wr-hl{transition:none}
}
@media print{.wr-w{-webkit-mask-image:none!important;mask-image:none!important}.wr-pen{display:none}}