:root{color-scheme:light dark;--surface: #faf9f6;--ink: #1a1410;--ink-soft: #4a3f36;--primary: #e67e22;--on-primary: #1a1410;--sage: #8aa68a;--sky: #9cc0d6;--marigold: #f1c069;--line: #6b5e53;--panel: #f1ede4;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-body: 1rem;--fs-title: 1.5rem;--fs-display: clamp(2rem, 1.4rem + 3vw, 3rem)}@media(prefers-color-scheme:dark){:root{--surface: #16110d;--ink: #f3eee6;--ink-soft: #b8ada2;--primary: #f39a4a;--on-primary: #1a1410;--line: #a09488;--panel: #211a14}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--s-5)}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:1.5}h1,h2{font-family:var(--serif);font-weight:700;margin:0;color:var(--ink)}h1{font-size:var(--fs-display);line-height:1.15;letter-spacing:-.01em;max-width:20ch}h2{font-size:var(--fs-title);line-height:1.3}p,ol,ul,dl{margin:0}p,li{max-width:60ch;color:var(--ink-soft)}strong{color:var(--ink);font-weight:700}a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.wrap{width:100%;max-width:64rem;margin-inline:auto;padding-inline:var(--s-5)}.site-header{padding-block:var(--s-5)}.brand{display:inline-flex;align-items:center;gap:var(--s-3);min-height:44px;font-family:var(--serif);font-weight:700;font-size:var(--fs-title);line-height:1.3;text-decoration:none;color:var(--ink)}.brand svg{width:32px;height:32px;flex:none}main{flex:1;padding-bottom:var(--s-8)}.site-footer{border-top:1px solid var(--line);padding-block:var(--s-5)}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);align-items:center}.site-footer a,.site-footer p{display:inline-flex;align-items:center;min-height:44px}.site-footer ul{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);list-style:none;padding:0}.site-footer li{max-width:none}.hero{display:grid;grid-template-areas:"title" "cover" "copy";gap:var(--s-6);padding-block:var(--s-6) var(--s-7)}.hero h1{grid-area:title}.hero .cover{grid-area:cover}.hero-copy{grid-area:copy;display:grid;gap:var(--s-5);justify-items:start;align-content:start}.cover{margin:0;display:grid;gap:var(--s-3)}.cover img{display:block;width:100%;height:auto;border-radius:var(--s-2);box-shadow:0 1px 2px #1a141033,0 12px 32px -12px #1a141073}.cover figcaption,.note{color:var(--ink-soft);max-width:60ch}.signup{display:grid;gap:var(--s-3);width:100%;max-width:28rem}.signup label{font-weight:700;color:var(--ink)}.signup .row{display:flex;flex-wrap:wrap;gap:var(--s-3)}.signup input{flex:1 1 14rem;min-height:48px;padding:var(--s-2) var(--s-4);border:2px solid var(--line);border-radius:var(--s-2);background:var(--surface);color:var(--ink);font:inherit}.signup button{min-height:48px;padding:var(--s-2) var(--s-5);border:2px solid var(--primary);border-radius:var(--s-2);background:var(--primary);color:var(--on-primary);font:inherit;font-weight:700;cursor:pointer}.signup button:hover{background:var(--marigold);border-color:var(--marigold)}.note{color:var(--ink-soft)}.spread{padding-block:var(--s-7);border-top:1px solid var(--line);display:grid;gap:var(--s-5)}.pages{display:grid;gap:var(--s-4);align-items:stretch}.pages img{display:block;width:100%;height:auto;border-radius:var(--s-2);box-shadow:0 1px 2px #1a141033}.page-text{position:relative;display:grid;align-content:center;gap:var(--s-4);padding:var(--s-6) var(--s-6) var(--s-7);background:var(--panel);border-radius:var(--s-2);font-family:var(--serif);font-size:var(--fs-title);line-height:1.4}.page-text p{color:var(--ink);max-width:24ch}.folio{position:absolute;right:var(--s-5);bottom:var(--s-4);font-family:var(--sans);font-size:var(--fs-body);color:var(--ink-soft)}.steps{padding-block:var(--s-7);border-top:1px solid var(--line);display:grid;gap:var(--s-6)}.steps ol{list-style:none;padding:0;display:grid;gap:var(--s-5);counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:8px 1fr;gap:var(--s-4);max-width:60ch}.steps li:before{content:"";border-radius:var(--s-1);background:var(--sage)}.steps li:nth-child(2):before{background:var(--sky)}.steps li:nth-child(3):before{background:var(--marigold)}.steps li>div{display:grid;gap:var(--s-1)}.control{padding-block:var(--s-7) 0;border-top:1px solid var(--line);display:grid;gap:var(--s-4)}.doc{padding-block:var(--s-6) 0;display:grid;gap:var(--s-5)}.doc section{display:grid;gap:var(--s-3);padding-top:var(--s-5)}.doc ul{display:grid;gap:var(--s-2);padding-left:var(--s-5)}.meta{color:var(--ink-soft)}@media(min-width:760px){.hero{grid-template-columns:1fr 1fr;grid-template-areas:"title cover" "copy cover";column-gap:var(--s-7);align-items:start}.hero h1{align-self:end}.pages{grid-template-columns:minmax(0,32rem) minmax(16rem,1fr)}}@media(forced-colors:active){.signup button{border-color:ButtonText}}.reader{padding-block:var(--s-6) 0;display:grid;gap:var(--s-5);justify-items:center}.reader h1{max-width:none;text-align:center}.reader-page{width:100%;max-width:40rem;display:grid;gap:var(--s-4);touch-action:pan-y}.reader-figure{margin:0;display:grid;gap:var(--s-2)}.reader-figure img{display:block;width:100%;height:auto;border-radius:var(--s-2);box-shadow:0 1px 2px #1a141033}.reader-figure figcaption{color:var(--ink-soft)}.reader-text{display:grid;gap:var(--s-3);padding:var(--s-5);background:var(--panel);border-radius:var(--s-2);font-family:var(--serif);font-size:var(--fs-title);line-height:1.4}.reader-text:empty{display:none}.reader-text p{color:var(--ink);max-width:none}.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;max-width:40rem}.reader-nav button{min-height:48px;min-width:96px;padding:var(--s-2) var(--s-5);border:2px solid var(--primary);border-radius:var(--s-2);background:var(--primary);color:var(--on-primary);font:inherit;font-weight:700;cursor:pointer}.reader-nav button:hover:not(:disabled){background:var(--marigold);border-color:var(--marigold)}.reader-nav button:disabled{background:transparent;border-color:var(--line);color:var(--ink-soft);cursor:default}