@charset "UTF-8";html{font-size:15px}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:et-book,Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;background-color:#fffff8;color:#111;max-width:1400px;counter-reset:sidenote-counter}h1{font-weight:400;margin-top:4rem;margin-bottom:1.5rem;font-size:3.2rem;line-height:1}h2{font-style:italic;font-weight:400;margin-top:2.1rem;margin-bottom:1.4rem;font-size:2.2rem;line-height:1}h3{font-style:italic;font-weight:400;font-size:1.7rem;margin-top:2rem;margin-bottom:1.4rem;line-height:1}hr{display:block;height:1px;width:55%;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}p.subtitle{font-style:italic;margin-top:1rem;margin-bottom:1rem;font-size:1.8rem;display:block;line-height:1}.numeral{font-family:et-book-roman-old-style}.danger{color:red}article{padding:5rem 0}section{padding-top:1rem;padding-bottom:1rem}dl,ol,p,ul{font-size:1.4rem;line-height:2rem}p{margin-top:1.4rem;margin-bottom:1.4rem;padding-right:0;vertical-align:baseline}sup{line-height:0}div.epigraph{margin:5em 0}div.epigraph>blockquote{margin-top:3em;margin-bottom:3em}div.epigraph>blockquote,div.epigraph>blockquote>p{font-style:italic}div.epigraph>blockquote>footer{font-style:normal}div.epigraph>blockquote>footer>cite{font-style:italic}blockquote{font-size:1.4rem}blockquote p{width:55%;margin-right:40px}blockquote footer{width:55%;font-size:1.1rem;text-align:right}section>footer,section>p,section>table{width:55%}section>dl,section>ol,section>ul{width:50%;-webkit-padding-start:5%}dt:not(:first-child),li:not(:first-child){margin-top:.25rem}figure{padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;max-width:55%;-webkit-margin-start:0;-webkit-margin-end:0;margin:0 0 3em 0}figcaption{float:right;clear:right;margin-top:0;margin-bottom:0;font-size:1.1rem;line-height:1.6;vertical-align:baseline;position:relative;max-width:40%}figure.fullwidth figcaption{margin-right:24%}a:link,a:visited{color:inherit;text-underline-offset:0.1em;text-decoration-thickness:0.05em}img{max-width:100%;height:auto}figure.fullwidth img{width:100%}.marginnote,.sidenote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:1.1rem;line-height:1.3;vertical-align:baseline;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{font-family:et-book-roman-old-style;position:relative;vertical-align:baseline}.sidenote-number:after{content:counter(sidenote-counter);font-size:1rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:1rem;top:-.5rem}blockquote .marginnote,blockquote .sidenote{margin-right:-82%;min-width:59%;text-align:left}div.fullwidth,table.fullwidth{width:100%}div.table-wrapper{overflow-x:auto;font-family:"Trebuchet MS","Gill Sans","Gill Sans MT",sans-serif}.sans{font-family:"Gill Sans","Gill Sans MT",Calibri,sans-serif;letter-spacing:.03em}code,pre>code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:1rem;line-height:1.42;-webkit-text-size-adjust:100%}.sans>code{font-size:1.2rem}h1>code,h2>code,h3>code{font-size:.8em}.marginnote>code,.sidenote>code{font-size:1rem}pre>code{font-size:.9rem;width:52.5%;margin-left:2.5%;overflow-x:auto;display:block}pre.fullwidth>code{width:90%}.fullwidth{max-width:90%;clear:both}span.newthought{font-variant:small-caps;font-size:1.2em}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}.iframe-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:760px){body{width:84%;padding-left:8%;padding-right:8%}hr,section>footer,section>p,section>table{width:100%}pre>code{width:97%}section>dl,section>ol,section>ul{width:90%}figure{max-width:90%}figcaption,figure.fullwidth figcaption{margin-right:0;max-width:none}blockquote{margin-left:1.5em;margin-right:0}blockquote footer,blockquote p{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.marginnote,.sidenote{display:none}.margin-toggle:checked+.marginnote,.margin-toggle:checked+.sidenote{display:block;float:left;left:1rem;clear:both;width:95%;margin:1rem 2.5%;vertical-align:baseline;position:relative}label{cursor:pointer}div.table-wrapper,table{width:85%}img{width:100%}}:root{--ink:#000000;--paper:#ffffff;--cyan:#1fcbdb;--panel:#1c1c1e;--mist:#a1a1aa;--r:12px;--gut:clamp(1rem,0.6rem + 2vw,2rem);--dock:76px;--s1:1rem;--s2:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);--s3:clamp(2.05rem,1.35rem + 3.1vw,3.75rem);color-scheme:dark;}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}html body{width:auto;max-width:none;margin:0;padding:0;background:var(--ink);color:var(--paper);font-family:"Urbanist",system-ui,sans-serif;font-size:var(--s1);line-height:1.55;font-weight:400;overflow-x:clip}::selection{background:var(--cyan);color:var(--ink)}html body h1,html body h2,html body h3{font-style:normal;font-family:inherit;margin:0;text-wrap:balance}html body h2{margin-bottom:1.25rem}html body p,html body ul,html body ol,html body dl{font-size:var(--s1);line-height:1.55;margin:0;width:auto}html body section>p,html body section>ul,html body section>ol,html body section>table,html body section>footer{width:auto}html body figure{max-width:none;margin:0}html body figcaption{float:none;max-width:none;font-size:var(--s1);line-height:1.5}html body a:link,html body a:visited{color:inherit}img{display:block}.wrap{width:min(100%,68rem);margin:0 auto;padding:0 var(--gut)}.band{padding:var(--s3) 0}.band--cyan{background:var(--cyan);color:var(--ink)}.band--panel{background:var(--panel)}h2{font-size:var(--s2);font-weight:800;line-height:1.1;letter-spacing:-0.02em;margin-bottom:1.25rem}.top{padding:clamp(1.25rem,0.8rem + 2vw,3rem) 0 1.25rem;min-height:calc(100dvh - var(--dock) - env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.top .wrap{width:min(100%,68rem)}h1{font-size:var(--s3);font-weight:800;line-height:1.04;letter-spacing:-0.03em;max-width:20ch}.lede{margin-top:0.9rem;max-width:44ch;color:#e4e4e7;text-wrap:pretty}.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(9.5rem,1fr);gap:0.875rem;margin:1.25rem calc(var(--gut) * -1) 0;padding:0.25rem var(--gut) 0.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none;list-style:none}.shelf::-webkit-scrollbar{display:none}.tile{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:0.25rem;width:100%;min-height:8.5rem;padding:0.875rem 0.875rem 1rem;text-align:left;font:inherit;color:var(--paper);background:var(--panel);border:3px solid var(--paper);border-radius:var(--r);box-shadow:5px 5px 0 var(--cyan);cursor:pointer;-webkit-tap-highlight-color:transparent}.tile b{font-weight:800;font-size:var(--s1);line-height:1.2}.tile span{color:var(--mist);line-height:1.35}.tile .num{font-weight:800;color:var(--cyan);line-height:1}.tile[aria-pressed="true"]{background:var(--cyan);color:var(--ink);box-shadow:5px 5px 0 var(--paper)}.tile[aria-pressed="true"] span,.tile[aria-pressed="true"] .num{color:var(--ink)}.tile .tick{position:absolute;top:0.75rem;right:0.75rem;width:1.25rem;height:1.25rem;border-radius:50%;border:3px solid currentColor;opacity:0.35}.tile[aria-pressed="true"] .tick{opacity:1;background:var(--ink);box-shadow:inset 0 0 0 3px var(--cyan)}.tile:focus-visible,.cta:focus-visible,.hold:focus-visible,.tab:focus-visible,.foot a:focus-visible,.dlg button:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.go{margin-top:0.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:0.6rem}html body a.cta{display:inline-flex;align-items:center;justify-content:center;min-width:15rem;min-height:3.5rem;padding:0 1.75rem;border-radius:999px;background:var(--cyan);color:var(--ink);border:3px solid var(--paper);box-shadow:5px 5px 0 var(--paper);font-weight:800;font-size:var(--s1);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.16,1,.3,1)}html body a.cta:active{transform:translate(3px,3px)}.under{color:var(--mist)}.steps{list-style:none;padding:0;display:grid;gap:1.5rem 2rem}.steps li{display:grid;grid-template-columns:auto 1fr;gap:0 1rem;align-items:start}.steps .n{font-size:var(--s2);font-weight:800;line-height:1;color:var(--cyan);min-width:1.4ch}.steps h3{font-size:var(--s1);font-weight:800;line-height:1.3}.steps p{color:#e4e4e7}.pain{max-width:52ch;color:var(--mist);margin-bottom:1.75rem}.shot{margin:2rem auto 0;display:grid;gap:0.6rem;justify-items:center;max-width:18rem}.shot img{width:min(100%,18rem);height:auto;border:3px solid var(--paper);border-radius:var(--r);box-shadow:5px 5px 0 var(--cyan)}.shot figcaption{color:var(--mist)}.cut{display:grid;justify-items:center;gap:1rem}.cut h2{justify-self:stretch}.cut svg{width:min(100%,25rem);height:auto;overflow:visible}.lid{transform-box:fill-box;transform-origin:100% 50%;transform:scaleX(0.08);transition:transform .7s cubic-bezier(.16,1,.3,1)}.lab{transition:opacity .4s cubic-bezier(.16,1,.3,1)}.lid-txt{opacity:0;transition:opacity .3s}.cutfig.closed .lid{transform:scaleX(1)}.cutfig.closed .lab{opacity:0.25}.cutfig.closed .lid-txt{opacity:1}.hold{min-height:2.75rem;padding:0 1.25rem;border-radius:999px;border:3px solid var(--paper);background:transparent;color:var(--paper);font:inherit;font-weight:600;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.hold[aria-pressed="true"]{background:var(--paper);color:var(--ink)}.cut-note{color:var(--mist);text-align:left;justify-self:stretch;max-width:52ch}.label{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:1rem 1rem 1.25rem;max-width:40rem;margin-inline:auto}.label h2{margin:0 !important;padding-bottom:0.5rem;border-bottom:10px solid var(--ink)}.label .scroll{overflow-x:auto}.label table{width:100%;border-collapse:collapse;font-size:var(--s1);min-width:18rem}.label th,.label td{text-align:left;padding:0.5rem 0.25rem;border-bottom:1px solid var(--ink);vertical-align:top;line-height:1.35}.label thead th{font-weight:800;border-bottom:4px solid var(--ink)}.label tbody th{font-weight:600}.label td:last-child{font-weight:800}.label tr:last-child th,.label tr:last-child td{border-bottom:10px solid var(--ink)}.label .after{margin-top:0.75rem}.label caption{caption-side:bottom;text-align:left;padding-top:0.75rem}.stack{max-width:40rem;margin-inline:auto}.tabs{display:flex;gap:0.5rem;margin-bottom:-3px;position:relative;z-index:1}.tab{min-width:3rem;min-height:3rem;border:3px solid var(--paper);border-bottom-color:transparent;border-radius:var(--r) var(--r) 0 0;background:var(--ink);color:var(--paper);font:inherit;font-weight:800;font-size:var(--s1);cursor:pointer;-webkit-tap-highlight-color:transparent}.tab[aria-selected="true"]{background:var(--panel);color:var(--cyan)}.card{border:3px solid var(--paper);border-radius:0 var(--r) var(--r) var(--r);background:var(--panel);box-shadow:6px 6px 0 var(--cyan);padding:1.25rem;max-width:40rem}.card h3{font-size:var(--s1);font-weight:800;margin-bottom:0.6rem}.card ul{list-style:none;padding:0;display:grid;gap:0.45rem}.card li{padding-left:1rem;position:relative;color:#e4e4e7}.card li::before{content:"";position:absolute;left:0;top:0.6em;width:0.4rem;height:0.4rem;border-radius:50%;background:var(--cyan)}.card[hidden]{display:none}.close{display:grid;border:3px solid var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:6px 6px 0 var(--cyan)}.close>div{padding:clamp(1.5rem,1rem + 2vw,2.5rem)}.close .half-a{background:var(--ink)}.close .half-a p{font-size:var(--s2);font-weight:800;line-height:1.1;letter-spacing:-0.02em}.close .half-b{background:var(--cyan);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0.6rem}html body .close .half-b a.cta{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--paper)}@media (min-width: 760px){.close{grid-template-columns:1fr 1fr}}.foot{background:var(--cyan);color:var(--ink);margin-top:var(--s3);padding:var(--s3) 0 calc(var(--dock) + 2rem + env(safe-area-inset-bottom))}.foot .wrap{display:grid;gap:1.5rem}.foot h2{font-size:var(--s1);margin:0 0 0.5rem}.foot blockquote{margin:0;padding:0;font-size:var(--s1)}.foot blockquote p{width:auto;margin:0;font-style:normal}html body .foot a{color:var(--ink);text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:2px}.foot .about{display:inline-flex;align-items:center;min-height:2.75rem}.dock{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--ink);border-top:3px solid var(--paper);padding:0.5rem var(--gut) calc(0.5rem + env(safe-area-inset-bottom))}.dock .in{width:min(100%,68rem);margin:0 auto;display:flex;align-items:center;gap:0.75rem;min-height:3.5rem}.dock img{width:3.25rem;height:3.25rem;border-radius:10px;flex:none}.dock .name{font-weight:800}html body .dock a.cta{margin-left:auto;min-width:0;min-height:2.75rem;padding:0 1.25rem;box-shadow:3px 3px 0 var(--paper);opacity:0;visibility:hidden;transform:translateY(0.5rem);transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1),visibility 0s .25s}html body .dock.on a.cta{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1)}main{padding-bottom:0}.dlg{width:min(calc(100% - 2rem),36rem);max-height:min(85dvh,44rem);padding:0;border:3px solid var(--paper);border-radius:var(--r);background:var(--panel);color:var(--paper);box-shadow:6px 6px 0 var(--cyan)}.dlg::backdrop{background:rgba(0,0,0,0.7)}.dlg .body{padding:1.25rem;display:grid;gap:0.9rem}.dlg h2{margin:0 !important}.dlg details{border-top:3px solid var(--paper);padding-top:0.75rem}.dlg summary{display:flex;align-items:center;gap:0.5rem;cursor:pointer;min-height:2.75rem;list-style:none}.dlg summary::-webkit-details-marker{display:none}.dlg summary h3{font-size:var(--s1);font-weight:800}.dlg .hash{min-width:2.75rem;min-height:2.75rem;border:0;background:transparent;color:var(--cyan);font:inherit;font-weight:800;cursor:pointer}.dlg dl{display:grid;gap:0.6rem}.dlg dt{font-weight:600}.dlg dd{margin:0;color:#e4e4e7}.dlg .back{justify-self:start;min-height:2.75rem;padding:0 1rem;border-radius:999px;border:3px solid var(--paper);background:transparent;color:var(--paper);font:inherit;font-weight:600;cursor:pointer}@media (min-width: 760px){.shelf{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);margin:1.5rem 0 0;padding:0.25rem 0 0.75rem;overflow:visible}.steps{grid-template-columns:repeat(3,1fr)}}@media (hover: hover) and (pointer: fine){html body a.cta:hover{transform:translate(-2px,-2px)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}html{max-inline-size:100%;overflow-x:clip;}body{max-inline-size:100%;overflow-x:clip;}