/* Terms and Privacy. A port of 11 Terms.dc.html and 12 Privacy.dc.html: their inline styles as classes, their <helmet> media rules as written.
   Breakpoints: tablet <= 1023px, phone <= 640px. Shared tokens and components (.wrap, header, footer) live in site.css. */

.lg-sec{position:relative;border-top:1px solid #e3ecf4;padding-block:clamp(56px,7vw,96px) clamp(64px,8vw,112px)}
.lg-in{display:flex;flex-direction:column;gap:clamp(40px,5vw,56px)}
.lg-head{display:flex;flex-direction:column;gap:14px;max-width:820px}
.lg-h1{margin:0;font:440 clamp(34px,4.6vw,48px)/1.15 var(--font);letter-spacing:-.02em;color:#0b2239;text-wrap:pretty}
.lg-updated{margin:0;font:440 16px/1.5 var(--font);color:#647489}
.lg-row{display:flex;flex-wrap:wrap;gap:40px 72px;padding-top:clamp(32px,4vw,48px);border-top:1px solid #e3ecf4}

/* "On this page" and the related-policy link: sticky beside the text on desktop */
.lg-side{flex:1 1 220px;max-width:280px}
.lg-side aside{position:sticky;top:24px;display:flex;flex-direction:column;gap:28px}
.lg-toc{display:flex;flex-direction:column}
.lg-toc-h{padding:0 0 10px 12px;font:500 14px/1 var(--font);color:#0b2239}
.lg-toc a{padding:7px 12px;border-left:2px solid #e3ecf4;font:440 14px/20px var(--font);color:#4d5f75}
.lg-toc a:hover{color:#0b2239;border-left-color:#0872b0}
.lg-rel{padding-left:12px;font:500 14px/1.4 var(--font);color:#0872b0}
.lg-rel:hover{color:#065f93}

/* The text */
.lg-art{flex:999 1 560px;min-width:0;max-width:760px}
.lg-h2{margin:48px 0 14px;font:500 22px/1.3 var(--font);letter-spacing:-.01em;color:#0b2239;scroll-margin-top:24px}
.lg-h2:first-child{margin-top:0}
.lg-art p{margin:0 0 18px;font:440 16px/1.7 var(--font);color:#33475e;text-wrap:pretty}
.lg-art ul{margin:0 0 20px;padding-left:22px;font:440 16px/1.7 var(--font);color:#33475e}
.lg-art li{margin:0 0 8px;padding-left:4px}
.lg-art strong{font-weight:600;color:#0b2239}
.lg-art a{color:#0872b0;text-decoration:underline;text-decoration-color:#b7d9f0;text-underline-offset:3px}
.lg-art a:hover{color:#065f93;text-decoration-color:#0872b0}

@media (max-width:1023px){
.lg-side{flex-basis:100%;max-width:none}
.lg-side aside{position:static}
}
@media (max-width:640px){
.lg-sec{padding-block:40px 64px}
.lg-h1{font-size:28px;line-height:1.2}
.lg-row{gap:32px;padding-top:28px}
.lg-h2{font-size:19px}
.lg-h2:not(:first-child){margin-top:36px}
}