/* Sister-site switch (2026-10-17): MangaPride (BL) <-> MangaRomance (Romance / GL). Shared by both sites; Pride
   also gets the .mr-seg base rules (Romance has them in yuri.css). Links to the other site open in a new tab
   (no tab-under ad), carry utm tags and rel="nofollow". The external-site icon is deliberately a bit bigger than
   the text so it reads as "goes to another website". */
.mr-seg a.mr-bl.on{background:#f97316;color:#fff}
.mr-bl .mr-ico{animation:xs-pulse 2.2s ease-in-out infinite}
.xs-ext{width:15px;height:15px;flex-shrink:0;margin-left:1px;opacity:.95;transition:transform .2s}
.xs-ext path.xs-arrow{animation:xs-nudge 2.4s ease-in-out infinite}
a:hover>.xs-ext{transform:scale(1.12)}
.mr-seg a.xs-out{color:#d1d5db}
.mr-seg a.xs-out:hover{color:#fff}
.mr-segbar.xs-3{grid-template-columns:repeat(3,1fr)}
.mr-segbar a.mr-bl:not(.on){color:#fdba74;border-color:rgba(249,115,22,.5);animation:xs-glow-bl 2.4s ease-in-out infinite}
.mr-segbar a.mr-bl.on{background:rgba(249,115,22,.15);border-color:#f97316;color:#fdba74}
/* Phone chip on MangaPride's header */
.xs-chip{position:relative;display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:6px 10px 6px 11px;border-radius:9999px;
  font-size:12.5px;font-weight:700;color:#fda4af;text-decoration:none;white-space:nowrap;background:rgba(244,63,94,.12);
  border:1px solid rgba(244,63,94,.55);animation:mr-glow-rom 2.4s ease-in-out infinite}
.xs-chip .mr-ico{animation:mr-beat 1.6s ease-in-out infinite}
.xs-new{position:absolute;top:-7px;left:-6px;padding:1px 5px;border-radius:9999px;background:#f43f5e;color:#fff;font-size:9px;font-weight:800;
  letter-spacing:.04em;line-height:14px;box-shadow:0 0 0 2px #191919}
@media (min-width:768px){.xs-chip{display:none}}
@keyframes xs-nudge{0%,70%,100%{transform:translate(0,0)}80%{transform:translate(1.5px,-1.5px)}90%{transform:translate(0,0)}}
@keyframes xs-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes xs-glow-bl{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}50%{box-shadow:0 0 14px 2px rgba(249,115,22,.4)}}
@keyframes mr-glow-rom{0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,0)}50%{box-shadow:0 0 14px 2px rgba(244,63,94,.4)}}
@keyframes mr-beat{0%,60%,100%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.18)}}
@media (prefers-reduced-motion:reduce){.xs-chip,.xs-chip .mr-ico,.mr-bl .mr-ico,.xs-ext path,.mr-segbar a.mr-bl{animation:none!important}}