/* Rule cards in the existing VIP page; sized for the app's narrow mobile viewport. */
.content-body-desc[data-v-a637ab9a]{background:transparent!important;padding:0!important;box-shadow:none!important;color:#173d34!important}
.vip-rules{display:grid;gap:12px;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.5;color:#173d34;overflow-wrap:anywhere}
.vip-rules *{box-sizing:border-box;min-width:0}
.vip-rule-section{background:#fff;border:1px solid #dfebe3;border-radius:18px;padding:17px 16px;box-shadow:0 9px 24px rgba(10,78,55,.075)}
.vip-rule-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.vip-rule-heading h2,.vip-rule-section>h2{font-size:16px;line-height:1.3;letter-spacing:-.02em;margin:0;font-weight:800;color:#173d34}
.vip-rule-section>h2{margin-bottom:13px}
.vip-rule-index{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:#e3f3e9;color:#087f5b;font-size:11px;font-weight:850;letter-spacing:.04em}
.vip-tier-list{display:grid;gap:9px}
.vip-tier-row{background:#f8fbf9;border:1px solid #e5efe9;border-radius:14px;padding:12px}
.vip-tier-row:last-child{border-color:#b2dac3;background:#f2faf5}
.vip-tier-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.vip-tier-name{display:inline-flex;align-items:center;border-radius:7px;background:#e4f4e9;color:#087f5b;padding:5px 8px;font-size:12px;font-weight:850;letter-spacing:.02em}
.vip-tier-top strong{font-size:19px;line-height:1.1;white-space:nowrap;color:#123d31}
.vip-tier-top small{font-size:11px;font-weight:700;color:#607d6d}
.vip-tier-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.vip-tier-metrics>span{display:flex;flex-direction:column;gap:2px;border:1px solid #eaf1ec;border-radius:9px;background:#fff;padding:8px 9px}
.vip-tier-metrics b{font-size:14px;line-height:1.25;color:#173d34}
.vip-tier-metrics small{font-size:11px;line-height:1.25;color:#728c7e}
.vip-tier-condition{font-size:11px;line-height:1.5;color:#12664d;margin:10px 0 0;padding:8px 10px;border-radius:8px;background:#e2f3e9}
.vip-future{margin-top:11px;padding:12px;border-radius:12px;background:linear-gradient(120deg,#eaf6ee,#f5faf6);border:1px solid #d5eadd}
.vip-future strong{display:block;color:#087f5b;font-size:13px}
.vip-future p{margin:4px 0 0;color:#527262;font-size:11px;line-height:1.5}
.vip-policy p{margin:0 0 10px;border-left:3px solid #77ba96;background:#f7fbf8;border-radius:0 8px 8px 0;padding:9px 11px;font-size:12px;line-height:1.5;color:#4a6b5b}
.vip-policy p:last-child{margin-bottom:0}
.vip-fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.vip-fact{display:flex;flex-direction:column;gap:4px;padding:11px;border:1px solid #e7efe9;border-radius:11px;background:#f9fcfa}
.vip-fact:first-child{grid-column:1/-1}
.vip-fact:last-child{grid-column:1/-1}
.vip-fact span{font-size:11px;color:#728a7a}
.vip-fact strong{font-size:13px;line-height:1.4;color:#173d34}
.vip-rule-bottom{display:grid;gap:12px}
.vip-percent-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ecf2ed;padding:9px 0;gap:10px}
.vip-percent-row span{color:#5b7766;font-size:12px}
.vip-percent-row strong{font-size:16px;color:#087f5b}
.vip-team-basis{border-top:1px solid #ecf2ed;margin:2px 0 0;padding-top:10px;color:#789083;font-size:11px;line-height:1.5}
.vip-rules[dir=rtl]{text-align:right}
.vip-rules[dir=rtl] .vip-policy p{border-left:0;border-right:3px solid #77ba96;border-radius:8px 0 0 8px}
@media(max-width:360px){.vip-rule-section{padding:14px 12px}.vip-tier-row{padding:10px}.vip-tier-top strong{font-size:17px}.vip-tier-metrics{gap:6px}.vip-tier-metrics>span{padding:7px}}