/* The document pages — legal, privacy, terms, the AUP, the DPA, copyright, law enforcement, security policy, notices.
   One stylesheet so a fix lands on all of them at once, and so the accessibility rules are not repeated eleven times:
   an inline link in prose is underlined (colour is never the only signal), every focusable thing has a visible ring,
   and a <pre> that scrolls carries tabindex="0" in the markup so a keyboard can reach it. */
:root{--bg:#161616;--layer:#1c1c1c;--layer2:#262626;--text:#f4f4f4;--t2:#c6c6c6;--t3:#8d8d8d;--link:#78a9ff;--blue:#0f62fe;--rule:#393939;--ok:#42be65;--warn:#f1c21b;--bad:#ff8389;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:"IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55;font-size:16px}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
/* 1.4.1 Use of colour: a link sitting inside a sentence is underlined, always */
p a,li a,td a,th a,dd a,.note a,.lede a,.abs a,blockquote a{text-decoration:underline;text-underline-offset:.15em}
.foot a,.crumb a,nav a,.hdr a,a.btn,a.cta,.toc a{text-decoration:none}
/* 2.4.7 Focus visible: one ring, on everything that takes focus, including the scrollable code blocks */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--blue);color:#fff;padding:.6rem 1rem;z-index:100}.skip:focus{left:0}
.rule{height:3px;background:var(--blue)}
main{max-width:900px;margin:0 auto;padding:2.5rem 32px 5rem}
h1{font-size:2.25rem;font-weight:300;margin:0 0 .4rem;line-height:1.2}
h2{font-size:1.25rem;font-weight:400;margin:2.4rem 0 .6rem}
h3{font-size:1rem;font-weight:600;margin:1.6rem 0 .4rem}
p,li,dd{color:var(--t2)}dt{color:var(--text);font-weight:500;margin-top:.8rem}dd{margin:0 0 .4rem}
.lede{font-size:1.1rem;color:var(--t2);max-width:44rem}
.meta{color:var(--t3);font-size:.8125rem;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;margin:0 0 1.5rem}
code{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:.9em;background:var(--layer2);color:var(--text);padding:.08rem .3rem}
pre{background:var(--layer2);border-left:3px solid var(--blue);color:var(--t2);padding:1rem 1.25rem;overflow:auto;font:.8125rem/1.55 "IBM Plex Mono",Menlo,Consolas,monospace}
table{width:100%;border-collapse:collapse;font-size:.875rem;margin:0 0 1rem}
.tw{overflow-x:auto}
td,th{text-align:left;padding:.65rem .6rem;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--t2)}
th{background:var(--layer2);color:var(--text);font-weight:600}
.set{color:var(--warn);font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:.85em}
.note{color:var(--t3);font-size:.85rem}
.box{border:1px solid var(--rule);background:var(--layer);padding:1rem 1.25rem;margin:1rem 0}
.box b{color:var(--text)}
form.ask{border:1px solid var(--rule);background:var(--layer);padding:1.25rem;margin:1.25rem 0;display:grid;gap:.9rem;max-width:44rem}
form.ask label{display:block;font-size:.85rem;color:var(--t2)}
form.ask input,form.ask textarea,form.ask select{width:100%;margin-top:.3rem;border:0;border-bottom:1px solid #8d8d8d;background:#121212;color:var(--text);padding:.6rem .7rem;font:.9rem/1.4 inherit}
form.ask textarea{min-height:7rem;resize:vertical}
form.ask button{border:0;background:var(--blue);color:#fff;height:40px;padding:0 16px;font:inherit;font-size:.875rem;cursor:pointer;justify-self:start}
form.ask button:hover{background:#0353e9}
.err{color:var(--bad)}.ok{color:var(--ok)}
.foot{border-top:1px solid var(--rule);margin-top:3.5rem;padding-top:1.25rem;font-size:.8rem;color:var(--t3);display:flex;gap:1.2rem;flex-wrap:wrap}
@media(max-width:640px){main{padding:2rem 16px 4rem}h1{font-size:1.75rem}}