/* /trang/{url} page CSS, read from inputs/live-2026-10-25/pages/trang-dieu-khoan.html: the help-center
   @section('styles') block, then the two <style> blocks the Tailwind layout prints in the body. */

    .page-content {
        ol, ul, dl {
            padding: 0 40px;
        }

        ul {
            display: block;
            list-style-type: disc;
            margin-block-start: 1em;
            margin-block-end: 1em;
            padding-inline-start: 40px;
            unicode-bidi: isolate;
        }
    }


.bg-top-info {
	background-color: #2c3e50;
}

.footer-taiwind h4,
.footer-taiwind a,
.footer-taiwind p
 {
	color: #000;
}

/* v2 only: quirks-mode emulation (projects/web-shell/decisions/0001). Live /trang pages have no doctype, and in
   quirks mode an inline box or a block's strut adds to a line's height only when it holds text directly. CSS
   cannot see text nodes, so markQuirksLineHeights (packages/ui/src/static/quirks.ts) marks the elements:
   fs0, a block whose only content is a span with its own font-size (a 15px paragraph around a 14px span is
   22.75px a line on live, not 24.375px); lh0, an element whose text all sits in spans with their own
   line-height (Word-pasted content), so only those spans size the line. */
.page-content [data-q~="fs0"] {
    font-size: 0;
}

.page-content [data-q~="lh0"] {
    line-height: 0;
}

/* v2 only: the Tailwind layout renders the login modal but its head has no Bootstrap CSS, so nothing hides it
   and it adds 48px under the footer. Live /trang pages print no modal at all. This is Bootstrap's own
   `.modal { display: none }`; the plugin's inline display:block still opens it. */
#myModal.modal {
    display: none;
}

/* quirks-mode emulation: a line holding only the footer logo box gets no descender gap on live */
footer a.inline-block > * {
    vertical-align: top;
}