/* Terms & Conditions page styles */
.terms {
    padding: 24px 28px 34px;
    background: url("../images/page-home/bg/background.webp") top center/cover repeat-y;
    color: #fff;
}
.terms-title {
    margin: 0 0 18px;
    color: #ffe89b;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.4px;
    text-shadow: 0 2px 2px #000;
}
.terms-intro {
    max-width: 920px;
    margin: 0 auto 18px;
    line-height: 1.18;
    text-shadow: 0 2px 2px #000;
}
.terms-intro p,
.terms-panel p {
    margin: 0 0 10px;
}
.terms-panel {
    max-width: 920px;
    margin: 0 auto 16px;
    padding: 24px 22px 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    line-height: 1.2;
    text-shadow: 0 2px 2px #000;
}
.terms-panel h2 {
    margin: 0;
    color: #ffe89b;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}
.terms-line {
    height: 4px;
    margin: 9px auto 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
    margin-top: 12px;
}
.service-pill {
    min-height: 29px;
    padding: 7px 14px;
    line-height: 1;
    background: url("../images/page-terms/brown box on black.webp") center/100% 100% no-repeat;
}
.box-1 { background-image: url("../images/page-terms/1st box.webp"); }
.box-2 { background-image: url("../images/page-terms/2nd box.webp"); }
.box-3 { background-image: url("../images/page-terms/3rd box.webp"); }
.box-4 { background-image: url("../images/page-terms/4th box.webp"); }
.box-5 { background-image: url("../images/page-terms/5th box.webp"); }
.line-1 { width: 31%; background-image: url("../images/page-terms/1st line.webp"); }
.line-2 { width: 42%; background-image: url("../images/page-terms/2nd line.webp"); }
.line-3 { width: 41%; background-image: url("../images/page-terms/3rd line.webp"); }
.line-4 { width: 37%; background-image: url("../images/page-terms/4th line.webp"); }
.line-5 { width: 36%; background-image: url("../images/page-terms/5th line.webp"); }
.effective { color: #ffe89b; font-weight: 900; }

@media (max-width: 767px) {
    .terms { padding: 14px 17px 22px; }
    .terms-title { margin-bottom: 10px; letter-spacing: 0.1px; }
    .terms-intro { margin-bottom: 10px; line-height: 1.12; }
    .terms-panel { margin-bottom: 10px; padding: 14px 12px 13px; line-height: 1.16; }
    .terms-line { height: 2px; margin: 6px auto 8px; }
    .terms-intro p,
    .terms-panel p { margin-bottom: 7px; }
    .service-grid { gap: 7px 10px; margin-top: 8px; }
    .service-pill { min-height: 18px; padding: 5px 9px; line-height: 1.05; }
}

/* Withdrawal Rules page styles */
.withdrawal {
    min-height: 760px;
    padding: 30px 26px 34px;
    background: url("../images/page-home/bg/background.webp") top center/cover repeat-y;
}

.withdrawal-title {
    margin: 0 0 270px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.3px;
    text-shadow: 0 2px 2px #000;
}

.rules-box {
    max-width: 920px;
    margin: 0 auto;
    padding: 32px 26px 30px;
    background: url("../images/page-withdrawal/black box.webp") center/100% 100% no-repeat;
    color: #fff;
    line-height: 1.3;
    text-shadow: 0 2px 2px #000;
}

.rules-box ol {
    margin: 0;
    padding-left: 0;
    list-style-position: inside;
}

.rules-box li {
    margin-bottom: 16px;
}

.rules-box li:last-child {
    margin-bottom: 0;
}

.rules-note {
    margin-top: 10px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}

@media (max-width: 767px) {
    .withdrawal { padding: 18px 17px 26px; }
    .withdrawal-title { margin-bottom: 117px; }
    .rules-box { padding: 22px 16px 21px; line-height: 1.24; }
    .rules-box li { margin-bottom: 12px; }
}
