/* Custom style untuk tampilan kode */
pre { background-color: #2d2d2d; color: #f1f1f1; padding: 1em; white-space: pre-wrap; word-break: break-all; font-family: 'Courier New', Courier, monospace; }
code .line {
    display: block;
    position: relative; /* Diperlukan untuk memposisikan nomor baris */
    padding-left: 65px; /* Buat ruang untuk nomor baris */
}
code .line-number {
    position: absolute; /* Posisikan nomor di dalam ruang padding */
    left: 0;
    width: 50px;
    color: #888;
    text-align: right;
    padding-right: 15px;
    user-select: none;
}
.highlight-row { background-color: #44475a; display: block; }
mark.search-highlight {
    background-color: #ffd700; /* Gold */
    color: #111;
    padding: 0.1em 0.2em;
    border-radius: 3px;
}
.main-content-wrapper {
    display: flex;
            flex-direction: column;
            /* Animate all property changes over 0.6 seconds for a smooth effect */
            transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
        .main-content-wrapper.is-centered {
            justify-content: center;
            min-height: 75vh;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.fade-in-up {
    animation-name: fadeInUp;
    animation-duration: 0.6s;
}

.sourcepeek-title {
    font-family: 'Griffy', cursive;
    font-size: 4.5rem;
    font-weight: 400;
    letter-spacing: 1px;
    padding-bottom: 1rem;
}
/* Google-inspired colors */
.sourcepeek-title .g-blue { color: #4285F4; }
.sourcepeek-title .g-red { color: #EA4335; }
.sourcepeek-title .g-yellow { color: #FBBC05; }
.sourcepeek-title .g-green { color: #34A853; }

.btn-find-code {
    font-family: 'Griffy', cursive;
    font-size: 1.25rem;
    letter-spacing: 1px;
}

.form-control::placeholder {
    font-size: 1rem;
    color: #adb5bd;
}

@media (max-width: 576px) {
    .sourcepeek-title {
        font-size: 2.8rem; /* Smaller font size for mobile */
        letter-spacing: 0; /* Remove extra letter spacing on mobile */
    }
}

/* Hidden links for SEO, accessible for crawlers */
.seo-links {
    position: absolute;
    left: -9999px;
    top: -9999px;
}