/* yanpanel.css — Sağ kayan yazı (masaüstü: %15 genişlik) */
.yan-yazi{
  position: fixed;
  right: 14px;
  top: calc(var(--flagbar-top,8px) + var(--flag-size,42px) + 14px); /* barın altı */
  bottom: var(--cta-safe,14px);   /* pencere altına kadar insin */
  width: 15vw;
  z-index: 1100;
}
.yan-yazi .yy-pane{
  position:absolute; inset:0;
  background: rgba(255,255,255,var(--yy-opacity,.40));
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  overflow:hidden;
}
.yan-yazi .yy-track{
  position:absolute; inset:12px;
  overflow:hidden;
  font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  color:#0f172a;
}

.yan-yazi .yy-marquee{
  display:inline-block;
  --yy-time: 38s;                 /* hız */
  animation: yyFlow var(--yy-time) linear infinite;
  will-change: transform;
}
.yan-yazi .yy-copy{ padding-bottom:36px }  /* 3–5 satır boşluk */
.yan-yazi:hover .yy-marquee{ animation-play-state: paused }

.yy-emph{ font-weight:800; color:#b91c1c; font-size:1.1rem }

@keyframes yyFlow{
  0%{transform:translateY(0)}
  100%{transform:translateY(-50%)} /* iki kopya olduğu için -50% */
}