/* ============================================================
   TechTide — Trang pháp lý (page-legal.php): Terms of Use, Privacy Policy…
   Hero CHỈ tiêu đề (tái dùng .tt-ab-hero của about.css). Body = the_content() kiểu editorial.
   Bề rộng đọc hẹp ~820px cho dễ đọc văn bản dài. Đen–trắng, link gạch chân.
   ============================================================ */

/* Hero chỉ có tiêu đề → bớt padding-bottom (không có sub) + canh GIỮA */
.tt-ab-hero--bare{ padding-bottom: clamp(2rem, 4vw, 3rem); }
.tt-ab-hero--bare .tt-ab-hero__inner{ text-align: center; }
.tt-ab-hero--bare .tt-ab-hero__title{ margin-inline: auto; }

/* ===== Body ===== */
.tt-lp{ border-top: 1px solid var(--tt-line); background: var(--tt-bg); padding-block: clamp(2.5rem, 5vw, 3.5rem) clamp(3.5rem, 7vw, 6rem); }
.tt-lp__inner{ max-width: 820px; margin-inline: auto; padding-inline: clamp(1.25rem, 4vw, 2.5rem); }

.tt-lp__body{ color: #2c2c2c; font-size: 1.0625rem; line-height: 1.75; }
.tt-lp__body > *:first-child{ margin-top: 0; }
.tt-lp__body h2{ font-family: var(--tt-font-display); font-size: clamp(1.4rem, 2.6vw, 1.85rem); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: var(--tt-ink); margin: clamp(2.5rem, 5vw, 3.5rem) 0 1rem; }
.tt-lp__body h3{ font-family: var(--tt-font-display); font-size: clamp(1.1rem, 2vw, 1.3rem); font-weight: 600; line-height: 1.3; color: var(--tt-ink); margin: 2rem 0 .75rem; }
.tt-lp__body p{ margin: 0 0 1.15rem; }
.tt-lp__body ul{ margin: 0 0 1.15rem; padding-left: 1.4rem; }
.tt-lp__body li{ margin: 0 0 .5rem; }
.tt-lp__body li::marker{ color: var(--tt-ink-soft); }
.tt-lp__body strong{ font-weight: 600; color: var(--tt-ink); }
.tt-lp__body a{ color: var(--tt-ink); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; overflow-wrap: break-word; }
.tt-lp__body a:hover{ text-decoration-thickness: 2px; }
.tt-lp__body a:focus-visible{ outline: 2px solid var(--tt-accent); outline-offset: 2px; border-radius: 3px; }