/* Data, compare, connect, privacy and terms in white, with the home page's type and ink. site.css stays underneath and
   takes its colours from the html[data-look="paper"] tokens in landing-tokens.css. */
html[data-look="paper"] body { font-size: 1.0625rem; font-kerning: normal; }
html[data-look="paper"] h1 { font-weight: 900; letter-spacing: -0.04em; line-height: 1; }
html[data-look="paper"] h2 { font-weight: 800; letter-spacing: -0.03em; }
html[data-look="paper"] h3 { font-weight: 700; letter-spacing: -0.015em; }
html[data-look="paper"] h1.t-section { font-size: clamp(2.75rem, 7vw, 5.5rem); }

html[data-look="paper"] .wrap { max-width: 1320px; padding-left: 40px; padding-right: 40px; }

/* Lists: numbered steps on connect, plain bullets elsewhere. site.css resets both. */
.legal-sec ul { list-style: disc; }
.connect .legal-sec ol { counter-reset: step; padding-left: 2em; gap: var(--space-3); }
.connect .legal-sec ol > li { position: relative; counter-increment: step; }
.connect .legal-sec ol > li::before { content: counter(step); position: absolute; left: -2em; font-weight: 800; color: var(--text); font-variant-numeric: tabular-nums; }

/* Privacy and terms: section heading on the left, text on the right. */
.legal-doc .legal-sec { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 0 64px; max-width: none; padding-top: var(--space-6); border-top: 1px solid var(--hairline); }
.legal-doc .legal-sec > h2 ~ * + * { margin-top: var(--space-3); }
.legal-doc .legal-sec > h2 { grid-column: 1; grid-row: 1 / span 20; margin: 0; }
.legal-doc .legal-sec > :not(h2) { grid-column: 2; max-width: 68ch; }
.legal-doc .legal-wrap { gap: var(--space-8); }

/* Chinese headings: heavy enough to sit beside Public Sans. */
html[data-look="paper"]:lang(zh) :is(h1, h2, .big) { font-family: "Public Sans", "Noto Sans SC Black", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif; line-height: 1.18; letter-spacing: -0.02em; }

.land-head { background: var(--ground); color: var(--text); border-bottom: 1px solid var(--hairline); }
.land-bar { max-width: 1320px; margin: 0 auto; padding: 0 40px; }
.land-head .land-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; padding-bottom: 24px; }
.land-logo { color: var(--text); font-weight: 900; font-size: 1.625rem; letter-spacing: -0.05em; text-decoration: none; }
.land-logo:hover { color: var(--text); }
.land-links { display: flex; align-items: center; gap: 24px; font-size: 1rem; }
.land-links a { color: var(--text); text-decoration: none; }
.land-links a:hover { color: var(--text); text-decoration: underline; }
.land-links .land-sign { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; background: var(--text); color: var(--on-action); font-weight: 800; }
.land-links .land-sign:hover { color: var(--on-action); text-decoration: none; }

.land-foot { background: var(--land-ground); color: var(--text); padding: 56px 0; }
.land-foot .big { font-size: clamp(2.125rem, 4.4vw, 3.875rem); line-height: 1; letter-spacing: -0.03em; font-weight: 900; }
.land-foot .small { margin-top: 16px; max-width: 40em; font-size: 0.9375rem; color: var(--text-2); }
.land-foot .row { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 20px; font-size: 0.9375rem; }
.land-foot a { color: var(--text); }

@media (max-width: 760px) {
	.land-bar { padding: 0 16px; }
	html[data-look="paper"] .wrap { padding-left: 16px; padding-right: 16px; }
	.legal-doc .legal-sec { grid-template-columns: minmax(0, 1fr); }
	.legal-doc .legal-sec > h2 { grid-row: auto; margin-bottom: var(--space-2); }
	.legal-doc .legal-sec > :not(h2) { grid-column: 1; }
	.land-head .land-bar { gap: 12px; padding-top: 16px; padding-bottom: 16px; }
	.land-links { gap: 16px; }
	.land-links .more { display: none; }
}
@media (max-width: 400px) {
	.nobr { white-space: normal; }
}

.land-logo{isolation:isolate}
.land-logo b{font-weight:inherit;position:relative;padding:0 .04em;margin-right:.1em}
.land-logo b::before{content:"";position:absolute;left:-.07em;right:-.1em;top:.1em;bottom:-.06em;background:var(--land-ffe24d);transform:skewX(-9deg);z-index:-1}