/* ---------- 10hub's document pages (privacy.html, terms.html): a column of text under the site's top bar. They load
   css/app.css first for the brand tokens, the top bar and the buttons, and this for the column. ---------- */
html,body{height:auto;min-height:100%}
.demo-bar{position:sticky;top:0;z-index:50}
.demo-bar .tabs{margin-left:auto}
main{position:relative;z-index:1}
.skip{text-decoration:none}
.doc{max-width:760px;margin:0 auto;padding:clamp(28px,5vh,56px) 20px clamp(60px,10vh,100px)}
.doc h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.04em;line-height:1.05;margin:6px 0 10px}
.doc .doc-date{font-size:13px;color:var(--ink-3);margin:0 0 22px}
.doc .lede{font-size:17px;line-height:1.6;color:var(--ink-2);margin:0 0 18px;text-wrap:pretty}
.doc h2{font-size:22px;letter-spacing:-.02em;margin:34px 0 10px}
.doc p,.doc li{font-size:15.5px;line-height:1.65;color:var(--ink-2);margin:0 0 12px}
.doc ul{margin:0 0 12px;padding-left:22px}
.doc li{margin-bottom:6px}
.doc a{color:var(--accent-deep)}
/* lines the owner fills in before the pages go live: the legal name, the address, the contact email */
.doc .fill{padding:12px 14px;border-radius:12px;background:var(--warn-soft);border:1px dashed var(--warn);color:var(--ink);font-size:14.5px}
.doc .doc-foot{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}