:root{color-scheme:light;--paper:#f7f4eb;--ink:#292c26;--muted:#74766a;--orange:#c55730;--line:#dcdcd0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}a:hover{color:var(--orange)}.wrap{width:calc(100% - 96px);max-width:1120px;margin-left:auto;margin-right:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:33px;font-weight:800;letter-spacing:-2px}.brand img{margin-right:10px}.brand-dot{color:var(--orange)}nav{display:flex;gap:36px;align-items:center;font-size:13px}nav .github-link{border:1px solid #b8baab;border-radius:5px;padding:12px 16px}.github-link span{margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding-top:72px;padding-bottom:74px;gap:20px}.eyebrow,.chapter-number,.story-divider,.spot-caption{font-size:10px;font-weight:600;letter-spacing:1.6px}.eyebrow{display:flex;align-items:center;gap:8px}.little-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,.pull-quote p{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.8px}h1{font-size:clamp(48px,5.3vw,69px);line-height:1.06;margin:26px 0 23px}em{color:var(--orange);font-weight:400}.hero-description{max-width:360px;color:#67695e;font-size:15px;line-height:1.8;margin-bottom:27px}.button{display:inline-flex;gap:38px;align-items:center;justify-content:center;padding:16px 23px;border-radius:5px;background:var(--ink);color:var(--paper);font-size:13px;transition:background .2s}.button:hover{background:var(--orange);color:white}.hero-note,.margin-note,.art-note{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:var(--muted)}.hero-note{display:block;font-size:12px;margin-top:15px}.hero-art{position:relative;padding-top:25px}.dog-illustration{display:block;width:100%;height:auto}.art-note{position:absolute;right:28px;top:4px;font-size:16px;transform:rotate(7deg)}.art-note span{display:block;text-align:center;font-size:30px;line-height:1}.spot-caption{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:3px}.spot-caption span:last-child{font-family:Georgia,'Times New Roman',serif;font-size:13px;font-weight:400;font-style:italic;letter-spacing:0;border-left:1px solid #bfc0b3;padding-left:12px;margin-left:3px}.story-divider{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;color:#686b5e;font-size:9px}.story-divider>span:nth-child(2){font-size:17px}.story{max-width:960px}.chapter{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:74px 0;border-bottom:1px solid var(--line)}.chapter-number{font-size:9px;color:var(--muted)}h2{font-size:39px;line-height:1.16;letter-spacing:-1.3px;margin:19px 0}.margin-note{display:block;margin-top:24px;font-size:16px;transform:rotate(-5deg)}.chapter-copy{font-size:15px;line-height:1.9}.chapter-copy p{margin:0 0 22px}.chapter-copy p:last-child{margin-bottom:0}strong{font-weight:600}.code-doodle{font-family:monospace;font-size:25px;display:inline-block;transform:rotate(-7deg);color:var(--orange);margin-top:20px}.pull-quote{position:relative;background:#eeece0;padding:42px 56px;margin:48px 0 0;border-radius:8px;overflow:hidden}.pull-quote .eyebrow{font-size:9px;color:var(--muted)}.pull-quote p{font-size:48px;letter-spacing:-1.6px;line-height:1.15;margin:20px 0 0}.quote-star{position:absolute;right:75px;top:52px;font-size:115px;color:var(--orange);font-family:Georgia,serif}.last-chapter{border-bottom:0;padding-bottom:66px}.things{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.things span{border:1px solid #d5d6c8;border-radius:4px;padding:3px 12px;font-size:12px}.things span:last-child{border-color:transparent;color:var(--muted);font-style:italic}.closing{text-align:center;border-top:1px solid var(--line);padding:53px 0 67px}.closing>p{font-size:14px;line-height:1.9;margin-top:15px}.closing h2{font-size:62px;line-height:1.07;letter-spacing:-2.5px;margin:25px 0 30px}.closing-note{display:block;font-size:11px;color:var(--muted);margin-top:18px}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;padding-bottom:28px}.site-footer .brand{font-size:28px}.site-footer p{font-size:11px;color:var(--muted)}.site-footer>a:last-child{font-size:12px}.skip-link{position:absolute;top:-100px;left:16px;background:var(--ink);color:white;padding:12px;z-index:10}.skip-link:focus{top:10px}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:90px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.hero{gap:0;padding-top:50px;padding-bottom:50px}h1{font-size:49px}.hero-description{font-size:14px}.art-note{font-size:13px;right:5px}.chapter{gap:35px}.chapter h2{font-size:33px}.chapter-copy{font-size:14px}.quote-star{right:40px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:85px}.brand{font-size:29px}.brand img{width:33px;height:33px;margin-right:6px}nav{gap:18px;font-size:11px}nav .github-link{padding:10px}.github-link span{margin-left:4px}.hero{grid-template-columns:1fr;padding-top:39px;padding-bottom:33px}h1{font-size:clamp(42px,11.6vw,64px);letter-spacing:-2px}.hero-description{max-width:330px}.hero-art{max-width:400px;width:100%;margin:28px auto 0}.art-note{right:19px;top:4px}.story-divider{font-size:8px;letter-spacing:1px;gap:20px}.story-divider>span:last-child{display:none}.chapter{grid-template-columns:1fr;gap:22px;padding:40px 0}.chapter h2{font-size:36px;margin-bottom:0}.margin-note,.code-doodle{display:none}.chapter-copy{font-size:15px}.pull-quote{padding:29px 24px;margin-top:30px}.pull-quote p{font-size:36px;position:relative;z-index:1}.pull-quote .eyebrow{font-size:8px;letter-spacing:1px}.quote-star{right:17px;top:58px;font-size:66px;opacity:.25}.closing{padding:38px 0 45px}.closing h2{font-size:51px}.site-footer{flex-wrap:wrap;gap:15px}.site-footer p{order:3;width:100%;margin:0;font-size:10px}.site-footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.site-footer{flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}
.support{border-top:1px solid var(--line);padding-top:36px;padding-bottom:44px}.support>p{max-width:720px;font-size:14px;line-height:1.8;color:var(--muted)}.support h3{font-size:16px;margin:28px 0 10px}.wallet-list{margin:24px 0 0}.wallet-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:12px 24px;padding:16px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.7}.wallet-row dt{font-weight:600}.wallet-row dd{margin:0;min-width:0;overflow-wrap:anywhere}.wallet-row code{font-size:12px}
@media(max-width:600px){.footer-links{margin-left:auto;justify-content:flex-end}.wallet-row{grid-template-columns:1fr;gap:6px}.support h2{font-size:34px}}

.social-links{display:flex;align-items:center;gap:4px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:5px}.social-link:hover{background:#eeece0}.social-link svg{display:block}.closing .social-links{justify-content:center}@media(max-width:600px){.site-header nav{gap:8px}.site-header .social-links{gap:0}}