:root{--paper:#f7f3ea;--ink:#1a1a1a;--ink-muted:#3d3830;--redline:#b91c1c;--tab:#2563eb;--binder:#1c2228;--binder-ink:#e8e2d6;--rule:#c9c0b0;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--font-index:"Source Serif 4", "Times New Roman", serif;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.finale,.outbound,.binder-header__link,.flow__stamp-img{transition:none!important;animation:none!important}}body{background:var(--binder);min-width:320px;color:var(--ink);margin:0}#root{min-height:100svh}a{color:var(--tab)}a:focus-visible,.outbound:focus-visible,.binder-header__link:focus-visible,.finale:focus-visible{outline:3px solid var(--redline);outline-offset:3px}.page{background:var(--paper);max-width:58rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 20%, transparent);margin:0 auto;padding-bottom:3rem;position:relative}.page__grain{pointer-events:none;opacity:.28;mix-blend-mode:multiply;z-index:0;background-image:url(/assets/paper-grain.webp);background-size:420px 420px;position:absolute;inset:0}.binder-header,.sheet,.page-footer{z-index:1;position:relative}.binder-header{z-index:30;background:var(--binder);color:var(--binder-ink);border-bottom:3px solid var(--redline);grid-template-columns:1fr auto auto;align-items:center;gap:1rem 1.5rem;padding:.85rem 1.25rem .85rem 1.5rem;display:grid;position:sticky;top:0}.binder-header__brand{align-items:center;gap:.75rem;min-width:0;display:flex}.binder-header__md{background:var(--redline);color:#fff;width:2.25rem;height:2.25rem;font-family:var(--font-display);letter-spacing:.04em;flex:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.binder-header__company{font-family:var(--font-display);letter-spacing:.03em;margin:0;font-size:1.15rem;font-weight:700;line-height:1.1}.binder-header__meta{letter-spacing:.08em;color:color-mix(in srgb, var(--binder-ink) 70%, transparent);margin:.2rem 0 0;font-size:.7rem}.binder-header__name{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1}.binder-header__link{color:var(--binder-ink);font-family:var(--font-display);letter-spacing:.04em;border-bottom:2px solid var(--tab);justify-self:end;padding-bottom:.1rem;font-size:1rem;font-weight:600;text-decoration:none}.binder-header__link:hover{color:#fff}.sheet{grid-template-columns:3rem 1fr;min-height:70svh;display:grid}.margin{background:color-mix(in srgb, var(--paper) 88%, #d9d0c0);border-right:1px solid color-mix(in srgb, var(--ink) 12%, transparent);position:relative}.margin__rules{border-left:2px solid var(--redline);border-right:2px solid var(--redline);opacity:.9;width:.55rem;position:absolute;top:0;bottom:0;left:1.05rem}.margin__rings{background-image:url(/assets/punch-rings.svg);background-position:top;background-repeat:repeat-y;background-size:2.4rem;position:absolute;inset:0}.margin__hole{display:none}.procedure{padding:0 1.25rem 2rem 1.1rem}.step{border-bottom:1px solid var(--rule);grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem 1rem;padding:2.4rem 0 1.6rem;display:grid;position:relative}.step--hero{align-content:center;min-height:min(68svh,32rem);padding-top:3rem}.step__index{font-family:var(--font-index);color:var(--ink);letter-spacing:-.03em;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;line-height:.9}.step__content h2{font-family:var(--font-display);letter-spacing:-.015em;max-width:18ch;margin:0 0 .7rem;font-size:clamp(1.7rem,3.6vw,2.35rem);font-weight:700;line-height:1.05}.step__content p{max-width:62ch;color:var(--ink-muted);margin:0 0 1rem;font-size:1.05rem;line-height:1.55}.step__content strong{color:var(--ink)}.lede{color:var(--ink)!important;max-width:36ch!important;font-size:clamp(1.15rem,2.2vw,1.35rem)!important}.redline{text-align:right;max-width:28ch;font-family:var(--font-body);color:var(--redline);background-image:url(/assets/annotation-scribbles.png);background-position:right 1.35rem;background-repeat:no-repeat;background-size:4.5rem;grid-column:2;justify-self:end;margin:.15rem 0 0;padding-bottom:1.1rem;font-size:.95rem;font-style:italic;line-height:1.25;transform:rotate(-1.5deg)}.flow{flex-wrap:wrap;align-items:center;gap:.45rem .55rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.flow li span{border:1.5px solid var(--ink);background:color-mix(in srgb, var(--paper) 80%, #fff);font-family:var(--font-display);color:var(--ink);padding:.45rem .7rem;font-size:1.05rem;font-weight:600;display:inline-block}.flow__arrow{color:var(--redline);font-size:1.15rem;font-weight:700}.flow__stamp{align-items:center;display:flex}.flow__stamp-link{color:inherit;align-items:center;line-height:0;text-decoration:none;display:inline-flex}.flow__stamp-link:hover .flow__stamp-img{opacity:.85}.flow__stamp-img{object-fit:contain;width:auto;max-width:11rem;height:2.25rem;transition:opacity .16s cubic-bezier(.16,1,.3,1);display:block}.flow__stamp span{background:var(--ink);color:var(--paper);border-color:var(--ink);letter-spacing:.04em;text-transform:uppercase}.outbound{border:2px solid var(--tab);color:var(--tab);font-family:var(--font-display);letter-spacing:.03em;background:0 0;align-items:center;padding:.55rem .95rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .16s cubic-bezier(.16,1,.3,1),color .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.outbound:hover{background:var(--tab);color:#fff}.soon{border:2px dashed var(--ink-muted);color:var(--ink-muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:0 0;align-items:center;padding:.55rem .95rem;font-size:1.05rem;font-weight:700;display:inline-flex}.topics{gap:.45rem;max-width:36rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.topics li{border-bottom:1px dashed var(--rule);font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);padding:.45rem 0 .45rem 1.1rem;font-size:1.15rem;font-weight:600;position:relative}.topics li:before{content:"";background:var(--redline);width:.45rem;height:.45rem;margin-top:-.22rem;position:absolute;top:50%;left:0}.proof-note{font-style:italic;color:var(--redline)!important;font-size:.95rem!important}.quotes{flex-direction:column;gap:1.1rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.quotes blockquote{background-image:linear-gradient(var(--redline), var(--redline));background-position:0 0;background-repeat:no-repeat;background-size:100% 1px;margin:0;padding:.75rem 0}.quotes p{color:var(--ink)!important;margin:0 0 .5rem!important}.quotes footer{color:var(--ink-muted);font-size:.88rem;font-style:italic}.step--final{border-bottom:0;padding-bottom:2.5rem}.finale{color:#fff;background:radial-gradient(120% 80% at 10% 0%, #ffffff2e, transparent 55%), var(--tab);border:2px solid var(--ink);max-width:24rem;box-shadow:0 1px 0 #ffffff40 inset, 0 8px 18px color-mix(in srgb, var(--tab) 35%, transparent);clip-path:polygon(0 0,100% 0,100% 86%,97% 100%,0 100%);align-items:center;gap:.9rem;margin-top:.35rem;padding:1.15rem 1.25rem;text-decoration:none;animation:.9s cubic-bezier(.16,1,.3,1) .2s both finale-settle;display:inline-flex}.finale:hover{filter:brightness(1.05)}.finale__action{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(1.45rem,3.5vw,1.85rem);font-weight:700;line-height:1}@keyframes finale-settle{0%{opacity:.01;filter:blur(3px);transform:translateY(10px)rotate(-1deg)}to{opacity:1;filter:none;transform:none}}.page-footer{background:var(--binder);color:color-mix(in srgb, var(--binder-ink) 80%, transparent);flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding:1.1rem 1.5rem;font-size:.88rem;display:flex}.page-footer p{margin:0}.page-footer a{color:var(--binder-ink)}@media (width<=720px){.binder-header{grid-template-columns:1fr auto;grid-template-areas:"brand link""name name"}.binder-header__brand{grid-area:brand}.binder-header__name{grid-area:name}.binder-header__link{grid-area:link}.sheet{grid-template-columns:2.2rem 1fr}.procedure{padding-left:.65rem;padding-right:1rem}.step{grid-template-columns:3rem 1fr}.redline{text-align:left;grid-column:1/-1;justify-self:start;max-width:none}.step--hero{min-height:auto}.finale{max-width:none}}