/* The terms and the privacy policy: the title on Bellfy's night, the text on a paper column made
   for long reading, and its contents beside it on wide screens. The legal text itself stays plain:
   no icons and no bold, only the reading face, its headings and its links. */
.legal-page .nt-nav .nt-btn{flex:none}
/* The sky starts under the floating bar, as on the cover page. */
.legal-head{margin-top:-76px}
.legal-head .nt-sky-inner{padding-top:calc(76px + clamp(48px,7vw,96px));padding-bottom:clamp(96px,11vw,150px)}
.legal-head .nt-title{font-size:clamp(44px,6.4vw,92px);max-width:14ch}
.legal-head .nt-title em{display:inline-block;padding-right:.12em}
.legal-head .updated{margin:24px 0 0;font-size:13px;letter-spacing:.02em;color:var(--moon-faint)}

/* The paper rises over the bottom of the sky. */
.legal-layout{position:relative;z-index:2;display:grid;grid-template-columns:240px minmax(0,780px);justify-content:center;gap:clamp(28px,4vw,56px);max-width:1240px;margin:clamp(-88px,-7vw,-60px) auto 0;padding:0 clamp(16px,4vw,48px)}
.legal-toc{position:sticky;top:104px;align-self:start;max-height:calc(100vh - 128px);overflow:auto;margin-top:clamp(92px,9vw,120px);padding:6px 0;scrollbar-width:thin}
.legal-toc-title{margin:0 0 14px;font:600 11px/1.5 var(--text);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}
.legal-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.legal-toc a{display:block;margin-left:-1px;padding:7px 0 7px 16px;border-left:1px solid transparent;font-size:13px;line-height:1.4;color:var(--ink-soft);text-decoration:none;transition:color .3s,border-color .3s}
.legal-toc a:hover{color:var(--accent);border-left-color:var(--accent)}

.legal{padding:clamp(28px,5vw,64px) clamp(22px,5vw,68px) clamp(36px,5vw,72px);color:var(--ink)}
.legal h2{scroll-margin-top:104px;margin:48px 0 0;padding-top:30px;border-top:1px solid var(--line);font-family:var(--display);font-weight:400;font-size:clamp(23px,2.4vw,29px);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
.legal h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal h2:target{color:var(--accent)}
.legal p{margin:16px 0 0;max-width:68ch;font-size:16px;line-height:1.85;color:var(--ink-soft);overflow-wrap:anywhere}
.legal a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:3px}
.legal a:hover{text-decoration-color:var(--accent)}

.legal-page .nt-foot{margin-top:clamp(24px,4vw,48px)}

@media(max-width:960px){
 .legal-layout{grid-template-columns:minmax(0,1fr)}
 .legal-toc{display:none}
}
@media(max-width:720px){
 .legal-page .nt-nav .nt-btn{padding:0 16px}
 .legal-head{margin:-72px 8px 0;border-radius:28px}
 .legal-head .nt-sky-inner{padding-top:calc(72px + 40px)}
 .legal-layout{padding:0 12px}
 .legal p{font-size:15px;line-height:1.8}
 .legal h2{margin-top:38px;padding-top:24px}
}
@media print{
 .nt-nav,.legal-toc,.nt-foot,.nt-sky-fx{display:none}
 .legal-head{margin:0;background:none;color:#000}
 .legal-layout{margin:0;display:block}
 .legal{border:0;box-shadow:none;padding:0}
}