/* Encore for clients: Terms of Use and Privacy Policy (terms.html, privacy.html). Layout only; the type roles are
   system.css's: Title 36 (h1), Section 28 (h2), Body 16 (text and list items), Detail 15 muted (the draft line).
   The text holds a reading measure of 720 px on the content column's left edge. Signed out (?public=1, set on <html> before
   paint): no shell, so no rail and no masthead; the Sparkart Encore mark as the sign-in page draws it, then the title and
   the text on the same 720 px measure. */
.legal-draft{margin:4px 0 0;color:var(--muted)}
.legal-doc{max-width:720px;margin-top:16px;padding-bottom:48px}
.legal-doc>p:first-child{margin:0}
.legal-doc section{margin-top:40px;padding:0} /* system.css gives every section 24 px of bottom padding */
.legal-doc h2{margin:0}
.legal-doc p{margin:12px 0 0}
.legal-doc ul{margin:12px 0 0;padding-left:24px}
.legal-doc li+li{margin-top:8px}
.legal-public-brand{display:none}
html[data-public] .masthead,html[data-public] .skip-link{display:none}
html[data-public] .legal-public-brand{display:flex;align-items:center;min-height:68px;padding:0 24px}
html[data-public] .legal-public-brand .masthead-brand{display:flex;align-items:center;gap:12px}
html[data-public] .legal-public-brand img{display:block;width:130px;height:34px}
html[data-public] .legal-public-brand .masthead-product{display:inline-flex}
html[data-public] .legal-page{max-width:calc(720px + 48px);margin:0;padding:32px 24px 0}
@media(max-width:760px){html[data-public] .legal-public-brand{min-height:62px;padding:0 16px}html[data-public] .legal-page{padding:24px 16px 0}}