:root{--paper:#f7f7f4;--ink:#1d2023;--muted:#53565a;--purple:#5e4478;--rule:#c9c9c3;--soft:#e7e2eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--purple)}button{font:inherit}img{max-width:100%}.page-width{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.topbar{background:#222028;color:#fff}.topbar-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:-.02em}.brand img{width:30px;height:30px}.topbar nav{display:flex;gap:28px;font-size:14px}.topbar nav a{text-decoration:none}.topbar nav a:hover{color:#d6c2e7}.hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;align-items:center;padding-block:70px 76px}.project-line,.chapter-number{font:13px/1.4 ui-monospace,Menlo,monospace;color:var(--purple);margin:0 0 20px}.hero h1{font:700 clamp(38px,4.3vw,59px)/1.08 system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 22px;text-wrap:balance}.hero h1 span{color:var(--purple)}.lede{color:var(--muted);max-width:42ch;margin:0 0 26px}.primary-link{display:inline-flex;gap:30px;align-items:center;background:var(--purple);color:#fff;padding:13px 17px;font-size:14px;font-weight:650;text-decoration:none}.primary-link:hover{background:#402c53;color:white}.beta-note{border-left:3px solid #b9a3c9;padding-left:13px;margin:28px 0 0;max-width:40ch;font-size:14px;color:var(--muted)}.beta-note strong{color:var(--ink)}.product{background:#e7e2eb;padding:20px}.product-heading,.product-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font:12px/1.4 ui-monospace,Menlo,monospace;color:#51485a}.device{position:relative;margin:24px 0}.skin{width:100%;display:block}.device-screen{position:absolute;left:25.24%;top:7.03%;width:50%;height:40.48%}.product-footer{border-top:1px solid #c7bbcf;padding-top:12px}.theme-switch{display:flex;gap:4px}.theme-switch button{background:transparent;border:1px solid #93859c;padding:6px 12px;cursor:pointer;font-size:12px}.theme-switch button[aria-pressed=true]{background:#51405f;color:white;border-color:#51405f}.note-strip{border-block:1px solid var(--rule)}.note-inner{display:flex;gap:40px;align-items:center;padding-block:13px;font:13px ui-monospace,Menlo,monospace}.note-inner p{margin:0}.note-inner p:last-child{margin-left:auto}.inside{padding-block:90px}.chapter-head{display:grid;grid-template-columns:1fr 1fr;column-gap:12%;align-items:end}.chapter-head .chapter-number{grid-column:1/-1}.chapter-head h2,.writing h2,.install h2,.source-note h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.025em;margin:0}.chapter-head>p:last-child,.writing-copy>p:not(.chapter-number),.install-intro{color:var(--muted);margin:0;max-width:50ch}.feed-layout{display:grid;grid-template-columns:1fr .75fr;gap:10%;align-items:start;margin-top:42px}.screen-display{margin:0}.screen-display img,.writing-screens img{display:block;width:100%;height:auto;image-rendering:pixelated;border:1px solid #c5b9cb}.screen-display figcaption,.writing-screens figcaption{font-size:12px;color:var(--muted);margin-top:9px}.small-heading{font-weight:700;margin:0 0 12px}.keyboard-note dl{margin:0;border-top:1px solid var(--rule)}.keyboard-note dl>div{display:grid;grid-template-columns:100px 1fr;gap:10px;border-bottom:1px solid var(--rule);padding:11px 0}.keyboard-note dt,.keyboard-note dd{margin:0;font-size:14px}kbd{display:inline-block;border:1px solid #a6a0aa;border-bottom-width:2px;background:white;padding:2px 6px;font:12px ui-monospace,Menlo,monospace}.aside{color:var(--muted);font-size:14px}.writing{background:#e9e5ec}.writing-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start;padding-block:76px}.writing-copy h2{margin-bottom:22px}.writing-copy .detail{margin-top:22px!important;font-size:14px}.writing-screens{display:grid;grid-template-columns:1fr 1fr;gap:16px}.writing-screens figure{margin:0}.writing-screens figure+figure{margin-top:35px}.install{padding-block:90px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.install h2{margin-bottom:22px}.install-intro{margin-bottom:24px}.install-detail ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.install-detail li{display:grid;grid-template-columns:40px 1fr;gap:8px;border-bottom:1px solid var(--rule);padding:18px 0}.install-detail li>span{font:13px ui-monospace,Menlo,monospace;color:var(--purple)}.install-detail li p{font-size:14px;color:var(--muted);margin:5px 0 0}.beta-box{margin-top:25px;padding:18px;background:#ede9ef;font-size:14px}.beta-box p{margin:8px 0}.source-note{background:#29252d;color:#f7f7f4}.source-inner{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:55px}.source-note .chapter-number{color:#cfbfda}.source-inner p{margin-top:0}.source-inner a{color:#eadcf0}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px}.footer p{color:var(--muted);font-size:13px}.footer>a:last-child{font-size:14px}@media(max-width:700px){.page-width{width:calc(100% - 36px)}.topbar-inner{min-height:64px}.topbar nav{gap:16px;font-size:13px}.topbar nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-block:48px}.hero h1{font-size:clamp(36px,10vw,50px)}.note-inner{flex-wrap:wrap;gap:10px 22px}.note-inner p:last-child{margin-left:0}.inside{padding-block:65px}.chapter-head{display:block}.chapter-head h2{margin-bottom:15px}.feed-layout,.writing-layout,.install,.source-inner{grid-template-columns:1fr;gap:30px}.writing-layout,.install{padding-block:65px}.writing-screens{gap:12px}.footer{flex-wrap:wrap}.footer p{flex-basis:100%;order:3;margin:0}.product{padding:14px}.device{margin:18px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.writing,.source-note{padding-inline:16px}