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

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

    .tpma-shell { max-width: 1080px !important; margin: 0 auto !important; }

    /* ---------- Header ---------- */
    .tpma-eyebrow {
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        font-size: 0.72rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.04em !important;
        color: #3d5a3a !important;
        background: #eef2ec !important;
        padding: 5px 12px !important;
        border-radius: 999px !important;
        margin-bottom: 10px !important;
    }

    .tpma-eyebrow i { color: #D4A72C !important; font-size: 0.66rem !important; }

    .tpma-title {
        font-weight: 800 !important;
        font-size: clamp(1.4rem, 3vw, 1.85rem) !important;
        letter-spacing: -0.02em !important;
        margin: 0 0 10px !important;
        color: #101114 !important;
    }

    .tpma-intro {
        font-size: 0.92rem !important;
        line-height: 1.7 !important;
        color: #5b5d63 !important;
        max-width: 780px !important;
        margin: 0 0 32px !important;
    }

    .tpma-intro strong { color: #101114 !important; }

    /* ---------- Section heading (reused) ---------- */
    .tpma-h2 {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        font-weight: 800 !important;
        font-size: 1.12rem !important;
        color: #101114 !important;
        margin: 0 0 16px !important;
    }

    .tpma-h2 .ic {
        width: 32px !important;
        height: 32px !important;
        border-radius: 9px !important;
        background: linear-gradient(135deg, #3d5a3a, #557a51) !important;
        color: #fff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.82rem !important;
        flex-shrink: 0 !important;
    }

    /* ---------- Key info table ---------- */
    .tpma-info-block { margin-bottom: 34px !important; }

    .tpma-info-table {
        background: #ffffff !important;
        border: 1px solid #e9e9e7 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .tpma-info-row {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 14px 18px !important;
        border-bottom: 1px solid #f0f0ee !important;
    }

    .tpma-info-row:last-child { border-bottom: none !important; }
    .tpma-info-row:nth-child(odd) { background: #fbfbfa !important; }

    .tpma-info-key {
        flex: 0 0 170px !important;
        font-size: 0.82rem !important;
        font-weight: 700 !important;
        color: #5b5d63 !important;
    }

    .tpma-info-val {
        font-size: 0.88rem !important;
        font-weight: 600 !important;
        color: #101114 !important;
    }

    @media (max-width: 560px) {
        .tpma-info-row { flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }
        .tpma-info-key { flex: none !important; }
    }

    /* ---------- Step guide (card style) ---------- */
    .tpma-steps-block { margin-bottom: 34px !important; }

    .tpma-steps {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 14px !important;
    }

    .tpma-step {
        background: #ffffff !important;
        border: 1px solid #e9e9e7 !important;
        border-radius: 16px !important;
        padding: 18px 16px !important;
        transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
    }

    .tpma-step:hover {
        border-color: #3d5a3a !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 16px 32px -18px rgba(16,17,20,0.28) !important;
    }

    .tpma-step-num {
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
        background: linear-gradient(135deg, #f6dfa0, #D4A72C) !important;
        color: #7a5c0e !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 800 !important;
        font-size: 0.85rem !important;
        margin-bottom: 12px !important;
    }

    .tpma-step-title {
        font-weight: 800 !important;
        font-size: 0.92rem !important;
        color: #101114 !important;
        margin: 0 0 3px !important;
    }

    .tpma-step-tag {
        font-size: 0.68rem !important;
        color: #96979c !important;
        margin-bottom: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.03em !important;
        font-weight: 700 !important;
    }

    .tpma-step-desc {
        font-size: 0.8rem !important;
        line-height: 1.55 !important;
        color: #5b5d63 !important;
        margin: 0 !important;
    }

    .tpma-safety-note {
        display: flex !important;
        align-items: flex-start !important;
        gap: 9px !important;
        margin-top: 14px !important;
        padding: 12px 15px !important;
        background: #eef2ec !important;
        border: 1px solid #d9e2d6 !important;
        border-radius: 12px !important;
        font-size: 0.8rem !important;
        color: #3d5a3a !important;
        line-height: 1.5 !important;
    }

    /* ---------- Feature grid ---------- */
    .tpma-features-block { margin-bottom: 34px !important; }

    .tpma-features {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }

    .tpma-feature-card {
        background: #ffffff !important;
        border: 1px solid #e9e9e7 !important;
        border-radius: 16px !important;
        padding: 18px !important;
        display: flex !important;
        gap: 13px !important;
        transition: border-color .15s ease, transform .15s ease !important;
    }

    .tpma-feature-card:hover {
        border-color: #3d5a3a !important;
        transform: translateY(-2px) !important;
    }

    .tpma-feature-icon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 11px !important;
        background: #eef2ec !important;
        color: #3d5a3a !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.95rem !important;
        flex-shrink: 0 !important;
    }

    .tpma-feature-title {
        font-weight: 800 !important;
        font-size: 0.9rem !important;
        color: #101114 !important;
        margin: 0 0 4px !important;
    }

    .tpma-feature-desc {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
        color: #5b5d63 !important;
        margin: 0 !important;
    }

    /* ---------- Game types tag cloud ---------- */
    .tpma-games-block { margin-bottom: 8px !important; }

    .tpma-games-group { margin-bottom: 18px !important; }

    .tpma-games-group-title {
        font-size: 0.82rem !important;
        font-weight: 700 !important;
        color: #5b5d63 !important;
        margin: 0 0 10px !important;
    }

    .tpma-tags {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 7px !important;
    }

    .tpma-tag {
        font-size: 0.78rem !important;
        font-weight: 600 !important;
        color: #3d5a3a !important;
        background: #eef2ec !important;
        border: 1px solid #dbe6d8 !important;
        padding: 7px 13px !important;
        border-radius: 999px !important;
    }

    /* ---------- Disclaimer ---------- */
    .tpma-disclaimer {
        margin-top: 30px !important;
        padding: 16px 18px !important;
        background: #ffffff !important;
        border: 1px solid #e9e9e7 !important;
        border-radius: 14px !important;
        font-size: 0.78rem !important;
        line-height: 1.6 !important;
        color: #96979c !important;
    }

    /* ---------- Responsive ---------- */
    @media (max-width: 860px) {
        .tpma-steps { grid-template-columns: repeat(2, 1fr) !important; }
        .tpma-features { grid-template-columns: 1fr !important; }
    }

    @media (max-width: 560px) {
        .tpma-wrap { padding: 28px 14px 32px !important; }
        .tpma-steps { grid-template-columns: 1fr !important; }
        .tpma-title { font-size: 1.2rem !important; }
    }