/**
 * Terms pages (Privacy Policy, Cookie Policy, Điều khoản Sử dụng, etc.) - page-specific styles
 * Loaded only on /terms/* routes.
 */

/* Widen content area: override default max-width so table/content can use full width */
.contactus.terms-page .innerContentsWrap {
    max-width: none;
    width: 100%;
}

/* Ensure body text and list items are visible (CMS content uses .termsContentBody, not .termsBody) */
.termsContentBody,
.termsContentBody p,
.termsContentBody li,
.termsContentBody ul li,
.termsContentBody ol li {
    color: #111;
    font-size: 1rem;
    line-height: 1.75;
}
.termsContentBody {
    overflow-x: auto;
}

/* Show bullets/numbers for lists */
.termsContentBody ul {
    list-style-type: disc;
    padding-left: 1.5rem;
}
.termsContentBody ul li {
    display: list-item;
    list-style-type: inherit;
}
.termsContentBody ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
}
.termsContentBody ol li {
    display: list-item;
    list-style-type: inherit;
}

/* Links: blue text + underline */
.termsContentBody a {
    color: #0066cc;
    text-decoration: underline;
}
.termsContentBody a:hover {
    color: #004499;
}

/* Table: use full width of container */
.termsContentBody table {
    width: 100%;
}

/* 40px gap between page title block and version dropdown (privacy / cookie detail) */
.contactus.terms-page article.innerContentsWrap + article.innerContentsWrap.marginclear .contentsWrap {
    padding-top: 40px;
    box-sizing: border-box;
}