/* =======================================================
   GHOST KOENIG EDITOR - WIDTH OVERRIDES
   ======================================================= */
.gh-content .kg-width-wide {
    width: 100%;
    max-width: 100%; /* Memenuhi lebar container utama */
}

.gh-content .kg-width-full {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    /* Memberikan efek border brutalist bahkan saat full-width */
    border-top: 4px solid black;
    border-bottom: 4px solid black;
}

html.dark .gh-content .kg-width-full {
    border-color: white;
}

.gh-content figure.kg-width-wide,
.gh-content figure.kg-width-full {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.gh-content figure.kg-width-wide img,
.gh-content figure.kg-width-full img {
    width: 100%;
    height: auto;
}

/* =======================================================
   MARQUEE ANIMATION (TICKER)
   ======================================================= */
@keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.animate-marquee {
    display: inline-block;
    padding-left: 100%; /* Memastikan teks mulai dari luar layar kanan */
    animation: marquee 25s linear infinite;
    will-change: transform;
}

/* Menghentikan teks saat mouse diarahkan agar mudah diklik */
.animate-marquee:hover {
    animation-play-state: paused;
}