/* Shared styles for the legal pages (privacy, terms). Same colours as the home page, light and dark. */
/* Inter, hosted here (SIL Open Font License, see assets/fonts/Inter-LICENSE.txt). One variable file per script covers weights 400 to 600. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--paper:#f5f5f5;--surface:#fff;--surface-2:#f0f0f0;--ink:#000;--ink-2:#404040;--ink-3:#737373;--accent:#1185dc;--line:#e0e0e0;--ring:rgba(0,0,0,.05);--pill:rgba(255,255,255,.9);--pill-edge:rgba(0,0,0,.25);--divider:rgba(0,0,0,.12);--ease:cubic-bezier(.22,1,.36,1);--lemon-img:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAAB4klEQVRYCe2WSyhFURSGPSJ5pBSKMjBUMlFMUIwUBsrcXBmYKgYGBmYkY6RMpCQDpYRMZWKmexUDbymFvL5V1G61u+1zrHuk7qqvu9c5a//rb99z9tl5ebn4ZytQaOy3Er0KKIZnpV1C3g+9UA9peAPTaEJtEvbgDj4dbhnvwij0QArc++fk7WAS0mAf3AZxxmK65jeOapm8YWDENT8e11A3E6+MzYixVddQgZtkGA9ybwuqM9TEvSXPXqToo1reBneZLccdUdzIW/SYRTPT2kymv0z2qBWQfSVbcRRFeIxiy7/Gp7UYaqiUwpsEDAWv0EgCZmTFHiAoDqnyLbH1tacQN7KVvydk6F4b8r1lrRT5ruu5FvmZFvE1lr0nqTjRjXyGqnRRFvMdre0zJIerJOKDJpu6kc+Q7D9JxDpNLnUjn6G0LspSPhOqW0eh9X6j9ZZDzUidfEzlaKlFrPJrtCOdq+QgZtVc67yi3QXBMUClFrHKZfcfDnbyXbjEr5UBV+cF3aGoZqR+G1whi3EKzUjHVDHyE7MMLEyIhjwv81AOsaORmXJG0aaOuTYF8oboezqXjXUOGiBy5HtmyMd1AlpAxNdgAeQ5KIJOaINmKAO5dgGncABylpIHOBe5FfiTFfgCcwHEh4kJxcUAAAAASUVORK5CYII=");color-scheme:light}
:root[data-theme="dark"]{--paper:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--ink:#fff;--ink-2:rgba(235,235,245,.72);--ink-3:rgba(235,235,245,.5);--line:rgba(84,84,88,.65);--ring:rgba(255,255,255,.08);--pill:rgba(28,28,30,.85);--pill-edge:rgba(255,255,255,.16);--divider:rgba(255,255,255,.16);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--accent)}
.bar{display:flex;justify-content:center;padding:32px 16px 8px}
.pill{display:flex;align-items:center;gap:4px;padding:4px;border-radius:99px;background:var(--pill);box-shadow:0 0 1px var(--pill-edge)}
.pill a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;line-height:20px;padding:8px 16px;border-radius:99px;opacity:.7;transition:opacity .15s}
.pill a:hover{opacity:1}
.pill a.brand{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:600;opacity:1;padding:0 16px 0 12px}
.pill a.brand i{width:28px;height:28px;background:var(--ink);-webkit-mask:var(--lemon-img) center/20px no-repeat;mask:var(--lemon-img) center/20px no-repeat}
.pill .sep{width:1px;height:16px;background:var(--divider);margin:0 6px 0 8px}
.theme-btn{position:relative;width:36px;height:36px;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;color:var(--ink);display:grid;place-items:center;transition:background-color .15s ease,transform .15s var(--ease)}
.theme-btn:active{transform:scale(.94)}
.theme-btn svg{grid-area:1/1;width:18px;height:18px;transition:opacity .2s ease,transform .3s var(--ease)}
.theme-btn .sun{opacity:0;transform:rotate(-40deg) scale(.8)}
[data-theme="dark"] .theme-btn .sun{opacity:1;transform:none}
[data-theme="dark"] .theme-btn .moon{opacity:0;transform:rotate(40deg) scale(.8)}
@media (hover:hover) and (pointer:fine){.theme-btn:hover{background:var(--surface-2)}}
html.theming,html.theming *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}
main{max-width:720px;margin:0 auto;padding:56px 20px 40px}
h1{font-weight:500;font-size:clamp(34px,6vw,48px);letter-spacing:-.03em;line-height:1.1;margin:0 0 12px}
.updated{color:var(--ink-3);font-size:14px;margin:0 0 32px}
.lead{font-size:19px;color:var(--ink-2);margin:0 0 28px}
.short{background:var(--surface);border-radius:20px;box-shadow:0 0 0 1px var(--ring);padding:22px 24px;margin:0 0 40px}
.short h2{margin:0 0 8px;font-size:15px;font-weight:600;letter-spacing:0;color:var(--ink-3)}
.short p{margin:0;font-size:18px;line-height:1.55}
h2{font-weight:500;font-size:24px;letter-spacing:-.02em;line-height:1.25;margin:44px 0 12px}
h3{font-weight:600;font-size:17px;margin:26px 0 6px}
p,li{color:var(--ink-2)}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:22px}
li{margin:0 0 8px}
strong{color:var(--ink);font-weight:600}
.todo{background:#ffe27a;color:#1d1d1f;padding:0 4px;border-radius:4px}
footer{max-width:720px;margin:0 auto;padding:24px 20px 64px;font-size:14px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between}
footer .fl{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px}
footer a{color:inherit;text-decoration:none}
footer a:hover{color:var(--ink)}
footer .brand2{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}
footer .brand2 i{width:22px;height:22px;background:var(--ink);-webkit-mask:var(--lemon-img) center/18px no-repeat;mask:var(--lemon-img) center/18px no-repeat}
@media (max-width:560px){.pill a.nav-link{display:none}.pill .sep{display:none}main{padding-top:36px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}

@media (max-width:860px){footer{flex-direction:column;align-items:center;text-align:center;gap:16px}footer .fl{justify-content:center;gap:12px 20px}footer .brand2{flex-basis:100%;justify-content:center}}