/* The home page's own text (<main id="home-text">, written into index.html by tools/build_pages.py).
   It is the page for anyone who cannot or does not run the desk: search engines and AI assistants reading the HTML, a browser with
   JavaScript off, a screen reader before the desk loads. prefs.js (loaded in <head>, before the body is parsed) puts "desk-js" on <html>
   when the desk is going to run, so with JavaScript the block is never painted (no flash); desk.js also marks it hidden once the desk mounts.
   Without JavaScript the desk's chrome is hidden and the block scrolls as an ordinary page. The same words are in the Start window. */
html.desk-js .home-text,.home-text[hidden]{display:none}
html:not(.desk-js) body.desk-body{overflow:auto;height:auto;min-height:100vh;position:static;background:var(--paper)}
html:not(.desk-js) body.desk-body>:not(#home-text):not(script):not(template){display:none!important}
.home-text{max-width:760px;margin:0 auto;padding:0 16px 48px;color:var(--ink);font-family:var(--body)}
.ht-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin:0 -16px;padding:8px 16px;background:var(--paper-2);border-bottom:1px solid var(--line);font-family:var(--display);font-weight:600}
.ht-brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:800}
.ht-nav{display:flex;align-items:center;gap:4px 14px;flex-wrap:wrap}
.ht-nav a:not(.btn){color:var(--ink);text-decoration:none;padding:6px 2px}
.ht-nav a:not(.btn):hover,.ht-nav a:not(.btn):focus-visible{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px}
.ht-nav .btn{padding:6px 14px}
.ht-body{padding-top:40px}
.home-text h1{font-size:clamp(32px,6vw,48px)}
.home-text h1 em{font-style:normal;background:var(--lime);color:var(--lime-ink);padding:0 .12em;border-radius:.1em}
.home-text h2{font-size:clamp(24px,4vw,32px);margin:40px 0 10px}
.home-text h3{font-size:20px;margin:22px 0 6px}
.home-text p,.home-text li{max-width:68ch}
.ht-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0}
.home-text .btn.big{font-size:16px;padding:11px 20px}
.home-text .quiet{color:var(--ink);font-family:var(--display);font-weight:600;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:3px}
.home-text .fine{font-size:14px;color:var(--muted)}
.home-text .fine a,.home-text p a,.home-text li a{color:var(--ink)}
.ht-steps,.ht-plans{padding-left:22px;display:grid;gap:10px}
.ht-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:32px;font-family:var(--display);font-weight:600}
.home-text a:focus-visible{outline:2px solid var(--lime);outline-offset:2px}