/* Policy navigation is intentionally usable without JavaScript. */
.legal-document .legal-header { margin-top: 24px; margin-bottom: 28px; }
/* Cookie names read as names, not as words with a typo, wherever a line breaks. */
.legal-content code { padding: .1em .35em; border: 1px solid var(--line); border-radius: 5px; background: var(--panel); color: #d4daeb; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: .88em; }

.legal-content { margin-top: 24px; }
.legal-section { border-bottom: 1px solid var(--line); }
.legal-section > summary { padding: 20px 0; cursor: pointer; color: var(--ink); }
.legal-section > summary h2 { display: inline; margin: 0; font-size: 20px; line-height: 1.4; }
.legal-section-body { max-width: 68ch; padding: 0 0 20px; }
.legal-section-body p { margin: 0 0 16px; font-size: 16px; line-height: 1.7; }
.legal-section-body p:last-child { margin-bottom: 0; }
.legal-section > summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
@media print {
  .legal-section::details-content { display: block; content-visibility: visible; }
}

/* Policy pages use the homepage's body and FAQ type scale. */
.legal-document{color:#20242e}
.legal-document .legal-page{width:min(800px,calc(100% - 64px));min-height:0;padding:64px 0 70px}
.legal-document .legal-header{margin:0 0 28px;padding-bottom:28px}
.legal-document .legal-header h1{font-size:44px;font-weight:660;line-height:1.13;letter-spacing:-.045em}
.legal-document .legal-header p{margin:18px 0 0;font-size:15px;color:#727b8c}
.legal-document .legal-content{max-width:none;margin-top:20px}
.legal-document .legal-section>summary{padding:19px 0;color:#5e6b81}
.legal-document .legal-section>summary h2{font-size:16px;font-weight:550;line-height:1.6;letter-spacing:normal}
.legal-document .legal-section-body{max-width:68ch;padding-bottom:22px;font-size:15px;line-height:1.65}
.legal-document .legal-section-body p,.legal-document .legal-section-body li{font-size:15px;line-height:1.65;color:#6d798d}
.legal-document .legal-back{margin-top:28px;font-size:14px;font-weight:500;color:#717986}
@media(max-width:950px){.legal-document .legal-page{width:min(800px,calc(100% - 48px))}}
@media(max-width:650px){.legal-document .legal-page{width:calc(100% - 36px);padding:43px 0 54px}.legal-document .legal-header h1{font-size:33px}.legal-document .legal-section>summary{padding:17px 0}.legal-document .legal-section>summary h2{font-size:15px}}
@media(max-width:360px){.legal-document .legal-page{width:calc(100% - 28px)}}
/* A wrapped section title lines up after the disclosure triangle, not under it. */
.legal-document .legal-section>summary{padding-left:1.06em;text-indent:-1.06em;text-wrap:balance}
