.ygg-wrap,
    .ygg-wrap * {
        box-sizing: border-box !important;
    }

    .ygg-wrap {
        font-family: 'Inter', sans-serif !important;
        color: #101114 !important;
        background: #fbfbfa !important;
        padding: 32px 16px 40px !important;
    }

    .ygg-shell {
        max-width: 760px !important;
        margin: 0 auto !important;
    }

    /* ---------- Slim header ---------- */
    .ygg-head {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 18px !important;
    }

    .ygg-head-icon {
        width: 32px !important;
        height: 32px !important;
        border-radius: 10px !important;
        background: #3d5a3a !important;
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.78rem !important;
        flex-shrink: 0 !important;
    }

    .ygg-title {
        font-weight: 700 !important;
        font-size: 1.08rem !important;
        letter-spacing: -0.01em !important;
        margin: 0 !important;
        color: #101114 !important;
    }

    .ygg-sub {
        font-size: 0.76rem !important;
        color: #96979c !important;
        margin: 1px 0 0 !important;
    }

    /* ---------- Guide accordion ---------- */
    .ygg-accordion {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-bottom: 20px !important;
    }

    .ygg-item {
        background: #ffffff !important;
        border: 1px solid #e9e9e7 !important;
        border-radius: 13px !important;
        overflow: hidden !important;
        transition: border-color .15s ease !important;
    }

    .ygg-item[open] {
        border-color: #3d5a3a !important;
    }

    .ygg-item summary {
        list-style: none !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 13px 15px !important;
        user-select: none !important;
    }

    .ygg-item summary::-webkit-details-marker,
    .ygg-item summary::marker {
        display: none !important;
    }

    .ygg-num {
        flex: none !important;
        width: 26px !important;
        height: 26px !important;
        border-radius: 50% !important;
        background: #eef2ec !important;
        color: #3d5a3a !important;
        font-weight: 700 !important;
        font-size: 0.76rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .ygg-item[open] .ygg-num {
        background: #3d5a3a !important;
        color: #fff !important;
    }

    .ygg-item-title {
        flex: 1 !important;
        font-weight: 600 !important;
        font-size: 0.88rem !important;
        color: #101114 !important;
    }

    .ygg-chevron {
        flex: none !important;
        color: #96979c !important;
        font-size: 0.7rem !important;
        transition: transform .15s ease, color .15s ease !important;
    }

    .ygg-item[open] .ygg-chevron {
        transform: rotate(180deg) !important;
        color: #3d5a3a !important;
    }

    .ygg-item-body {
        padding: 0 15px 15px 53px !important;
        font-size: 0.84rem !important;
        line-height: 1.6 !important;
        color: #5b5d63 !important;
    }

    /* ---------- Community CTA — single compact row ---------- */
    .ygg-community {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        background: #eef2ec !important;
        border-radius: 14px !important;
        padding: 16px 18px !important;
        margin-bottom: 16px !important;
        flex-wrap: wrap !important;
    }

    .ygg-community-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
        background: #3d5a3a !important;
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.85rem !important;
        flex-shrink: 0 !important;
    }

    .ygg-community-text {
        flex: 1 !important;
        min-width: 180px !important;
    }

    .ygg-community-text .t1 {
        font-weight: 700 !important;
        font-size: 0.86rem !important;
        color: #101114 !important;
    }

    .ygg-community-text .t2 {
        font-size: 0.76rem !important;
        color: #5b5d63 !important;
        margin-top: 1px !important;
    }

    .ygg-community-btn {
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        background: #101114 !important;
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 0.8rem !important;
        padding: 9px 16px !important;
        border-radius: 9px !important;
        text-decoration: none !important;
        transition: background .15s ease !important;
    }

    .ygg-community-btn:hover {
        background: #324a30 !important;
    }

    /* ---------- Legal alert — compact, chip states ---------- */
    .ygg-alert {
        background: #f8efed !important;
        border: 1px solid #e6cec9 !important;
        border-radius: 13px !important;
        padding: 15px 17px !important;
        margin-bottom: 12px !important;
    }

    .ygg-alert-head {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-bottom: 9px !important;
    }

    .ygg-alert-head i {
        color: #93372f !important;
        font-size: 0.82rem !important;
    }

    .ygg-alert-head span {
        font-weight: 700 !important;
        font-size: 0.86rem !important;
        color: #93372f !important;
    }

    .ygg-alert-text {
        font-size: 0.8rem !important;
        line-height: 1.55 !important;
        color: #93372f !important;
        margin: 0 0 10px !important;
        opacity: 0.9 !important;
    }

    .ygg-alert-states {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    .ygg-alert-state {
        font-size: 0.7rem !important;
        font-weight: 600 !important;
        color: #93372f !important;
        background: #ffffff !important;
        border: 1px solid #e6cec9 !important;
        padding: 4px 10px !important;
        border-radius: 999px !important;
    }

    /* ---------- Disclaimer — quiet footnote ---------- */
    .ygg-disclaimer {
        display: flex !important;
        gap: 9px !important;
        padding: 13px 15px !important;
        border-top: 1px solid #e9e9e7 !important;
    }

    .ygg-disclaimer i {
        color: #96979c !important;
        font-size: 0.78rem !important;
        margin-top: 2px !important;
        flex-shrink: 0 !important;
    }

    .ygg-disclaimer p {
        font-size: 0.76rem !important;
        line-height: 1.6 !important;
        color: #96979c !important;
        margin: 0 !important;
    }

    .ygg-disclaimer strong {
        color: #5b5d63 !important;
    }

    /* ---------- Responsive ---------- */
    @media (max-width: 560px) {
        .ygg-wrap {
            padding: 22px 0px 32px !important;
        }

        .ygg-title {
            font-size: 1rem !important;
        }

        .ygg-item summary {
            padding: 11px 12px !important;
            gap: 10px !important;
        }

        .ygg-item-title {
            font-size: 0.84rem !important;
        }

        .ygg-item-body {
            padding: 0 12px 13px 48px !important;
            font-size: 0.8rem !important;
        }

        .ygg-community {
            padding: 14px !important;
        }

        .ygg-community-btn {
            width: 100% !important;
            justify-content: center !important;
        }

        .ygg-alert {
            padding: 13px 14px !important;
        }
    }