.fx-mark {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 132px;
    height: 132px;
    z-index: 0;
    color: var(--fact-ink);
    opacity: 0.6;
    pointer-events: none;
    line-height: 0;
}

.w2 .fx-mark { width: 104px; height: 104px; top: 12px; right: 12px; }
.is-accent .fx-mark { color: rgba(255, 255, 255, 0.92); opacity: 0.7; }

.mk { display: block; width: 100%; height: 100%; }

.mk .pen {
    fill: none;
    stroke: currentColor;
    stroke-width: 0.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
}

@keyframes mk-draw { to { stroke-dashoffset: 0; } }

.bt {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    margin-top: -2px;
}

.bt .pen {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (prefers-reduced-motion: reduce) {
    .mk .pen { stroke-dashoffset: 0; }
}
