/* Privacy, terms and the error page: landing.css's chart with a reading column in its body cell. */

.strip.legal-strip { grid-template-columns: auto 1fr auto auto; }
@media (max-width: 900px) { .strip.legal-strip { grid-template-columns: 1fr auto auto; } }
.strip.lost-strip { grid-template-columns: 1fr auto; }

.draft-banner > p {
  background: var(--yellow); color: var(--on-colour);
  padding: 14px clamp(20px, 3vw, 48px); font-weight: 600;
}
.draft-banner b { font-weight: 800; letter-spacing: 0.08em; margin-right: 10px; }

.legal h1 { font-size: clamp(1.8rem, 1.15rem + 1.7vw, 2.8rem); line-height: 1.04; letter-spacing: -0.03em; font-weight: 700; text-wrap: balance; }
.legal h1:lang(th), .legal h1 [lang="th"] { font-weight: 800; letter-spacing: -0.005em; line-height: 1.32; }
.legal .sec-head .when { margin-top: 12px; font-size: 0.9rem; }

/* the cell fills its column so no rule ground shows beside it; the text keeps a reading measure */
.prose { padding: clamp(24px, 3vw, 48px) clamp(20px, 3vw, 48px); }
.prose > * { max-width: 72ch; }
.prose h2 { font-size: 1.28rem; line-height: 1.25; letter-spacing: -0.015em; font-weight: 700; margin-top: 36px; }
.prose h2:first-child { margin-top: 0; }
.prose h2:lang(th) { font-weight: 800; line-height: 1.45; letter-spacing: 0; }
.prose p, .prose ul { margin-top: 12px; color: var(--ink-2); }
.prose ul { padding-left: 1.2em; list-style: disc; }
.prose li + li { margin-top: 6px; }
.prose b { color: var(--ink); font-weight: 700; }
.prose a { color: var(--ink); font-weight: 600; }
.prose h3 { font-size: 1.05rem; line-height: 1.3; font-weight: 700; margin-top: 24px; color: var(--ink); }
.prose h3:lang(th) { font-weight: 800; line-height: 1.5; }
.prose ol { margin-top: 12px; padding-left: 1.4em; list-style: decimal; color: var(--ink-2); }
/* a wide table scrolls inside its own box rather than pushing the page sideways on a phone */
.prose table { display: block; overflow-x: auto; margin-top: 16px; border-collapse: collapse; font-size: 0.92rem; max-width: 100%; }
.prose th, .prose td { text-align: left; vertical-align: top; padding: 8px 12px 8px 0; border-bottom: var(--rule-w) solid var(--rule); color: var(--ink-2); }
.prose th { color: var(--ink); font-weight: 700; }

.lost { padding: clamp(40px, 8vw, 120px) clamp(20px, 3vw, 48px); }
.lost h1 { font-size: clamp(2.2rem, 1.2rem + 3vw, 4.2rem); line-height: 1.04; letter-spacing: -0.035em; font-weight: 700; }
.lost h1:lang(th) { font-weight: 800; line-height: 1.3; letter-spacing: 0; }
.lost p { margin-top: 16px; color: var(--ink-2); max-width: 52ch; }
.lost .ctas { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }