@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

    .bento-golf-wrapper {
        font-family: 'Pretendard', sans-serif;
        background-color: #ffffff;
        color: #0f172a;
    }

    .bento-golf-wrapper p {
        word-break: keep-all;
    }

    .bento-card {
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 1.5rem;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
        position: relative;
    }

    .bento-card:hover {
        background-color: #f1f5f9;
        border-color: #94a3b8;
        transform: translateY(-4px);
    }

    .text-slate-point {
        color: #0f172a !important;
    }

    .bg-slate-point {
        background-color: #0f172a !important;
    }

    .glow-effect {
        box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.08);
    }

    .divider {
        height: 1px;
        background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
    }

    #main {padding-top: 0px !important;}
    
    .wp-h1-override {
        font-size: 0.75rem !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0.5rem 1.25rem !important;
        display: inline-block !important;
        font-weight: 700 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
    }

    .wp-title-span {
        display: block !important;
        font-size: clamp(2.5rem, 8vw, 4.5rem) !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
        letter-spacing: -0.05em !important;
        
    }

    navigation a[rel=next]:hover:after, .single-navigation a[rel=prev]:hover:before, a:hover, h5.toggle:hover a {
        color: #000 !important;
    }

    .accordion-grid {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        overflow: hidden;
    }

    .accordion-item.active .accordion-grid {
        grid-template-rows: 1fr;
    }

    .accordion-trigger {
        transition: all 0.3s ease;
    }

    .accordion-trigger:focus,
    .accordion-trigger:active,
    .accordion-trigger:focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }

    .accordion-trigger svg {
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .accordion-item.active .accordion-trigger svg {
        transform: rotate(180deg);
    }

    .accordion-item {
        transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease;
    }

    .accordion-item.inactive-fade {
        opacity: 0.3;
    }